@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--primary: #0f172a;--secondary: #3b82f6;--accent: #22c55e;--gold: #eab308;--text: #f8fafc;--bg-dark: #020617}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Outfit,sans-serif;background-color:var(--bg-dark);color:var(--text);line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#334155;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#475569}.container{max-width:1280px;margin:0 auto;padding:0 1.5rem}.section-padding{padding:2.5rem 0}@media (max-width: 768px){.section-padding{padding:1.5rem 0}}.glass-card{background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05);border-radius:20px;transition:transform .3s ease,box-shadow .3s ease}.glass-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0006;background:#ffffff0d}.btn{cursor:pointer;border:none;font-family:inherit;font-weight:600;border-radius:12px;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center}.btn-primary{background:linear-gradient(135deg,var(--gold) 0%,#ca8a04 100%);color:#000;box-shadow:0 4px 20px #eab3084d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #eab30866}.btn-outline{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff}.btn-outline:hover{background:#ffffff1a;border-color:#fff}nav{position:fixed;top:0;left:0;width:100%;z-index:1000;transition:all .3s ease;padding:1.5rem 0}nav.scrolled{background:#020617cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.nav-container{max-width:1280px;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between}.nav-links{display:flex;gap:2.5rem}.nav-links button,.nav-links a{background:none;border:none;color:#94a3b8;font-size:1rem;cursor:pointer;transition:color .3s;text-decoration:none}.nav-links button:hover,.nav-links a:hover{color:#fff}.mobile-menu-btn{display:none;background:none;border:none;color:#fff;cursor:pointer}.mobile-menu{position:fixed;top:0;right:-100%;width:80%;max-width:400px;height:100vh;background:#0f172a;z-index:999;padding:6rem 2rem;transition:right .3s ease;display:flex;flex-direction:column;gap:2rem;box-shadow:-10px 0 30px #00000080}.mobile-menu.open{right:0}.mobile-menu button{background:none;border:none;color:#cbd5e1;font-size:1.2rem;text-align:left;cursor:pointer}@keyframes scrollUp{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes scrollDown{0%{transform:translateY(-50%)}to{transform:translateY(0)}}.form-input,.form-select,.form-textarea{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:1rem;border-radius:12px;outline:none;transition:all .3s;font-family:inherit}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--secondary);background:#ffffff1a}option{background-color:var(--bg-dark);color:#fff;padding:10px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:2000;display:flex;justify-content:center;align-items:center;padding:1rem;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 1024px){.hero-container{grid-template-columns:1fr!important;text-align:center;gap:3rem!important;padding-top:4rem}.hero-content{display:flex;flex-direction:column;align-items:center}.hero-actions{justify-content:center}.hero-visual{height:400px!important;-webkit-mask-image:linear-gradient(to bottom,transparent,black 5%,black 95%,transparent)!important;mask-image:linear-gradient(to bottom,transparent,black 5%,black 95%,transparent)!important}}@media (max-width: 768px){.nav-links,.desktop-cta{display:none!important}.mobile-menu-btn{display:block}h1{font-size:2.5rem!important}.section-padding{padding:4rem 0}#teacher-application .glass-card form>div{grid-template-columns:1fr!important}}
