:root{--primary:#1a237e;--primary-light:#3949ab;--secondary:#ff6f00;--success:#2e7d32;--danger:#c62828;--warning:#f57f17;--info:#0288d1;--white:#fff;--dark:#212121;--gray:#757575;--light:#f5f5f5;}
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'Segoe UI',sans-serif;color:var(--dark);line-height:1.6;}
a{text-decoration:none;color:inherit;}
img{max-width:100%;}

/* TOP BAR */
.top-bar{background:#0d1642;color:rgba(255,255,255,0.8);padding:8px 5%;font-size:0.78rem;}
.top-inner{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;}
.top-left{display:flex;gap:20px;}
.top-left span i,.top-right a i{margin-right:5px;}
.top-right{display:flex;gap:15px;}
.top-right a{color:rgba(255,255,255,0.8);transition:color 0.3s;}
.top-right a:hover{color:var(--secondary);}

/* NAVBAR */
.navbar{background:var(--white);box-shadow:0 2px 10px rgba(0,0,0,0.1);position:sticky;top:0;z-index:1000;padding:0 5%;}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:65px;max-width:1200px;margin:0 auto;}
.logo{font-size:1.2rem;font-weight:800;color:var(--primary);display:flex;align-items:center;gap:8px;}
.logo i{font-size:1.4rem;}
.nav-toggle{display:none;background:none;border:none;font-size:1.3rem;color:var(--primary);cursor:pointer;}
.nav-links{display:flex;align-items:center;gap:2px;list-style:none;flex-wrap:wrap;}
.nav-links>li>a{font-weight:600;font-size:0.8rem;color:var(--dark);padding:6px 9px;border-radius:6px;transition:all 0.3s;display:flex;align-items:center;gap:3px;white-space:nowrap;}
.nav-links>li>a:hover,.nav-links>li>a.active{color:var(--primary);background:#e8eaf6;}
.btn-nav{background:var(--secondary)!important;color:var(--white)!important;padding:8px 18px!important;border-radius:6px!important;}
.btn-nav:hover{background:#ff8f00!important;}
.btn-highlight{animation:pulse-highlight 2s infinite;box-shadow:0 0 0 0 rgba(255,152,0,.7);}
@keyframes pulse-highlight{0%{box-shadow:0 0 0 0 rgba(255,152,0,.7)}70%{box-shadow:0 0 0 10px rgba(255,152,0,0)}100%{box-shadow:0 0 0 0 rgba(255,152,0,0)}}
.btn-blood{background:#c62828!important;color:#fff!important;padding:8px 18px!important;border-radius:6px!important;animation:pulse-blood 2s infinite;}
.btn-blood:hover{background:#b71c1c!important;}
@keyframes pulse-blood{0%{box-shadow:0 0 0 0 rgba(198,40,40,.7)}70%{box-shadow:0 0 0 10px rgba(198,40,40,0)}100%{box-shadow:0 0 0 0 rgba(198,40,40,0)}}

/* DROPDOWN */
.dropdown{position:relative;}
.dropdown-menu{display:none;position:absolute;top:100%;left:0;background:var(--white);box-shadow:0 4px 20px rgba(0,0,0,0.15);border-radius:8px;min-width:220px;padding:8px 0;z-index:100;list-style:none;}
.dropdown:hover .dropdown-menu{display:block;}
.dropdown-menu li a{display:block;padding:9px 18px;font-size:0.84rem;font-weight:500;color:var(--dark);transition:all 0.2s;}
.dropdown-menu li a:hover{background:#e8eaf6;color:var(--primary);}

/* NOTICE BAR */
.notice-bar{background:var(--secondary);color:var(--white);padding:10px 5%;overflow:hidden;white-space:nowrap;}
.notice-bar marquee{font-size:0.88rem;font-weight:500;}
.notice-bar marquee i{margin-right:5px;}

/* HERO */
.hero{background:linear-gradient(135deg,#0d1642 0%,#1a237e 40%,#3949ab 100%);color:var(--white);padding:70px 5%;position:relative;overflow:hidden;}
.hero::before{content:'';position:absolute;top:-100px;right:-100px;width:400px;height:400px;background:rgba(255,111,0,0.08);border-radius:50%;}
.hero::after{content:'';position:absolute;bottom:-80px;left:-80px;width:300px;height:300px;background:rgba(57,73,171,0.15);border-radius:50%;}
.hero-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:50px;position:relative;z-index:1;}
.hero-text{flex:1;}
.hero-text h1{font-size:2.6rem;font-weight:800;margin-bottom:15px;line-height:1.2;}
.hero-text h1 span{color:var(--secondary);}
.hero-text p{font-size:1.05rem;opacity:0.9;margin-bottom:25px;max-width:550px;}
.hero-btns{display:flex;gap:15px;flex-wrap:wrap;}
.hero-btns .btn{padding:13px 26px;border-radius:8px;font-weight:700;font-size:0.92rem;border:none;cursor:pointer;transition:all 0.3s;display:inline-flex;align-items:center;gap:8px;}
.hero-btns .btn-orange{background:var(--secondary);color:var(--white);}
.hero-btns .btn-orange:hover{background:#ff8f00;transform:translateY(-2px);}
.hero-btns .btn-white{background:rgba(255,255,255,0.15);color:var(--white);border:2px solid rgba(255,255,255,0.4);}
.hero-btns .btn-white:hover{background:rgba(255,255,255,0.25);}
.hero-stats{flex:0 0 360px;display:grid;grid-template-columns:1fr 1fr;gap:15px;}
.hero-stat{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);border-radius:12px;padding:20px;text-align:center;backdrop-filter:blur(10px);}
.hero-stat .num{font-size:2rem;font-weight:800;}
.hero-stat .label{font-size:0.8rem;opacity:0.8;}

/* SECTIONS */
.section{padding:60px 5%;}
.section-inner{max-width:1200px;margin:0 auto;}
.section-title{text-align:center;margin-bottom:40px;}
.section-title h2{font-size:1.9rem;color:var(--primary);margin-bottom:5px;}
.section-title p{color:var(--gray);font-size:0.92rem;}
.section-title .line{width:60px;height:4px;background:var(--secondary);margin:10px auto 0;border-radius:2px;}
.section-alt{background:#f8f9ff;}

/* COURSES GRID */
.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;}
.course-card{background:var(--white);border-radius:10px;padding:25px;box-shadow:0 2px 15px rgba(0,0,0,0.08);transition:all 0.3s;border-top:4px solid var(--primary);}
.course-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px rgba(0,0,0,0.15);}
.course-card .icon{width:50px;height:50px;background:#e8eaf6;color:var(--primary);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin-bottom:15px;}
.course-card h3{font-size:1rem;margin-bottom:5px;color:var(--primary);}
.course-card .code{font-size:0.75rem;color:var(--gray);margin-bottom:8px;}
.course-card .meta{display:flex;justify-content:space-between;font-size:0.82rem;color:var(--gray);margin-top:10px;padding-top:10px;border-top:1px solid #eee;}

/* STATS BAR */
.stats-section{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:var(--white);padding:50px 5%;}
.stats-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:30px;text-align:center;}
.stats-grid .stat .num{font-size:2.5rem;font-weight:800;display:block;}
.stats-grid .stat .label{font-size:0.9rem;opacity:0.85;}

/* FEATURES GRID */
.features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px;}
.feature-card{text-align:center;padding:30px 20px;background:var(--white);border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,0.05);transition:all 0.3s;}
.feature-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,0.1);}
.feature-card .icon{width:60px;height:60px;margin:0 auto 15px;background:var(--primary);color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem;}
.feature-card h4{color:var(--primary);margin-bottom:8px;}
.feature-card p{font-size:0.85rem;color:var(--gray);}

/* WAYS TO LEARN */
.ways-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;}
.way-card{text-align:center;padding:35px 25px;background:var(--white);border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,0.05);transition:all 0.3s;border-bottom:4px solid transparent;}
.way-card:hover{border-bottom-color:var(--secondary);transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,0.12);}
.way-card .way-icon{width:80px;height:80px;margin:0 auto 15px;background:linear-gradient(135deg,var(--primary),var(--primary-light));color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;}
.way-card h3{color:var(--primary);margin-bottom:8px;font-size:1.1rem;}
.way-card p{font-size:0.85rem;color:var(--gray);margin-bottom:15px;}
.way-card .btn-link{color:var(--secondary);font-weight:700;font-size:0.88rem;}

