:root{--gold:#d4a843;--gold-light:#f0c060;--blue-deep:#0a1628;--blue-mid:#0d1f3c;--blue-card:#0f2040;--blue-input:#0a1830;--cyan:#00c9e4;--text-muted:#8ca0bc;--text-light:#c8d8f0;--white:#fff;--radius:16px;--radius-sm:10px}*{box-sizing:border-box;margin:0;padding:0}body,html{overflow-x:hidden;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}body::-webkit-scrollbar,html::-webkit-scrollbar{display:none}.portal-container{position:relative;min-height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--blue-deep);overflow:hidden;font-family:Segoe UI,system-ui,sans-serif}.portal-bg{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.portal-photo{position:absolute;inset:-6%;background-image:url(/images/hero-bg.jpg);background-image:-webkit-image-set(url("/images/hero-bg.webp") type("image/webp"),url("/images/hero-bg.jpg") type("image/jpeg"));background-image:image-set(url("/images/hero-bg.webp") type("image/webp"),url("/images/hero-bg.jpg") type("image/jpeg"));background-size:cover;background-position:50%;will-change:transform;animation:portalKenBurns 40s ease-in-out infinite alternate}@keyframes portalKenBurns{0%{transform:scale(1.08) translate(0)}50%{transform:scale(1.15) translate(-1.5%,-1%)}to{transform:scale(1.1) translate(1.5%,1%)}}.portal-veil{position:absolute;inset:0;background:radial-gradient(ellipse 60% 55% at 26% 38%,rgba(212,168,67,.14) 0,transparent 60%),radial-gradient(ellipse 55% 60% at 86% 78%,rgba(0,201,228,.1) 0,transparent 60%),linear-gradient(118deg,rgba(4,11,26,.95),rgba(7,19,42,.87) 42%,rgba(5,13,30,.95))}.portal-teacher .portal-veil{background:radial-gradient(ellipse 60% 55% at 26% 38%,rgba(0,201,228,.14) 0,transparent 60%),radial-gradient(ellipse 55% 60% at 86% 78%,rgba(212,168,67,.1) 0,transparent 60%),linear-gradient(118deg,rgba(3,12,28,.95),rgba(6,22,44,.87) 42%,rgba(4,14,32,.95))}.portal-admin .portal-veil{background:radial-gradient(ellipse 60% 55% at 26% 38%,rgba(116,132,214,.14) 0,transparent 60%),radial-gradient(ellipse 55% 60% at 86% 78%,rgba(212,168,67,.1) 0,transparent 60%),linear-gradient(118deg,rgba(7,9,26,.96),rgba(11,14,40,.9) 42%,rgba(7,9,26,.96))}.portal-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.22;mix-blend-mode:screen}.portal-orb-1{width:400px;height:400px;background:radial-gradient(circle,#1a4a8a,transparent);top:-100px;left:-100px}.portal-orb-2{width:350px;height:350px;background:radial-gradient(circle,#0d3060,transparent);bottom:-80px;right:-80px}.portal-orb-3{width:250px;height:250px;background:radial-gradient(circle,#d4a843 10%,transparent);top:40%;left:30%;opacity:.1}.portal-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(0,201,228,.045) 1px,transparent 0),linear-gradient(90deg,rgba(0,201,228,.045) 1px,transparent 0);background-size:50px 50px;mask-image:radial-gradient(ellipse 80% 70% at 50% 45%,#000 20%,transparent 85%);-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 45%,#000 20%,transparent 85%)}.portal-vignette{position:absolute;inset:0;background:radial-gradient(ellipse 85% 75% at 50% 50%,transparent 30%,rgba(1,6,20,.82) 100%)}.portal-back-btn{position:fixed;top:20px;left:20px;z-index:100;color:var(--text-muted);text-decoration:none;font-size:.85rem;display:flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid hsla(0,0%,100%,.1);border-radius:50px;background:rgba(10,22,40,.6);backdrop-filter:blur(10px);transition:color .2s,border-color .2s}.portal-back-btn:hover{color:var(--gold);border-color:var(--gold)}.portal-wrapper{position:relative;z-index:10;flex-direction:row;justify-content:center;gap:48px;flex:1 1 auto;width:100%;max-width:1000px;padding:80px 32px 40px}.portal-left,.portal-wrapper{display:flex;align-items:center}.portal-left{flex:1;flex-direction:column;text-align:center;gap:24px;min-width:0}.portal-logo-wrapper{position:relative;display:inline-block}.portal-logo{width:450px;max-width:100%;height:350px;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 0 28px rgba(212,168,67,.5))}.portal-logo-glow{position:absolute;inset:-12px;border-radius:50%;background:radial-gradient(circle,rgba(212,168,67,.15),transparent 70%);pointer-events:none}.portal-brand{display:flex;flex-direction:column;align-items:center;gap:8px}.portal-title{font-size:2.8rem;font-weight:800;letter-spacing:.12em}.gold{background:linear-gradient(135deg,var(--gold-light),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.portal-subtitle{color:var(--text-light);font-size:.95rem;letter-spacing:.02em}.portal-divider{width:60px;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);margin:8px auto}.portal-tagline{display:inline-flex;align-items:center;gap:8px;align-self:center;margin-top:2px;padding:6px 16px;border-radius:50px;border:1px solid rgba(0,201,228,.32);background:rgba(0,201,228,.08);color:var(--cyan);font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;font-weight:700}.portal-tagline:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}.portal-teacher .portal-tagline{border-color:rgba(212,168,67,.35);background:rgba(212,168,67,.09);color:var(--gold-light)}.portal-admin .portal-tagline{border-color:rgba(147,160,232,.35);background:rgba(147,160,232,.1);color:#b3bdf0}.portal-quote{color:var(--text-muted);font-size:.88rem;line-height:1.7;font-style:italic;margin-top:8px}.portal-quote-sub{font-style:normal;font-size:.8rem;color:#607090}.portal-right{flex:1;display:flex;flex-direction:column;align-items:center;gap:16px;min-width:0;width:100%;max-width:440px}.portal-card{position:relative;background:linear-gradient(160deg,rgba(14,31,60,.8),rgba(7,17,36,.88));border:1px solid hsla(0,0%,100%,.1);border-radius:20px;padding:40px 36px;width:100%;backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%);box-shadow:0 30px 70px rgba(0,0,0,.55),0 2px 8px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.08)}.portal-card:before{content:"";position:absolute;top:0;left:18px;right:18px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.portal-teacher .portal-card:before{background:linear-gradient(90deg,transparent,var(--cyan),transparent)}.portal-admin .portal-card:before{background:linear-gradient(90deg,transparent,#93a0e8,transparent)}.portal-error{display:flex;align-items:flex-start;gap:8px;background:rgba(226,75,74,.12);border:1px solid rgba(226,75,74,.35);border-radius:var(--radius-sm);padding:.7rem .9rem;color:#ff8b8b;font-size:.85rem;line-height:1.5}.portal-form-title{font-size:1.75rem;font-weight:700;color:var(--white);margin-bottom:6px}.portal-form-subtitle{color:var(--text-muted);font-size:.9rem;margin-bottom:28px}.portal-form{gap:20px}.portal-field,.portal-form{display:flex;flex-direction:column}.portal-field{gap:8px}.portal-field label{font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-light)}.portal-input-wrapper{position:relative;display:flex;align-items:center}.portal-input-icon{position:absolute;left:14px;font-size:1rem;pointer-events:none;z-index:1}.portal-input-wrapper input,.portal-input-wrapper select{width:100%;background:rgba(6,16,34,.7);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;padding:13px 44px;color:var(--white);font-size:.95rem;outline:none;transition:border-color .2s,box-shadow .2s,background-color .2s}.portal-input-wrapper input:hover,.portal-input-wrapper select:hover{border-color:hsla(0,0%,100%,.2);background:rgba(8,20,42,.8)}.portal-input-wrapper select{cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none}.portal-input-wrapper select option{background:#0a1830;color:var(--white)}.portal-select-caret{position:absolute;right:16px;color:var(--text-muted);pointer-events:none;display:flex;align-items:center}.portal-input-wrapper input::-moz-placeholder{color:#3a5070}.portal-input-wrapper input::placeholder{color:#3a5070}.portal-input-wrapper input:focus,.portal-input-wrapper select:focus{border-color:var(--gold);background:rgba(8,20,42,.88);box-shadow:0 0 0 3px rgba(212,168,67,.16)}.portal-teacher .portal-input-wrapper input:focus,.portal-teacher .portal-input-wrapper select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(0,201,228,.16)}.portal-toggle-pw{position:absolute;right:14px;background:none;border:none;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;padding:0;transition:color .2s}.portal-toggle-pw:hover{color:var(--gold)}.portal-options{justify-content:space-between;flex-wrap:wrap}.portal-checkbox,.portal-options{display:flex;align-items:center;gap:8px}.portal-checkbox{color:var(--text-muted);font-size:.88rem;cursor:pointer}.portal-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--gold);cursor:pointer}.portal-forgot{color:var(--cyan);font-size:.88rem;text-decoration:none;transition:color .2s;white-space:nowrap}.portal-forgot:hover{color:var(--gold)}.portal-submit{position:relative;overflow:hidden;width:100%;padding:15px;border-radius:12px;border:none;background:linear-gradient(135deg,#f0c060,#c48a20);color:#1a0e00;font-size:.95rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 24px rgba(212,168,67,.35);transition:opacity .2s,box-shadow .2s}.portal-submit:hover:not(:disabled){box-shadow:0 8px 36px rgba(212,168,67,.55)}.portal-submit:after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.45),transparent);transform:skewX(-20deg);transition:left .55s ease}.portal-submit:hover:not(:disabled):after{left:120%}.portal-submit>*{position:relative;z-index:1}.portal-submit:disabled{opacity:.7;cursor:not-allowed}.portal-arrow{font-size:1.1rem}.portal-loader{display:flex;gap:5px;align-items:center}.portal-loader span{width:8px;height:8px;border-radius:50%;background:#1a0e00;animation:bounce .6s ease-in-out infinite}.portal-loader span:nth-child(2){animation-delay:.1s}.portal-loader span:nth-child(3){animation-delay:.2s}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.portal-divider-or{display:flex;align-items:center;gap:12px;color:var(--text-muted);font-size:.8rem}.portal-divider-or:after,.portal-divider-or:before{content:"";flex:1;height:1px;background:hsla(0,0%,100%,.1)}.portal-enroll-cta{text-align:center;display:flex;flex-direction:column;gap:8px}.portal-enroll-cta p{color:var(--text-muted);font-size:.88rem}.portal-enroll-link{color:var(--gold);font-weight:700;font-size:.95rem;text-decoration:none;letter-spacing:.02em;transition:color .2s}.portal-enroll-link:hover{color:var(--gold-light)}.portal-footer{color:#6d82a4;font-size:.75rem;text-align:center;padding:0 16px}.portal-credit{flex:0 0 auto;width:100%;z-index:100;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 14px;padding:10px 24px calc(10px + env(safe-area-inset-bottom));background:rgba(4,11,26,.88);border-top:1px solid rgba(212,168,67,.2);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font-size:.7rem}.portal-credit-label{color:#5c7192;letter-spacing:.06em;text-transform:uppercase}.portal-credit-name{color:var(--gold);font-weight:700;letter-spacing:.1em;text-transform:uppercase}.portal-credit-fb{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border:1px solid hsla(0,0%,100%,.1);border-radius:50px;background:hsla(0,0%,100%,.03);color:var(--text-muted);text-decoration:none;font-weight:600;letter-spacing:.04em;transition:color .2s,border-color .2s,background-color .2s}.portal-credit-fb:focus-visible,.portal-credit-fb:hover{color:#4a9bff;border-color:rgba(24,119,242,.45);background:rgba(24,119,242,.1);outline:none}.portal-credit-fb svg{flex-shrink:0}@media (max-width:820px){.portal-wrapper{gap:32px;padding:72px 24px 32px}.portal-title{font-size:2.2rem}.portal-card{padding:32px 28px}}@media (max-width:640px){.portal-wrapper{flex-direction:column;align-items:center;padding:70px 16px 28px;gap:24px;justify-content:flex-start}.portal-left{flex:none;width:100%;gap:12px}.portal-logo{width:300px;height:150px}.portal-logo-glow{inset:-12px}.portal-title{font-size:2rem;letter-spacing:.08em}.portal-subtitle{font-size:.82rem}.portal-tagline{font-size:.7rem;letter-spacing:.2em}.portal-quote{font-size:.8rem;display:none}.portal-divider{margin:4px auto}.portal-right{width:100%;max-width:100%;gap:12px}.portal-card{padding:28px 20px;border-radius:20px}.portal-form-title{font-size:1.5rem}.portal-form-subtitle{font-size:.85rem;margin-bottom:20px}.portal-form{gap:16px}.portal-input-wrapper input{padding:12px 44px;font-size:16px}.portal-submit{padding:14px;font-size:.9rem}.portal-footer{font-size:.7rem;padding:0 8px}.portal-back-btn{top:14px;left:14px;font-size:.8rem;padding:6px 12px}.portal-photo{inset:0;animation:none;transform:none}.portal-admin .portal-veil,.portal-teacher .portal-veil,.portal-veil{background:linear-gradient(180deg,rgba(4,11,26,.9),rgba(6,17,38,.86) 45%,rgba(4,11,26,.95))}.portal-tagline{letter-spacing:.18em;padding:5px 14px}.portal-credit{gap:4px 10px;padding:14px 16px calc(14px + env(safe-area-inset-bottom));border-top-color:rgba(212,168,67,.16);font-size:.64rem}.portal-credit-name{letter-spacing:.06em}.portal-credit-fb{padding:3px 10px}}@media (max-width:380px){.portal-wrapper{padding:60px 12px 24px}.portal-card{padding:24px 16px}.portal-title{font-size:1.75rem}.portal-options{flex-direction:column;align-items:flex-start;gap:10px}}@media (prefers-reduced-motion:reduce){.portal-photo{animation:none;transform:scale(1.08)}.portal-submit:after{transition:none}}