@import url("https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Inter:wght@400;500;600;700&display=swap");.cinematic-auth-container{--background:201 100% 13%;--foreground:0 0% 100%;--muted-foreground:240 4% 66%;--primary:0 0% 100%;--primary-foreground:0 0% 4%;--secondary:0 0% 10%;--muted:0 0% 10%;--accent:0 0% 10%;--border:0 0% 18%;--input:0 0% 18%;--font-display:"Instrument Serif",serif;--font-body:"Inter",sans-serif;background-color:hsl(var(--background));color:hsl(var(--foreground));font-family:var(--font-body)}.liquid-glass{background:hsla(0,0%,100%,.01);background-blend-mode:luminosity;backdrop-filter:blur(4px);border:none;box-shadow:inset 0 1px 1px hsla(0,0%,100%,.1);position:relative;overflow:hidden;border-radius:9999px}.liquid-glass:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.4px;background:linear-gradient(180deg,hsla(0,0%,100%,.45),hsla(0,0%,100%,.15) 20%,hsla(0,0%,100%,0) 40%,hsla(0,0%,100%,0) 60%,hsla(0,0%,100%,.15) 80%,hsla(0,0%,100%,.45));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}@keyframes fade-rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.animate-fade-rise{animation:fade-rise .8s ease-out forwards}.animate-fade-rise-delay{animation:fade-rise .8s ease-out .2s forwards}.animate-fade-rise-delay-2{animation:fade-rise .8s ease-out .4s forwards}.cinematic-auth-container{position:relative;width:100vw;min-height:100vh;overflow:hidden;display:flex;align-items:stretch}.cinematic-auth-media{position:relative;flex:1 1 55%;min-width:0;overflow:hidden;display:flex;align-items:flex-start}.cinematic-auth-media-fallback{position:absolute;inset:0;background:linear-gradient(135deg,#0f172a,#1e3a5f 50%,#0f172a);z-index:0}.cinematic-auth-video{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:1}.cinematic-auth-media-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.7) 0,rgba(0,0,0,.4) 35%,rgba(0,0,0,.2));z-index:2}.cinematic-auth-brand{position:relative;z-index:3;padding:48px 56px;max-width:560px}.cinematic-brand-title{font-family:var(--font-display);font-size:clamp(2.25rem,4.5vw,4rem);font-weight:400;line-height:1.05;letter-spacing:.08em;color:#fff;margin:0}.cinematic-brand-tagline{font-family:var(--font-body);font-size:clamp(.95rem,1.6vw,1.35rem);line-height:1.45;color:hsla(0,0%,100%,.82);margin:.6em 0 0}.cinematic-float-cards{position:absolute;inset:0;z-index:3;pointer-events:none}@keyframes cinematic-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.cinematic-float-cards{font-size:clamp(14px,min(1.05vw,2.15vh),23px)}.cinematic-float-col{position:absolute;display:flex;flex-direction:column;gap:1.5em}.cinematic-col-left{top:180px;left:7%;align-items:flex-start}.cinematic-col-right{top:50%;right:6%;transform:translateY(-50%);align-items:flex-end}.cinematic-float-card{font-family:var(--font-body);font-size:1em;color:#fff;background:hsla(0,0%,100%,.12);backdrop-filter:blur(14px);border:1px solid hsla(0,0%,100%,.22);border-radius:1.15em;padding:1.1em 1.25em;box-shadow:0 .85em 2.3em rgba(0,0,0,.28);animation:cinematic-float 6s ease-in-out infinite}.cinematic-col-left .cinematic-float-card:first-child{animation-delay:0s}.cinematic-col-left .cinematic-float-card:nth-child(2){animation-delay:1.4s}.cinematic-col-left .cinematic-float-card:nth-child(3){animation-delay:2.6s}.cinematic-col-right .cinematic-float-card:first-child{animation-delay:.7s}.cinematic-col-right .cinematic-float-card:nth-child(2){animation-delay:2s}.cinematic-col-right .cinematic-float-card{width:15em}.cinematic-float-card.cinematic-pill{width:auto}.cinematic-pill{display:flex;align-items:center;gap:.85em;padding:.85em 1.1em}.cinematic-pill-text{display:flex;flex-direction:column;line-height:1.3}.cinematic-pill-text strong{font-size:1em;font-weight:600}.cinematic-pill-text span{font-size:.78em;color:hsla(0,0%,100%,.65)}.cinematic-live-dot{width:.78em;height:.78em;border-radius:50%;background:#ef4444;flex-shrink:0;box-shadow:0 0 0 0 rgba(239,68,68,.6);animation:cinematic-live-pulse 1.8s ease-out infinite}@keyframes cinematic-live-pulse{0%{box-shadow:0 0 0 0 rgba(239,68,68,.6)}to{box-shadow:0 0 0 .7em rgba(239,68,68,0)}}.cinematic-card-label{display:block;font-size:.78em;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:hsla(0,0%,100%,.7);margin-bottom:.85em}.cinematic-role-tag{display:inline-block;font-size:.72em;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.22em .65em;border-radius:9999px;margin-bottom:.7em}.cinematic-role-student{background:rgba(34,197,94,.22);color:#86efac;border:1px solid rgba(34,197,94,.4)}.cinematic-role-instructor{background:rgba(99,102,241,.22);color:#c7d2fe;border:1px solid rgba(99,102,241,.45)}.cinematic-role-admin{background:rgba(168,85,247,.22);color:#e9d5ff;border:1px solid rgba(168,85,247,.45)}.cinematic-stat-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.65em}.cinematic-stat-list li{display:flex;align-items:baseline;gap:.65em;font-size:.85em;font-weight:500;color:hsla(0,0%,100%,.78)}.cinematic-stat-num{font-size:1.2em;font-weight:700;color:#fff;min-width:1.9em}.cinematic-kpi-grid{display:grid;grid-template-columns:1fr 1fr;gap:.85em 1.1em}.cinematic-kpi{display:flex;flex-direction:column;line-height:1.2}.cinematic-kpi strong{font-size:1.28em;font-weight:700}.cinematic-kpi span{font-size:.72em;color:hsla(0,0%,100%,.62);margin-top:.15em}.cinematic-progress-track{height:.42em;border-radius:9999px;background:hsla(0,0%,100%,.2);overflow:hidden}.cinematic-progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#6366f1,#a855f7)}.cinematic-course-window{width:16.5em;padding:0;overflow:hidden}.cinematic-cw-player{position:relative;height:5.4em;display:flex;background:linear-gradient(135deg,#4338ca,#7e22ce)}.cinematic-cw-play,.cinematic-cw-player{align-items:center;justify-content:center}.cinematic-cw-play{display:inline-flex;width:2.35em;height:2.35em;border-radius:50%;background:hsla(0,0%,100%,.92);color:#4338ca;font-size:.9em;padding-left:.15em}.cinematic-cw-now{position:absolute;left:.85em;bottom:.55em;font-size:.72em;font-weight:600;color:hsla(0,0%,100%,.9)}.cinematic-cw-title{font-size:1em;font-weight:700;color:#fff;padding:.85em 1.1em .55em}.cinematic-cw-lessons{list-style:none;margin:0;padding:0 1.1em;display:flex;flex-direction:column;gap:.6em}.cinematic-cw-lessons li{display:flex;align-items:center;gap:.65em;font-size:.85em;color:hsla(0,0%,100%,.7)}.cinematic-cw-active{color:#fff;font-weight:600}.cinematic-cw-ic{display:inline-flex;align-items:center;justify-content:center;width:1.5em;height:1.5em;border-radius:50%;font-size:.75em;flex-shrink:0;background:hsla(0,0%,100%,.16);color:hsla(0,0%,100%,.85)}.cinematic-cw-done .cinematic-cw-ic{background:#22c55e;color:#fff}.cinematic-cw-active .cinematic-cw-ic{background:#a855f7;color:#fff}.cinematic-cw-quiz{background:rgba(99,102,241,.35)}.cinematic-cw-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cinematic-cw-dur{font-size:.72em;color:hsla(0,0%,100%,.55);flex-shrink:0}.cinematic-course-window .cinematic-progress-track{margin:.85em 1.1em 1.1em}.cinematic-score-ring{width:6.6em;height:6.6em;background:conic-gradient(#a855f7 calc(var(--pct) * 1%),hsla(0,0%,100%,.18) 0)}.cinematic-score-ring,.cinematic-score-ring-center{border-radius:50%;display:flex;align-items:center;justify-content:center}.cinematic-score-ring-center{width:5.1em;height:5.1em;background:rgba(20,24,38,.55);backdrop-filter:blur(4px);flex-direction:column;gap:.15em}.cinematic-score-ring-center strong{font-size:1.8em;font-weight:700;line-height:1}.cinematic-score-ring-center span{font-size:.7em;color:hsla(0,0%,100%,.7);white-space:nowrap}@media (max-width:900px){.cinematic-float-cards{display:none}}.cinematic-auth-panel{position:relative;z-index:4;flex:1 1 45%;min-width:0;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(120% 90% at 50% 18%,#1f4565 0,#163450 32%,#0f2640 62%,#0a1a2c 100%)}.cinematic-auth-stars{position:absolute;inset:0;z-index:0;background-color:transparent;background-image:radial-gradient(1.5px 1.5px at 12% 18%,hsla(0,0%,100%,.95),transparent),radial-gradient(1.5px 1.5px at 28% 62%,hsla(0,0%,100%,.85),transparent),radial-gradient(1px 1px at 42% 30%,hsla(0,0%,100%,.75),transparent),radial-gradient(2px 2px at 55% 78%,hsla(0,0%,100%,.98),transparent),radial-gradient(1px 1px at 63% 22%,hsla(0,0%,100%,.7),transparent),radial-gradient(1.5px 1.5px at 72% 52%,hsla(0,0%,100%,.9),transparent),radial-gradient(1px 1px at 80% 12%,hsla(0,0%,100%,.75),transparent),radial-gradient(2px 2px at 88% 68%,hsla(0,0%,100%,.95),transparent),radial-gradient(1px 1px at 18% 88%,hsla(0,0%,100%,.65),transparent),radial-gradient(1.5px 1.5px at 35% 8%,hsla(0,0%,100%,.85),transparent),radial-gradient(1px 1px at 50% 50%,hsla(0,0%,100%,.6),transparent),radial-gradient(1px 1px at 92% 38%,hsla(0,0%,100%,.75),transparent),radial-gradient(1.5px 1.5px at 8% 45%,hsla(0,0%,100%,.8),transparent),radial-gradient(1px 1px at 67% 90%,hsla(0,0%,100%,.65),transparent),radial-gradient(2px 2px at 24% 40%,hsla(0,0%,100%,.9),transparent),radial-gradient(1px 1px at 5% 12%,hsla(0,0%,100%,.7),transparent),radial-gradient(1px 1px at 16% 34%,hsla(0,0%,100%,.55),transparent),radial-gradient(1px 1px at 22% 72%,hsla(0,0%,100%,.65),transparent),radial-gradient(1px 1px at 31% 48%,hsla(0,0%,100%,.5),transparent),radial-gradient(1px 1px at 38% 84%,hsla(0,0%,100%,.6),transparent),radial-gradient(1px 1px at 46% 16%,hsla(0,0%,100%,.7),transparent),radial-gradient(1px 1px at 53% 64%,hsla(0,0%,100%,.5),transparent),radial-gradient(1px 1px at 59% 38%,hsla(0,0%,100%,.6),transparent),radial-gradient(1px 1px at 66% 8%,hsla(0,0%,100%,.55),transparent),radial-gradient(1px 1px at 74% 30%,hsla(0,0%,100%,.65),transparent),radial-gradient(1px 1px at 78% 82%,hsla(0,0%,100%,.6),transparent),radial-gradient(1px 1px at 84% 50%,hsla(0,0%,100%,.55),transparent),radial-gradient(1px 1px at 90% 24%,hsla(0,0%,100%,.6),transparent),radial-gradient(1px 1px at 95% 60%,hsla(0,0%,100%,.7),transparent),radial-gradient(1px 1px at 97% 86%,hsla(0,0%,100%,.5),transparent),radial-gradient(1px 1px at 10% 58%,hsla(0,0%,100%,.6),transparent),radial-gradient(1px 1px at 44% 94%,hsla(0,0%,100%,.55),transparent),radial-gradient(1px 1px at 70% 70%,hsla(0,0%,100%,.6),transparent);box-shadow:inset 0 0 220px 50px rgba(70,130,200,.28)}.cinematic-auth-content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:clamp(15px,1.05vw,24px);max-width:clamp(380px,32vw,620px);width:100%}@media (max-width:900px){.cinematic-auth-container{flex-direction:column}.cinematic-auth-media{flex:0 0 220px;align-items:flex-end}.cinematic-auth-brand{padding:28px 28px 24px}.cinematic-auth-panel{flex:1 1 auto;padding:32px 20px 48px}}.cinematic-input{width:100%;padding:1em 1.25em;background:hsla(0,0%,100%,.05);backdrop-filter:blur(4px);border:1px solid hsla(0,0%,100%,.1);border-radius:.5em;color:hsl(var(--foreground));font-family:var(--font-body);font-size:1em;transition:all .3s ease}.cinematic-input::-moz-placeholder{color:hsl(var(--muted-foreground))}.cinematic-input::placeholder{color:hsl(var(--muted-foreground))}.cinematic-input option{background:#fff;color:#000}.cinematic-input:focus{outline:none;background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.2);box-shadow:0 0 0 3px hsla(0,0%,100%,.05)}.cinematic-button{padding:.9em 2em;background:linear-gradient(135deg,rgba(100,200,255,.15),rgba(147,112,219,.12));backdrop-filter:blur(8px);border:1.5px solid rgba(147,112,219,.35);border-radius:9999px;color:hsl(var(--foreground));font-family:var(--font-body);font-size:.95em;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:.5em;white-space:nowrap;position:relative;overflow:hidden;box-shadow:0 0 20px rgba(147,112,219,.15),0 4px 12px rgba(0,0,0,.2),inset 0 1px 1px hsla(0,0%,100%,.15)}.cinematic-button:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.2px;background:linear-gradient(135deg,hsla(0,0%,100%,.4),hsla(0,0%,100%,.1) 50%,hsla(0,0%,100%,0));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.cinematic-button:hover{transform:translateY(-2px);background:linear-gradient(135deg,rgba(100,200,255,.25),rgba(147,112,219,.22));border-color:rgba(147,112,219,.5);box-shadow:0 0 30px rgba(147,112,219,.3),0 8px 24px rgba(0,0,0,.3),inset 0 1px 1px hsla(0,0%,100%,.2)}.cinematic-button:active{transform:translateY(0)}.cinematic-button:disabled{opacity:.5;cursor:not-allowed;transform:none;background:hsla(0,0%,100%,.08)}@keyframes cinematic-spin{to{transform:rotate(1turn)}}.cinematic-spinner{width:1em;height:1em;border-radius:50%;border:2px solid hsla(0,0%,100%,.35);border-top-color:#fff;animation:cinematic-spin .65s linear infinite;flex-shrink:0}.cinematic-title{font-size:2.1em;font-weight:500;line-height:1.15;letter-spacing:-.02em;margin-bottom:.5em;color:hsl(var(--foreground))}.cinematic-subtitle,.cinematic-title{font-family:var(--font-body);text-align:center}.cinematic-subtitle{font-size:.9em;color:hsl(var(--muted-foreground));margin-bottom:1.7em;line-height:1.6}.cinematic-glass-box{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.1);border-radius:1.15em;padding:3em 2.5em;width:100%}@media (max-width:640px){.cinematic-glass-box{padding:2em 1.5em;border-radius:.85em}}.cinematic-form{width:100%;display:flex;flex-direction:column;gap:1em}.cinematic-form-field{display:flex;flex-direction:column;gap:.5em}.cinematic-form-label{font-size:.82em;color:hsl(var(--muted-foreground));font-weight:500;text-transform:uppercase;letter-spacing:.04em}.cinematic-error{color:#ff6b6b;background:hsla(0,100%,71%,.1);border-left:3px solid #ff6b6b}.cinematic-error,.cinematic-notice{font-size:.82em;padding:.5em .65em;border-radius:.4em;margin-bottom:1em}.cinematic-notice{color:#51cf66;background:rgba(81,207,102,.1);border-left:3px solid #51cf66}.cinematic-otp-container{display:flex;gap:.75em;justify-content:center;margin-bottom:1.5em}.cinematic-otp-input{width:2.6em;height:2.6em;font-size:1.5em;font-weight:600;text-align:center;background:hsla(0,0%,100%,.05);backdrop-filter:blur(4px);border:2px solid hsla(0,0%,100%,.1);border-radius:.33em;color:hsl(var(--foreground));font-family:var(--font-body);transition:all .2s ease}.cinematic-otp-input:focus{outline:none;background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.3);box-shadow:0 0 12px hsla(0,0%,100%,.1)}.cinematic-otp-input::-moz-placeholder{color:hsla(0,0%,100%,.3)}.cinematic-otp-input::placeholder{color:hsla(0,0%,100%,.3)}.cinematic-otp-input::-webkit-inner-spin-button,.cinematic-otp-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.cinematic-otp-input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.cinematic-link{color:hsl(var(--foreground));text-decoration:none;transition:color .3s ease;font-weight:500}.cinematic-link:hover{color:hsl(var(--muted-foreground))}.cinematic-footer-text{font-size:.9em;color:hsl(var(--foreground));text-align:center;margin-top:1.75em;font-weight:500}