/* TESTIMONIALS */
.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;}
.testimonial-card{background:var(--white);border-radius:10px;padding:25px;box-shadow:0 2px 10px rgba(0,0,0,0.08);}
.testimonial-card .stars{color:var(--secondary);margin-bottom:10px;}
.testimonial-card .quote{font-style:italic;color:#555;font-size:0.9rem;margin-bottom:15px;line-height:1.6;}
.testimonial-card .author{display:flex;align-items:center;gap:12px;}
.testimonial-card .avatar{width:40px;height:40px;border-radius:50%;background:var(--primary);color:var(--white);display:flex;align-items:center;justify-content:center;font-weight:700;}
.testimonial-card .name{font-weight:700;font-size:0.9rem;}
.testimonial-card .course-name{font-size:0.78rem;color:var(--gray);}

/* CTA */
.cta-section{background:linear-gradient(135deg,var(--secondary),#ff8f00);color:var(--white);padding:50px 5%;text-align:center;}
.cta-section h2{font-size:2rem;margin-bottom:10px;}
.cta-section p{font-size:1rem;opacity:0.9;margin-bottom:25px;}
.cta-section .btn{background:var(--white);color:var(--secondary);padding:14px 30px;border-radius:8px;font-weight:700;font-size:1rem;border:none;cursor:pointer;transition:all 0.3s;display:inline-flex;align-items:center;gap:8px;}
.cta-section .btn:hover{transform:translateY(-2px);box-shadow:0 5px 20px rgba(0,0,0,0.2);}

/* FOOTER */
.footer{background:#0d1642;color:rgba(255,255,255,0.8);padding:50px 5% 20px;}
.footer-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px;}
.footer h4{color:var(--white);margin-bottom:15px;font-size:1rem;position:relative;padding-bottom:10px;}
.footer h4::after{content:'';position:absolute;bottom:0;left:0;width:30px;height:3px;background:var(--secondary);border-radius:2px;}
.footer ul{list-style:none;padding:0;}
.footer ul li{margin-bottom:8px;}
.footer ul a{color:rgba(255,255,255,0.7);font-size:0.85rem;transition:color 0.3s;display:flex;align-items:center;gap:6px;}
.footer ul a:hover{color:var(--secondary);}
.footer .about p{font-size:0.85rem;line-height:1.7;opacity:0.8;}
.footer .social-links{display:flex;gap:10px;margin-top:15px;}
.footer .social-links a{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,0.1);display:flex;align-items:center;justify-content:center;color:var(--white);transition:all 0.3s;}
.footer .social-links a:hover{background:var(--secondary);}
.footer-bottom{max-width:1200px;margin:30px auto 0;padding-top:20px;border-top:1px solid rgba(255,255,255,0.1);display:flex;justify-content:space-between;align-items:center;font-size:0.8rem;opacity:0.6;flex-wrap:wrap;gap:10px;}

/* PAGE HEADER */
.page-header{background:linear-gradient(135deg,#0d1642,#1a237e,#3949ab);color:var(--white);padding:50px 5%;text-align:center;position:relative;}
.page-header h1{font-size:2rem;margin-bottom:8px;}
.page-header p{opacity:0.85;font-size:0.95rem;}
.page-header .breadcrumb{margin-top:12px;font-size:0.82rem;opacity:0.7;}
.page-header .breadcrumb a{color:var(--secondary);}

/* CONTENT CARD */
.content-card{background:var(--white);border-radius:12px;padding:35px;box-shadow:0 2px 15px rgba(0,0,0,0.08);margin-bottom:25px;}
.content-card h2{color:var(--primary);font-size:1.4rem;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #e8eaf6;}
.content-card h3{color:var(--primary);font-size:1.1rem;margin:20px 0 10px;}
.content-card p{color:#555;font-size:0.92rem;line-height:1.8;margin-bottom:12px;}
.content-card ul,.content-card ol{padding-left:20px;margin-bottom:15px;}
.content-card li{margin-bottom:8px;font-size:0.9rem;color:#555;}

/* CONTAINER */
.container{max-width:1000px;margin:30px auto;padding:0 20px;}
.container-wide{max-width:1200px;margin:30px auto;padding:0 20px;}

/* FORM ELEMENTS */
.form-card{background:var(--white);border-radius:12px;padding:35px;box-shadow:0 2px 15px rgba(0,0,0,0.1);}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px;}
.form-group{margin-bottom:15px;}
.form-group label{display:block;font-weight:600;font-size:0.85rem;margin-bottom:5px;color:#333;}
.form-group label .required{color:var(--danger);}
.form-group input,.form-group select,.form-group textarea{width:100%;padding:11px 14px;border:2px solid #e0e0e0;border-radius:8px;font-size:0.9rem;outline:none;transition:border 0.3s;font-family:inherit;}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary);}
.btn-submit{padding:13px 28px;background:var(--primary);color:var(--white);border:none;border-radius:8px;font-size:0.95rem;font-weight:700;cursor:pointer;transition:all 0.3s;display:inline-flex;align-items:center;gap:8px;}
.btn-submit:hover{background:var(--primary-light);transform:translateY(-1px);}
.btn-block{width:100%;justify-content:center;}

/* SEARCH CARD */
.search-card{background:var(--white);border-radius:12px;padding:30px;box-shadow:0 2px 15px rgba(0,0,0,0.1);margin-bottom:25px;}
.search-card form{display:flex;gap:10px;}
.search-card input{flex:1;padding:14px 18px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;outline:none;}
.search-card input:focus{border-color:var(--primary);}
.search-card button{padding:14px 25px;background:var(--primary);color:var(--white);border:none;border-radius:8px;font-size:0.95rem;font-weight:600;cursor:pointer;}

/* RESULT CARD */
.result-card{background:var(--white);border-radius:12px;box-shadow:0 2px 15px rgba(0,0,0,0.1);overflow:hidden;}
.result-header{padding:20px 25px;text-align:center;}
.result-header.verified{background:#e8f5e9;color:var(--success);}
.result-header.not-found{background:#ffebee;color:var(--danger);}
.result-header i{font-size:2.5rem;display:block;margin-bottom:10px;}
.result-body{padding:25px;}
.result-body table{width:100%;border-collapse:collapse;}
.result-body td{padding:10px 15px;border-bottom:1px solid #eee;font-size:0.9rem;}
.result-body td:first-child{font-weight:600;width:40%;color:var(--gray);}

/* ALERT */
.alert{padding:15px 20px;border-radius:8px;margin-bottom:20px;font-weight:500;font-size:0.9rem;}
.alert-success{background:#e8f5e9;color:var(--success);border:1px solid #c8e6c9;}
.alert-danger{background:#ffebee;color:var(--danger);border:1px solid #ffcdd2;}
.alert-warning{background:#fff8e1;color:var(--warning);border:1px solid #ffecb3;}
.alert-info{background:#e1f5fe;color:var(--info);border:1px solid #b3e5fc;}

/* GRID */
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:25px;}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}

/* GALLERY */
.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:15px;}
.gallery-item{border-radius:10px;overflow:hidden;background:var(--white);box-shadow:0 2px 10px rgba(0,0,0,0.08);transition:all 0.3s;}
.gallery-item:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,0,0,0.12);}
.gallery-img{height:200px;background:#e8eaf6;display:flex;align-items:center;justify-content:center;font-size:3rem;color:var(--primary);}
.gallery-info{padding:15px;}
.gallery-info h4{font-size:0.9rem;color:var(--primary);margin-bottom:3px;}
.gallery-info .cat{font-size:0.75rem;color:var(--gray);}

/* BACK LINK */
.back-link{display:block;text-align:center;margin-top:25px;color:var(--primary);font-weight:600;font-size:0.9rem;}

/* ACCORDION/FAQ */
.faq-item{background:var(--white);border-radius:10px;margin-bottom:12px;box-shadow:0 1px 8px rgba(0,0,0,0.06);overflow:hidden;}
.faq-question{padding:18px 22px;font-weight:600;font-size:0.95rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer;color:var(--primary);transition:all 0.3s;}
.faq-question:hover{background:#f8f9ff;}
.faq-question i{transition:transform 0.3s;font-size:0.8rem;}
.faq-item.active .faq-question i{transform:rotate(180deg);}
.faq-answer{padding:0 22px;max-height:0;overflow:hidden;transition:max-height 0.3s ease,padding 0.3s ease;color:#555;font-size:0.9rem;line-height:1.7;}
.faq-item.active .faq-answer{max-height:500px;padding:0 22px 18px;}

/* TABLE */
.data-table{width:100%;border-collapse:collapse;}
.data-table th,.data-table td{padding:12px 15px;text-align:left;border-bottom:1px solid #eee;font-size:0.88rem;}
.data-table th{background:#f8f9ff;color:var(--primary);font-weight:600;}
.data-table tr:hover{background:#fafafa;}

/* BADGE */
.badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:0.75rem;font-weight:600;}
.badge-green{background:#e8f5e9;color:var(--success);}
.badge-red{background:#ffebee;color:var(--danger);}
.badge-orange{background:#fff3e0;color:var(--secondary);}
.badge-blue{background:#e8eaf6;color:var(--primary);}

/* TIMELINE */
.timeline{position:relative;padding-left:30px;}
.timeline::before{content:'';position:absolute;left:10px;top:0;bottom:0;width:3px;background:#e8eaf6;}
.timeline-item{position:relative;margin-bottom:25px;padding-left:20px;}
.timeline-item::before{content:'';position:absolute;left:-24px;top:5px;width:12px;height:12px;border-radius:50%;background:var(--primary);border:3px solid #e8eaf6;}
.timeline-item h4{color:var(--primary);font-size:1rem;margin-bottom:3px;}
.timeline-item p{color:#555;font-size:0.88rem;}

/* WHATSAPP FLOAT */
.whatsapp-float{position:fixed;bottom:25px;right:25px;width:55px;height:55px;background:#25d366;color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;box-shadow:0 4px 15px rgba(37,211,102,0.4);z-index:9999;transition:all 0.3s;}
.whatsapp-float:hover{transform:scale(1.1);box-shadow:0 6px 20px rgba(37,211,102,0.6);}

/* RESPONSIVE */
/* Scrollable columns in showcase */
.showcase-scroll::-webkit-scrollbar{width:4px;}
.showcase-scroll::-webkit-scrollbar-thumb{background:#d0d0d0;border-radius:4px;}
.showcase-scroll::-webkit-scrollbar-thumb:hover{background:#aaa;}

@media(max-width:992px){
    .nav-toggle{display:block;}
    .nav-links{display:none;position:absolute;top:65px;left:0;right:0;background:var(--white);flex-direction:column;padding:15px;box-shadow:0 4px 20px rgba(0,0,0,0.1);gap:0;}
    .nav-links.open{display:flex;}
    .nav-links>li>a{padding:12px 15px;}
    .dropdown-menu{position:static;box-shadow:none;display:none;padding-left:15px;}
    .dropdown:hover .dropdown-menu{display:block;}
    .hero-inner{flex-direction:column;text-align:center;}
    .hero-text h1{font-size:2rem;}
    .hero-btns{justify-content:center;}
    .hero-stats{flex:auto;width:100%;}
    .footer-inner{grid-template-columns:1fr 1fr;}
    .grid-2,.grid-3,.grid-4{grid-template-columns:1fr;}
    .form-row{grid-template-columns:1fr;}
    .top-bar{display:none;}
    .network-showcase{grid-template-columns:1fr!important;}
}
@media(max-width:600px){
    .hero-text h1{font-size:1.6rem;}
    .hero-stats{grid-template-columns:1fr 1fr;}
    .footer-inner{grid-template-columns:1fr;}
    .search-card form{flex-direction:column;}
    .page-header h1{font-size:1.5rem;}
}