@font-face{font-family:Bebas Neue;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/8b44c7e6549520b2-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Bebas Neue;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/6c25f6e897d845a3-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Bebas Neue Fallback;src:local("Arial");ascent-override:117.32%;descent-override:39.11%;line-gap-override:0.00%;size-adjust:76.72%}.__className_d758cf{font-family:Bebas Neue,Bebas Neue Fallback;font-weight:400;font-style:normal}.__variable_d758cf{--font-logo:"Bebas Neue","Bebas Neue Fallback"}:root{--bg:#040918;--bg-soft:#071538;--panel:#0b1a46;--panel-2:#081233;--ink:#f3f3f3;--muted:#a8bce6;--brand:#2ea8f0;--brand-2:#1a56df;--line:#79a8f02e;--ok:#22c55e}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:Netflix Sans,Helvetica Neue,Helvetica,Arial,Segoe UI,sans-serif;color:var(--ink);background:radial-gradient(circle at -6% 10%,#67d6ff3d 0,transparent 24%),radial-gradient(circle at 92% 2%,#5bbcf547 0,transparent 27%),radial-gradient(circle at 24% 82%,#295fce40 0,transparent 33%),linear-gradient(135deg,#060f33,#0a2256 44%,#081742);min-height:100vh}a{color:inherit;text-decoration:none}.container{width:min(1200px,94vw);margin:0 auto}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:30;display:flex;justify-content:space-between;align-items:center;padding:18px 14px;margin-top:10px;border-radius:14px;background:linear-gradient(180deg,#0a1a476e,#0915393d);-webkit-backdrop-filter:blur(10px) saturate(120%);backdrop-filter:blur(10px) saturate(120%);box-shadow:inset 0 1px 0 #ffffff1c,0 10px 24px #03102c2e}.brand{font-family:var(--font-logo),"Netflix Sans","Helvetica Neue",Arial,sans-serif;font-size:clamp(1.5rem,2.2vw,2rem);font-weight:800;letter-spacing:.08em;color:transparent;background:linear-gradient(180deg,#94eeff,#3ec8ff 38%,#2768ff);-webkit-background-clip:text;background-clip:text;text-transform:uppercase;text-shadow:0 1px 0 #99ebff,0 6px 18px #000000cc,0 0 20px #2bc3ff80;transform:perspective(280px) rotateX(4deg);transform-origin:center bottom;margin-left:2px}.nav{display:flex;gap:10px;align-items:center;margin-right:2px}.btn{border:1px solid #ffffff24;background:#ffffff14;color:var(--ink);border-radius:8px;padding:10px 14px;font-weight:600;cursor:pointer;transition:transform .2s ease,background-color .2s ease,border-color .2s ease}.btn:hover{transform:translateY(-1px);border-color:#ffffff40}.btn.primary{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:white;border-color:transparent}.btn.primary:hover{background:linear-gradient(135deg,#4ac9ff,#2b74ff)}.btn.warn{background:#ffffff14;border-color:#ff4c4c55;color:#ffb5b5}.hero{position:relative;padding:90px 0 36px}.featured{min-height:440px;border-radius:14px;overflow:hidden;padding:90px 28px 32px;background:linear-gradient(90deg,#040d2edc 20%,#0a1f4f82 60%,#08183f36),linear-gradient(180deg,#153477,#081237);background-size:cover;background-position:50%;border:1px solid #ffffff24;box-shadow:0 20px 50px #0000008c}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#040d2ecf 10%,#0c276040 55%,#08183f1c),linear-gradient(180deg,#03102200 60%,#050f2e);pointer-events:none}.hero>*{position:relative;z-index:1}.hero h1{margin:0;font-family:Netflix Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:clamp(2rem,5.4vw,4.6rem);line-height:.98;max-width:800px;text-shadow:0 8px 24px #0000008a}.hero p{color:var(--muted);max-width:760px;margin-top:16px;font-size:clamp(.95rem,1.2vw,1.1rem)}.stack-buttons{margin-top:20px;display:flex;gap:10px;flex-wrap:wrap}.rail-section{margin-top:12px}.rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(250px,280px);grid-gap:14px;gap:14px;overflow-x:auto;overflow-y:hidden;padding:2px 2px 16px;scroll-snap-type:x mandatory}.rail::-webkit-scrollbar{height:8px}.rail::-webkit-scrollbar-thumb{background:#ffffff2b;border-radius:999px}.rail-card{min-height:220px;scroll-snap-align:start}.rail-media{position:relative;width:100%;aspect-ratio:2/3;border-radius:10px;overflow:hidden;margin-bottom:12px;background:linear-gradient(180deg,#234483,#0b1738),repeating-linear-gradient(45deg,#142f68,#142f68 10px,#0d234f 0,#0d234f 20px)}.rail-media .preview-video,.rail-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.rail-media .preview-video{opacity:0;transition:opacity .25s ease}.rail-card:hover .rail-media .preview-video{opacity:1}.rail-card:hover .rail-media img,.stagger{opacity:0}.stagger{transform:translateY(16px);animation:rise-in .5s ease forwards;animation-delay:var(--delay,0s)}@keyframes rise-in{to{opacity:1;transform:translateY(0)}}h2{font-family:Netflix Sans,Helvetica Neue,Helvetica,Arial,sans-serif;margin:0 0 14px;font-size:clamp(1.25rem,2vw,1.65rem)}.course-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:16px;gap:16px;padding-bottom:40px}.card{background:linear-gradient(180deg,var(--panel),var(--panel-2));border:1px solid var(--line);border-radius:12px;padding:16px;box-shadow:0 10px 24px #0000003d;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.card:hover{transform:translateY(-4px) scale(1.01);border-color:#ffffff2e;box-shadow:0 16px 30px #00000066}.card h3{margin-top:10px;margin-bottom:8px;font-family:Netflix Sans,Helvetica Neue,Helvetica,Arial,sans-serif}.card p{color:#d0d0d0}.pill{display:inline-block;font-size:.72rem;border-radius:999px;padding:6px 10px;border:1px solid #ffffff2b;color:#efefef;background:#ffffff0d}.form{display:grid;grid-gap:12px;gap:12px}.input,.select,.textarea{width:100%;border:1px solid #ffffff24;border-radius:8px;padding:10px 12px;background:#111;color:#f2f2f2;font-family:inherit}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:#ffffff5c}.layout-main{display:grid;grid-template-columns:300px minmax(0,1fr);grid-gap:16px;gap:16px}.sidebar{position:-webkit-sticky;position:sticky;top:84px;align-self:start}.material-item{width:100%;text-align:left;background:#ffffff08;color:#f1f1f1;border:1px solid #ffffff1c;border-radius:8px;padding:9px 10px;margin-bottom:8px;cursor:pointer}.material-item.active{border-color:#44c3ffaa;background:#2b7dff3d}.progress-wrap{margin:12px 0 18px}.progress-track{height:8px;background:#ffffff1c;border-radius:999px;overflow:hidden}.progress-bar{height:8px;background:linear-gradient(90deg,#34b8ff,#1f66ff)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:#d8d8d8}iframe,video{border-radius:10px;background:#000}@media (max-width:860px){.layout-main{grid-template-columns:1fr}.sidebar{position:static}.topbar{flex-wrap:wrap;gap:8px;padding:14px 12px;margin-top:8px}.hero{padding-top:56px}.featured{min-height:390px;padding:72px 18px 24px}.rail{grid-auto-columns:minmax(220px,240px)}}.login-page{min-height:100vh;color:#fff;background:radial-gradient(circle at 8% 8%,#67d6ff42 0,transparent 24%),radial-gradient(circle at 93% 12%,#5bbcf551 0,transparent 26%),radial-gradient(circle at 14% 88%,#2a65d551 0,transparent 32%),linear-gradient(140deg,#060f33,#0a2256 44%,#081742);display:flex;flex-direction:column}.login-top-bar{padding-top:24px;border-bottom:1px solid #ffffff1c}.login-brand-wrap{padding-bottom:18px}.login-brand{display:inline-block;color:#e50914;font-family:Netflix Sans,Helvetica Neue,Helvetica,Arial,sans-serif;letter-spacing:.08em;font-weight:800;font-size:clamp(2rem,3vw,3rem)}.login-brand-image{width:auto;height:88px;max-width:min(72vw,420px);object-fit:contain}.login-content{flex:1 1;display:flex;justify-content:center;align-items:flex-start;padding-top:52px}.login-form-wrap{width:min(460px,92vw)}.login-title{margin:0;font-size:clamp(2rem,4.2vw,3rem);line-height:1.1;font-weight:700}.login-subtitle{margin:10px 0 26px;color:#c7d8f8;font-size:1.45rem}.login-form{display:grid;grid-gap:14px;gap:14px}.login-field{position:relative}.login-input{width:100%;border:1px solid #4e8fd666;border-radius:4px;padding:20px 12px 8px;background:#081842d6;color:#fff;font-size:1rem}.login-label{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#bcd0f2;font-size:1rem;pointer-events:none;transition:top .16s ease,transform .16s ease,font-size .16s ease,color .16s ease}.login-input:focus{outline:none;border-color:#6db2ea;box-shadow:0 0 0 1px #6db2ea}.login-input:focus+.login-label,.login-input:not(:placeholder-shown)+.login-label{top:8px;transform:translateY(0);font-size:.78rem;color:#d7ebff}.login-submit{width:100%;border:0;border-radius:4px;padding:12px;background:linear-gradient(135deg,#2ea8f0,#1a56df);color:#fff;font-size:1.05rem;font-weight:700;cursor:pointer;margin-top:2px}.login-submit:hover{background:linear-gradient(135deg,#3db2f4,#2463e4)}.login-submit:disabled{opacity:.7;cursor:not-allowed}.login-error{margin:-2px 0 0;color:#ffd7db;font-size:.95rem}.login-google-btn{margin-top:28px;width:100%;height:46px;border-radius:8px;border:1px solid #ffffff36;display:inline-flex;align-items:center;justify-content:center;gap:10px;background:#ffffff14;color:#f3f8ff;text-decoration:none;font-weight:700}.login-google-btn:hover{border-color:#ffffff66;background:#ffffff26}.login-google-icon{width:22px;height:22px}.login-register{margin-top:18px;color:#ceddff}.login-register a{color:#fff;text-decoration:underline}.login-footer{margin-top:42px;border-top:1px solid #ffffff14;background:#06102ede;color:#bfd1f1;min-height:104px;display:flex;align-items:center}@media (max-width:768px){.login-top-bar{padding-top:18px}.login-brand-wrap{padding-bottom:12px}.login-brand-image{height:60px}.login-content{padding-top:32px}.login-subtitle{font-size:1.1rem}}.profile-page{min-height:100vh;padding:20px 14px 36px;display:flex;justify-content:center;background:radial-gradient(circle at 8% 7%,#67d6ff2b 0,transparent 24%),radial-gradient(circle at 92% 12%,#5bbcf536 0,transparent 26%),linear-gradient(140deg,#060f33,#0a2256 44%,#081742)}.profile-shell{width:min(1020px,96vw);display:grid;grid-template-columns:minmax(280px,340px) minmax(0,1fr);grid-gap:16px;gap:16px;color:#17284d}.profile-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.profile-icon-btn{border:0;background:transparent;color:#203462;font-weight:700;cursor:pointer;font-size:1.1rem;width:32px;height:32px}.profile-head-label{font-size:.95rem;font-weight:700;color:#425d95}.profile-main-card{border-radius:24px;border:1px solid #ffffff1f;background:linear-gradient(180deg,#f0f3ff,#dfe8ff);box-shadow:0 14px 34px #00000040;padding:16px 16px 18px}.profile-avatar-wrap{display:flex;justify-content:center}.profile-avatar-ring{width:126px;height:126px;border-radius:999px;background:conic-gradient(from 80deg,#2ea8f0,#7a5cff,#2ea8f0),linear-gradient(180deg,#ffffff,#e6ecff);padding:4px}.profile-avatar-image{object-fit:cover;display:block}.profile-avatar,.profile-avatar-image{width:100%;height:100%;border-radius:999px}.profile-avatar{display:grid;place-items:center;color:#f4f8ff;font-size:2rem;font-weight:800;background:linear-gradient(180deg,#2ea8f0,#1a56df)}.profile-name{text-align:center;margin:14px 0 4px;font-size:1.7rem}.profile-email{text-align:center;margin:0 0 14px;color:#4a6198;font-size:.95rem}.profile-actions{display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:18px}.profile-logout-btn{border:0;min-width:128px;border-radius:14px;background:linear-gradient(135deg,#6f3fd0,#2f57d8);color:#fff;font-weight:700;padding:10px 18px;cursor:pointer;box-shadow:0 8px 20px #4d4ad844}.profile-mini-link{width:34px;height:34px;border-radius:999px;border:1px solid #8eb6ff6b;display:grid;place-items:center;color:#2b63cf;font-size:.95rem;background:#f8fbff}.profile-side-panel{display:grid;grid-gap:16px;gap:16px}.profile-course-panel,.profile-edit-card{border-radius:20px;border:1px solid #ffffff1f;background:linear-gradient(180deg,#eef3ff,#dce7ff);box-shadow:0 12px 28px #00000030;padding:14px}.profile-edit-card h2{margin:0 0 12px;font-size:1.2rem}.profile-edit-card .input{background:#f8fbff;color:#15284a;border-color:#9cb9ed}.profile-edit-card .input::placeholder{color:#6180bb}.profile-edit-card .input:focus{border-color:#4d89df;box-shadow:0 0 0 1px #4d89df}.profile-course-panel{min-height:320px}.profile-section-head{display:flex;justify-content:space-between;align-items:center;margin:8px 0 10px}.profile-section-head h2{margin:0;font-size:1.25rem}.profile-section-head a{color:#4b71d5;font-size:.9rem;font-weight:700}.profile-error{color:#be2d3e}.profile-course-list{display:grid;grid-gap:10px;gap:10px}.profile-course-card{display:grid;grid-template-columns:78px minmax(0,1fr);grid-gap:10px;gap:10px;border-radius:14px;padding:8px;background:linear-gradient(135deg,#a2d9ff,#6ea8ff 55%,#5b77ff);color:#fff}.profile-course-cover{width:78px;height:58px;border-radius:10px;overflow:hidden;background:#2c61bb;display:grid;place-items:center;font-size:.78rem}.profile-course-cover img{width:100%;height:100%;object-fit:cover}.profile-course-meta{min-width:0}.profile-course-title{margin:0 0 8px;font-weight:700;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-progress-row{display:flex;align-items:center;gap:8px}.profile-progress-row span{font-size:.78rem;font-weight:700}.profile-progress-track{flex:1 1;height:8px;border-radius:999px;background:#ffffff49;overflow:hidden}.profile-progress-fill{height:8px;border-radius:999px;background:linear-gradient(90deg,#6ef3ff,#2ea8f0)}@media (max-width:920px){.profile-shell{width:min(460px,96vw);grid-template-columns:1fr}.profile-course-panel,.profile-edit-card,.profile-main-card{border-radius:22px}.profile-course-panel{min-height:0}}