@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap";:root{--primary: #3695ea;--primary-light: #5aa8f0;--primary-dark: #2a7dd4;--primary-soft: rgba(54, 149, 234, .1);--accent: #daff88;--accent-dark: #c5f050;--accent-soft: rgba(218, 255, 136, .2);--success: #10b981;--warning: #f59e0b;--bg: #ffffff;--bg-subtle: #f0f9ff;--bg-card: rgba(255, 255, 255, .9);--text: #0c2340;--text-muted: #5a7a9a;--border: rgba(54, 149, 234, .15);--radius: 1.25rem;--radius-lg: 2rem;--shadow: 0 4px 20px -2px rgba(54, 149, 234, .1);--shadow-lg: 0 25px 50px -12px rgba(54, 149, 234, .2);--shadow-glow: 0 0 60px -10px rgba(54, 149, 234, .4);--gradient-primary: linear-gradient(135deg, #3695ea 0%, #2a7dd4 50%, #1e6bc4 100%);--gradient-accent: linear-gradient(135deg, #daff88 0%, #c5f050 100%);--gradient-mixed: linear-gradient(135deg, #3695ea 0%, #5aa8f0 50%, #7abcf5 100%)}[data-theme=dark]{--bg: #0a1628;--bg-subtle: #0f1f35;--bg-card: rgba(15, 31, 53, .9);--text: #f0f9ff;--text-muted: #8ba8c7;--border: rgba(54, 149, 234, .2);--primary-soft: rgba(54, 149, 234, .2);--accent-soft: rgba(218, 255, 136, .15);--shadow: 0 4px 20px -2px rgba(0, 0, 0, .4);--shadow-lg: 0 25px 50px -12px rgba(0, 0, 0, .5);--shadow-glow: 0 0 80px -10px rgba(54, 149, 234, .5)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Outfit,sans-serif;background-color:var(--bg);color:var(--text);line-height:1.7;overflow-x:hidden}::selection{background:var(--primary);color:#fff}.container{max-width:1280px;margin:0 auto;padding:0 2rem;position:relative;z-index:2}.container-wide{max-width:100%;padding:0}.bg-shapes{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:hidden}.shape{position:absolute;border-radius:50%;filter:blur(120px);animation:float-bg 30s infinite ease-in-out}.shape:nth-child(1){background:linear-gradient(135deg,#3695ea66,#2a7dd44d)}.shape:nth-child(2){background:linear-gradient(135deg,#daff8840,#3695ea33)}.shape:nth-child(3){background:linear-gradient(135deg,#3695ea4d,#daff8826)}.shape:nth-child(4){background:linear-gradient(135deg,#2a7dd440,#3695ea33)}.shape:nth-child(5){background:linear-gradient(135deg,#daff8833,#3695ea40)}@keyframes float-bg{0%,to{transform:translate(0) rotate(0) scale(1)}25%{transform:translate(15vw,15vh) rotate(90deg) scale(1.1)}50%{transform:translate(-10vw,25vh) rotate(180deg) scale(.9)}75%{transform:translate(5vw,-10vh) rotate(270deg) scale(1.05)}}.navbar{position:fixed;top:0;width:100%;z-index:1000;padding:1.25rem 0;background:transparent;transition:all .4s cubic-bezier(.4,0,.2,1)}.navbar-scrolled{padding:.75rem 0;background:var(--bg-card);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--border);box-shadow:var(--shadow)}.navbar-inner{display:flex;justify-content:space-between;align-items:center}.logo-section{display:flex;align-items:center;gap:.75rem;text-decoration:none;font-weight:800;font-size:1.5rem;color:var(--text);transition:transform .3s ease}.logo-section:hover{transform:scale(1.02)}.logo-img{height:2.75rem;width:2.75rem;transition:transform .5s ease}.logo-section:hover .logo-img{transform:rotate(360deg)}.nav-links{display:flex;gap:.5rem;align-items:center}.nav-link{text-decoration:none;color:var(--text-muted);font-weight:600;transition:all .3s ease;font-size:.95rem;padding:.6rem 1.25rem;border-radius:.75rem;position:relative}.nav-link:hover{color:var(--primary);background:var(--primary-soft)}.theme-toggle{background:var(--bg-card);border:1px solid var(--border);color:var(--text);padding:.6rem;border-radius:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.theme-toggle:hover{background:var(--primary-soft);border-color:var(--primary);color:var(--primary);transform:rotate(180deg)}section{padding:7rem 0;position:relative;z-index:2}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:10rem 0 6rem;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:20%;left:50%;transform:translate(-50%);width:700px;height:700px;background:radial-gradient(circle,rgba(54,149,234,.2) 0%,rgba(218,255,136,.1) 50%,transparent 70%);border-radius:50%;filter:blur(60px);pointer-events:none}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:var(--gradient-primary);color:#fff;padding:.5rem 1.25rem;border-radius:100px;font-weight:600;font-size:.85rem;margin-bottom:2rem;box-shadow:0 4px 20px -5px #3695ea80;animation:pulse-glow 2s infinite}@keyframes pulse-glow{0%,to{box-shadow:0 4px 20px -5px #3695ea80}50%{box-shadow:0 4px 35px -5px #3695eab3}}h1{font-size:clamp(2.5rem,6vw,5rem);font-weight:900;line-height:1.1;margin-bottom:1.5rem;letter-spacing:-.03em}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;position:relative}.text-accent{color:var(--accent-dark)}.hero-desc{font-size:clamp(1rem,2vw,1.35rem);color:var(--text-muted);max-width:650px;margin:0 auto 3rem;line-height:1.8}.hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:4rem}.hero-stats{display:flex;gap:3rem;justify-content:center;flex-wrap:wrap;margin-top:4rem;padding-top:3rem;border-top:1px solid var(--border)}.hero-stat{text-align:center}.hero-stat-number{font-size:2.5rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:block}.hero-stat-label{font-size:.9rem;color:var(--text-muted);font-weight:500}.courses-scroll-section{padding:5rem 0;overflow:hidden}.courses-scroll-wrapper{overflow-x:auto;overflow-y:hidden;padding:2rem 0;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.courses-scroll-wrapper::-webkit-scrollbar{display:none}.courses-scroll-track{display:flex;gap:1.5rem;padding:0 2rem;width:max-content}.scroll-course-card{flex-shrink:0;width:320px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.scroll-course-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:var(--shadow-lg),var(--shadow-glow);border-color:var(--primary)}.scroll-course-image{width:100%;height:180px;object-fit:cover;transition:transform .5s ease}.scroll-course-card:hover .scroll-course-image{transform:scale(1.1)}.scroll-course-image-wrapper{overflow:hidden;position:relative}.scroll-course-image-wrapper:after{content:"";position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(transparent,var(--bg-card));pointer-events:none}.scroll-course-content{padding:1.25rem 1.5rem 1.5rem}.scroll-course-badge{display:inline-block;padding:.3rem .75rem;background:var(--accent);color:#0c2340;font-size:.75rem;font-weight:700;border-radius:100px;margin-bottom:.75rem}.scroll-course-badge.blue{background:var(--primary-soft);color:var(--primary)}.scroll-course-title{font-size:1.35rem;font-weight:800;margin-bottom:.5rem;color:var(--text)}.scroll-course-desc{color:var(--text-muted);font-size:.9rem;margin-bottom:1rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.scroll-course-meta{display:flex;gap:1rem;padding-top:1rem;border-top:1px solid var(--border);font-size:.8rem;color:var(--text-muted)}.scroll-course-meta-item{display:flex;align-items:center;gap:.35rem}.scroll-controls{display:flex;justify-content:center;gap:1rem;margin-top:2rem}.scroll-btn{width:50px;height:50px;border-radius:50%;background:var(--bg-card);border:2px solid var(--border);color:var(--text);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.scroll-btn:hover{background:var(--primary);border-color:var(--primary);color:#fff;transform:scale(1.1)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2.5rem;box-shadow:var(--shadow);transition:all .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);opacity:0;transition:opacity .3s ease}.card:hover{transform:translateY(-8px);border-color:var(--primary-light);box-shadow:var(--shadow-lg),var(--shadow-glow)}.card:hover:before{opacity:1}.card-icon{width:60px;height:60px;border-radius:1rem;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);color:#fff;margin-bottom:1.5rem;box-shadow:0 8px 20px -5px #3695ea66}.section-header{text-align:center;max-width:700px;margin:0 auto 4rem}.section-badge{display:inline-flex;align-items:center;gap:.5rem;color:var(--primary);font-weight:700;text-transform:uppercase;font-size:.85rem;letter-spacing:.1em;margin-bottom:1rem}.section-title{font-size:clamp(2rem,4vw,3.25rem);font-weight:800;line-height:1.2;margin-bottom:1rem}.section-desc{color:var(--text-muted);font-size:1.1rem;line-height:1.7}.grid{display:grid;gap:2rem}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:1fr 1fr}.grid-4{grid-template-columns:repeat(4,1fr)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:1rem 2rem;border-radius:1rem;font-weight:700;cursor:pointer;border:none;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn:hover:before{left:100%}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 8px 25px -8px #3695ea80}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 15px 35px -10px #3695ea99}.btn-secondary{background:var(--bg-card);color:var(--text);border:2px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-3px)}.btn-accent{background:var(--accent);color:#0c2340;font-weight:800}.btn-accent:hover{background:var(--accent-dark);transform:translateY(-3px);box-shadow:0 10px 30px -10px #daff8880}.btn-outline{background:transparent;color:var(--primary);border:2px solid var(--primary)}.btn-outline:hover{background:var(--primary);color:#fff}.btn-lg{padding:1.15rem 2.5rem;font-size:1.1rem}.feature-item{display:flex;gap:1.25rem;align-items:flex-start;padding:1.5rem;border-radius:var(--radius);transition:all .3s ease}.feature-item:hover{background:var(--primary-soft)}.feature-icon{width:48px;height:48px;min-width:48px;border-radius:.875rem;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);color:#fff}.feature-title{font-size:1.15rem;font-weight:700;margin-bottom:.35rem}.feature-desc{color:var(--text-muted);font-size:.95rem;line-height:1.6}.building-img-wrapper{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);border:4px solid var(--accent);position:relative}.building-img-wrapper:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gradient-primary);opacity:0;transition:opacity .3s ease;z-index:1}.building-img-wrapper:hover:before{opacity:.1}.building-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.building-img-wrapper:hover .building-img{transform:scale(1.05)}.teacher-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:all .4s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.teacher-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-lg),var(--shadow-glow);border-color:var(--primary)}.teacher-img-wrapper{overflow:hidden;position:relative;height:320px}.teacher-img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.teacher-card:hover .teacher-img{transform:scale(1.08)}.teacher-img-wrapper:after{content:"";position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(transparent,var(--bg-card))}.teacher-content{padding:1.5rem 2rem 2rem}.teacher-role{color:var(--primary);font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em}.teacher-name{font-size:1.5rem;font-weight:800;margin:.35rem 0 .75rem}.teacher-bio{color:var(--text-muted);font-size:.95rem;line-height:1.6}.result-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2.5rem;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .4s ease;position:relative;overflow:hidden}.result-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary)}.result-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-lg);border-color:var(--primary)}.result-score{font-size:3rem;font-weight:900;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.75rem}.result-name{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.result-date{color:var(--text-muted);font-size:.9rem}.footer{background:var(--bg-subtle);border-top:1px solid var(--border);padding:5rem 0 3rem;position:relative;z-index:2}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:4rem;margin-bottom:4rem}.footer-title{font-size:1rem;font-weight:700;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:.05em}.footer-links{list-style:none;display:flex;flex-direction:column;gap:.75rem}.footer-link{color:var(--text-muted);text-decoration:none;font-weight:500;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.footer-link:hover{color:var(--primary);transform:translate(5px)}.footer-contact-item{display:flex;gap:1rem;align-items:flex-start;margin-bottom:1.25rem}.footer-contact-item svg{flex-shrink:0;color:var(--primary);margin-top:3px}.footer-bottom{border-top:1px solid var(--border);padding-top:2rem;text-align:center;color:var(--text-muted);font-size:.9rem}.course-page-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:all .4s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.course-page-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg),var(--shadow-glow);border-color:var(--primary)}@media (max-width: 1200px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1024px){.grid-3{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width: 768px){section{padding:5rem 0}.hero{padding:8rem 0 4rem;min-height:auto}.grid-3,.grid-2,.grid-4{grid-template-columns:1fr}.nav-links{display:none}.hero-stats{gap:2rem}.hero-buttons{flex-direction:column;align-items:center}.btn{width:100%;max-width:300px}.footer-grid{grid-template-columns:1fr;gap:3rem}.scroll-course-card{width:280px}}@media (max-width: 480px){.container{padding:0 1.25rem}.card{padding:1.75rem}.courses-scroll-track{padding:0 1.25rem}.scroll-course-card{width:260px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.glow-text{text-shadow:0 0 30px rgba(54,149,234,.5)}.glass{background:var(--bg-card);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--border)}.accent-border{border:3px solid var(--accent)}
