body{margin:0;font-family:Arial,sans-serif;background:#040d18;color:#e2e8f0;min-height:100vh;overflow-x:hidden}.bg-glow{position:fixed;top:-100px;left:50%;transform:translate(-50%);width:800px;height:700px;background:radial-gradient(ellipse at center top,rgba(56,189,248,.15) 0%,transparent 65%);pointer-events:none;z-index:0}.login-main{position:relative;z-index:1;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.login-card{width:100%;max-width:400px;background:#07111f;border:1px solid #0f2235;border-radius:12px;padding:2.5rem 2rem;box-shadow:0 24px 64px #0009,0 0 80px #38bdf80a,inset 0 1px #38bdf80d}.login-brand{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1.75rem}.brand-icon{color:#38bdf8;font-size:.65rem;line-height:1}.brand-name{font-size:.95rem;font-weight:700;color:#f1f5f9;letter-spacing:.04em}.login-logo{text-align:center;margin-bottom:1.75rem}.login-logo img{width:100%;max-width:260px;height:auto;border-radius:8px;border:1px solid #0f2235;box-shadow:0 4px 20px #00000080;transition:transform .3s ease,box-shadow .3s ease}.login-logo img:hover{transform:scale(1.02);box-shadow:0 6px 32px #38bdf81f}.login-hero{text-align:center;margin-bottom:2rem}.hero-label{display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:.68rem;font-weight:700;letter-spacing:.2em;color:#38bdf8;margin-bottom:.5rem}.hero-line{flex:1;height:1px;max-width:55px;background:linear-gradient(90deg,transparent,rgba(56,189,248,.45))}.hero-line:last-child{background:linear-gradient(90deg,rgba(56,189,248,.45),transparent)}.login-subtitle{margin:0;font-size:.78rem;color:#334155;letter-spacing:.04em}.field-group{margin-bottom:1.1rem}.field-group label{display:block;font-size:.7rem;font-weight:700;letter-spacing:.1em;color:#475569;text-transform:uppercase;margin-bottom:.4rem}.input-wrapper{display:flex;align-items:center;gap:.6rem;background:#020c1a;border:1px solid #0f2235;border-radius:7px;padding:.65rem .9rem;transition:border-color .2s,box-shadow .2s}.input-wrapper:focus-within{border-color:#38bdf8;box-shadow:0 0 0 1px #38bdf833}.input-caret{font-family:Courier New,Courier,monospace;font-size:.82rem;color:#38bdf8;flex-shrink:0;letter-spacing:-.05em;opacity:.75}.input-wrapper input{flex:1;background:transparent;border:none;outline:none;color:#e2e8f0;font-size:.9rem;font-family:Courier New,Courier,monospace;caret-color:#38bdf8;min-width:0;width:100%;padding:0;margin:0}.input-wrapper input::placeholder{color:#1e3352}.error-msg{background:#ef444414;border:1px solid rgba(239,68,68,.2);border-left:3px solid #f87171;border-radius:0 6px 6px 0;color:#f87171;font-size:.82rem;padding:.65rem .9rem;margin-bottom:1.25rem;letter-spacing:.02em}.login-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:.95rem 1.5rem;background:linear-gradient(135deg,#1a3fb5,#2563eb,#1d5cbf);color:#fff;border:1px solid rgba(96,165,250,.3);border-radius:8px;font-size:.82rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 24px #2563eb66;margin-top:.5rem}.login-btn:hover{background:linear-gradient(135deg,#1e4dd4,#2d73ff,#1e6fd4);box-shadow:0 6px 36px #2563eb99,0 0 40px #38bdf814;transform:translateY(-2px)}.login-btn:active{transform:translateY(0);box-shadow:0 2px 12px #2563eb59}.btn-icon{font-size:.6rem;opacity:.8}.login-footer{text-align:center;margin-top:1.75rem;font-size:.7rem;color:#1e3352;letter-spacing:.05em}.footer-icon{font-size:.45rem;color:#1e3352;margin-right:.2rem;vertical-align:middle}@media (max-width: 480px){.login-card{padding:2rem 1.25rem;border-radius:8px}.login-logo img{max-width:200px}}.bg-logo{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:750px;height:750px;background:url(/images/logo-icon.png) center / contain no-repeat;opacity:.18;filter:drop-shadow(0 0 18px rgba(56,189,248,.6)) drop-shadow(0 0 40px rgba(56,189,248,.3));pointer-events:none;z-index:0}.progress-card{background:#07111f;border:1px solid #0f2235;border-radius:10px;padding:1.5rem;margin:1rem 0;box-shadow:0 4px 20px #0000004d;display:flex;flex-direction:column;align-items:center;width:220px;flex-shrink:0;position:sticky;top:3.9rem}.progress-card h3{margin:0 0 1rem;font-size:.72rem;color:#334155;text-transform:uppercase;letter-spacing:.12em;white-space:normal}.hero-section{text-align:center;padding:2rem 0 2.5rem}.hero-label{display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:.65rem;letter-spacing:.18em;color:#334155;text-transform:uppercase;margin-bottom:1rem}.hero-label-line{display:inline-block;width:40px;height:1px;background:#1e3352}.hero-title{margin:0 0 .75rem;font-size:2rem;font-weight:700;color:#f1f5f9;letter-spacing:-.02em}.hero-subtitle{margin:0 auto;max-width:540px;color:#64748b;font-size:.95rem;line-height:1.6}.cards-grid{display:flex;flex-direction:column;gap:1rem}.card{background:#07111f;border:1px solid #0f2235;border-radius:10px;padding:1.5rem;box-shadow:0 4px 16px #00000040;transition:border-color .2s}.card h2{margin:0 0 .75rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:#38bdf8;display:flex;align-items:center;gap:.5rem}.card p{margin:0 0 .75rem;color:#94a3b8;font-size:.95rem;line-height:1.6}.card p:last-child{margin-bottom:0}.ul-content code{background:#38bdf814;border:1px solid rgba(56,189,248,.2);color:#7dd3fc;font-family:Courier New,Courier,monospace;font-size:.82em;padding:.1em .4em;border-radius:4px}.inline-link{color:#38bdf8;transition:color .2s}.inline-link:hover{color:#7dd3fc}.quick-start-actions{display:flex;gap:.75rem;flex-wrap:wrap}.action-btn{display:inline-block;padding:.55rem 1.25rem;border-radius:6px;font-size:.88rem;font-weight:600;cursor:pointer;transition:background .2s,box-shadow .2s,color .2s;border:none;white-space:nowrap}.primary-btn{background:#38bdf826;color:#38bdf8;border:1px solid rgba(56,189,248,.3)}.primary-btn:hover{background:#38bdf840;box-shadow:0 0 14px #38bdf833}.secondary-btn{background:#07111f;color:#64748b;border:1px solid #1e293b}.secondary-btn:hover{color:#e2e8f0;border-color:#38bdf8;background:#38bdf80f}@media (max-width: 1023px){aside{position:fixed;left:0;top:0;bottom:0;height:100%;z-index:100;transform:translate(-100%);transition:transform .3s ease;width:280px;min-width:unset;padding-top:1.5rem;align-self:auto;overflow-y:auto;overflow-x:hidden;border-right:1px solid #0f2235}aside.open{transform:translate(0);box-shadow:4px 0 30px #0009}aside.collapsed{width:280px;min-width:unset}aside.collapsed .sidebar-header,aside.collapsed .course-list{opacity:1;pointer-events:auto}.sidebar-collapse-btn,.resize-handle{display:none}.sidebar-close{display:block}aside h3{padding-right:0}.sidebar-toggle{display:inline-flex;align-items:center;gap:.5rem;margin:1rem 0 0 1.5rem;background:#07111f;color:#64748b;border:1px solid #0f2235;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:600;transition:color .2s,border-color .2s}.sidebar-toggle:hover{color:#e2e8f0;border-color:#38bdf8}.container{flex-wrap:wrap}main{flex:1;order:1;min-width:0;padding:1.25rem 1.5rem}.progress-card{order:2;width:200px;margin:1rem 1.5rem 0 0;top:5rem}}@media (max-width: 639px){header{padding:.75rem 1rem}header h1{font-size:1.1rem;flex:1}.nav-toggle{display:flex}.header-inner{flex-wrap:wrap;gap:0}.header-actions{display:none;flex-direction:column;align-items:flex-start;gap:.5rem;width:100%;margin-left:0;padding:.75rem 0 .25rem;border-top:1px solid rgba(255,255,255,.06);margin-top:.6rem}.header-actions.open{display:flex}nav{flex-wrap:wrap}.container{flex-direction:column}.progress-card{width:calc(100% - 2rem);margin:.75rem 1rem 0;flex-direction:row;justify-content:center;align-items:center;gap:1.5rem;padding:1rem 1.25rem;position:static;order:1}.progress-card h3{margin:0;text-align:left}.half-circle-wrap{width:110px;flex-shrink:0}.sidebar-toggle{margin:.75rem 1rem 0;width:calc(100% - 2rem);justify-content:center}main{order:2;padding:.75rem 1rem;font-size:1rem}.hero-title{font-size:1.4rem}.card{padding:1rem}.card h2{font-size:.65rem}footer{font-size:.75rem}}.tools-section{margin-top:2.5rem;text-align:center}.tools-label{font-size:.7rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#64748b;margin-bottom:1rem}.tool-logo{display:inline-flex;align-items:center;justify-content:center;padding:1rem 1.75rem;background:#fff;border:1px solid #0f2235;border-radius:10px;transition:transform .25s ease,box-shadow .25s ease}.tool-logo:hover{transform:translateY(-2px);box-shadow:0 8px 28px #38bdf826}.tool-logo img{height:56px;width:auto;display:block}.tool-desc{max-width:520px;margin:1rem auto 0;font-size:.82rem;line-height:1.55;color:#94a3b8}.tool-desc strong{color:#e2e8f0;font-weight:700}body{margin:0;font-family:Arial,sans-serif;background:#040d18;color:#e2e8f0;overflow-x:hidden}.bg-logo{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:750px;height:750px;background:url(/images/logo-icon.png) center / contain no-repeat;opacity:.18;filter:drop-shadow(0 0 18px rgba(56,189,248,.6)) drop-shadow(0 0 40px rgba(56,189,248,.3));pointer-events:none;z-index:0}.nav-toggle span{display:block;width:22px;height:2px;background:#e2e8f0;border-radius:2px;transition:transform .3s,opacity .3s}.container{display:flex;flex-direction:row;align-items:flex-start;min-height:calc(100vh - 112px)}aside{position:relative;width:260px;min-width:260px;flex-shrink:0;background:#060f1c;color:#64748b;padding:1.25rem 1rem;align-self:stretch;overflow:hidden;border-right:1px solid #0f2235;transition:width .3s ease,min-width .3s ease}.week-chevron{font-size:.7rem;flex-shrink:0;margin-left:.4rem;transition:transform .25s ease;color:#334155}.week-lessons .lesson:hover{color:#64748b}.progress-card{background:#07111f;border:1px solid #0f2235;border-radius:10px;padding:1.5rem;margin:0;box-shadow:0 4px 20px #0000004d;display:flex;flex-direction:column;align-items:center;justify-content:center;width:auto;min-height:220px}.dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;align-items:stretch}.dashboard-grid>.card,.dashboard-grid>.progress-card{margin:0;height:100%}@media (max-width: 900px){.dashboard-grid{grid-template-columns:1fr}}.progress-card h3{margin:0 0 1rem;font-size:.72rem;color:#334155;text-transform:uppercase;letter-spacing:.12em;padding-right:0;white-space:normal}.half-circle-wrap{position:relative;width:160px}.half-circle-svg{width:100%;overflow:visible}.half-circle-svg .track{fill:none;stroke:#0f2235;stroke-width:10;stroke-linecap:round}.half-circle-svg .fill{fill:none;stroke:#38bdf8;stroke-width:10;stroke-linecap:round;transition:stroke-dashoffset .6s ease;filter:drop-shadow(0 0 6px rgba(56,189,248,.5))}.progress-label{position:absolute;bottom:-4px;left:50%;transform:translate(-50%);text-align:center;white-space:nowrap}.progress-pct{display:block;font-size:1.5rem;font-weight:700;color:#f1f5f9}.progress-sub{display:block;font-size:.75rem;color:#334155}main{flex:1;padding:1.5rem 2rem;font-size:1.125rem;min-width:0}.card h2{margin:0 0 .35rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:#38bdf8;display:flex;align-items:center;gap:.5rem}.card p{margin:0 0 .75rem;color:#94a3b8;font-size:.95rem}.ul-content{display:flex;flex-direction:column;gap:.6rem;padding:0;margin:0;list-style:none}.ul-content li{color:#64748b;font-size:.9rem;line-height:1.5}.upcoming-lessons-list{display:flex;gap:1rem;align-items:center}.upcoming-lessons-list span{flex:1;line-height:1.4;color:#94a3b8;font-size:.9rem}.go-to-lesson-btn{background:#38bdf81f;color:#38bdf8;border:1px solid rgba(56,189,248,.25);padding:4px 14px;font-size:.9rem;border-radius:6px;cursor:pointer;flex-shrink:0;transition:background .2s,box-shadow .2s}.go-to-lesson-btn:hover{background:#38bdf833;box-shadow:0 0 12px #38bdf833}.go-to-lesson-btn:active{transform:scale(.97)}@media (max-width: 1023px){aside{position:fixed;left:0;top:0;bottom:0;height:100%;z-index:100;transform:translate(-100%);transition:transform .3s ease;width:280px;min-width:unset;padding-top:1.5rem;align-self:auto;overflow-y:auto;overflow-x:hidden;border-right:1px solid #0f2235}aside.open{transform:translate(0);box-shadow:4px 0 30px #0009}aside.collapsed{width:280px;min-width:unset}aside.collapsed .sidebar-header,aside.collapsed .course-list{opacity:1;pointer-events:auto}.sidebar-collapse-btn,.resize-handle{display:none}.sidebar-close{display:block}aside h3{padding-right:0}.sidebar-toggle{display:inline-flex;align-items:center;gap:.5rem;margin:1rem 0 0 1.5rem;background:#07111f;color:#64748b;border:1px solid #0f2235;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:600;transition:color .2s,border-color .2s}.sidebar-toggle:hover{color:#e2e8f0;border-color:#38bdf8}.container{flex-wrap:wrap}main{flex:1;min-width:0;padding:1.25rem 1.5rem}}@media (max-width: 639px){header{padding:.75rem 1rem}header h1{font-size:1.1rem;flex:1}.nav-toggle{display:flex}.header-inner{flex-wrap:wrap;gap:0}.header-actions{display:none;flex-direction:column;align-items:flex-start;gap:.5rem;width:100%;margin-left:0;padding:.75rem 0 .25rem;border-top:1px solid rgba(255,255,255,.06);margin-top:.6rem}.header-actions.open{display:flex}nav{flex-wrap:wrap}.container{flex-direction:column}.progress-card{flex-direction:row;justify-content:center;align-items:center;gap:1.5rem;padding:1rem 1.25rem;min-height:unset}.progress-card h3{margin:0;text-align:left}.half-circle-wrap{width:110px;flex-shrink:0}.sidebar-toggle{margin:.75rem 1rem 0;width:calc(100% - 2rem);justify-content:center}main{order:2;padding:.75rem 1rem;font-size:1rem}.card{padding:1rem}.card h2{font-size:.65rem}.upcoming-lessons-list{flex-wrap:wrap;gap:.5rem}footer{font-size:.75rem}}.bg-logo{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:750px;height:750px;background:url(/images/logo-icon.png) center / contain no-repeat;opacity:.18;filter:drop-shadow(0 0 18px rgba(56,189,248,.6)) drop-shadow(0 0 40px rgba(56,189,248,.3));pointer-events:none;z-index:0}nav a.active{color:#38bdf8;background:#38bdf814}.week-title-row{display:flex;justify-content:space-between;align-items:center;margin:.8rem 0 .4rem;color:#94a3b8;font-weight:700;font-size:.88rem;cursor:pointer;-webkit-user-select:none;user-select:none;min-width:0;transition:color .2s}.week-lessons .lesson{margin-bottom:.4rem;font-size:.82rem;padding-left:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#334155;line-height:1.5;transition:color .2s}.card{background:#07111f;border:1px solid #0f2235;border-radius:10px;padding:1.5rem;margin-bottom:1rem;box-shadow:0 4px 16px #00000040;transition:border-color .2s}.card:hover{border-color:#1a3555}.card h2{margin:0 0 1rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:#38bdf8;display:flex;align-items:center;gap:.5rem}.card h2:before{content:"";display:inline-block;width:3px;height:.8rem;background:#38bdf8;border-radius:2px;box-shadow:0 0 6px #38bdf899;flex-shrink:0}.lesson-card{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;background:#040d18;border:1px solid #0f2235;border-radius:6px;margin-bottom:.5rem;transition:border-color .2s}.lesson-card:hover{border-color:#1a3555}.lesson-card.completed{background:#10b9810a;border-color:#10b9812e}.lesson-info{display:flex;flex-direction:column;gap:.15rem}.lesson-info strong{font-size:.93rem;color:#94a3b8}.lesson-info span{font-size:.82rem;color:#334155}button{background:#2563eb;color:#fff;border:none;padding:.6rem 1rem;border-radius:4px;cursor:pointer;transition:background .2s}button:hover{background:#1d4ed8}.action-btn{display:inline-block;background:linear-gradient(135deg,#1a3fb5,#2563eb);color:#fff;border:1px solid rgba(96,165,250,.2);padding:.5rem 1rem;border-radius:5px;cursor:pointer;font-size:.85rem;white-space:nowrap;transition:background .2s,box-shadow .2s;flex-shrink:0}.action-btn:hover{background:linear-gradient(135deg,#1e4dd4,#2d73ff);box-shadow:0 2px 12px #2563eb66}.secondary-btn{background:linear-gradient(135deg,#0f2235,#162d45);border-color:#1e3a5f}.secondary-btn:hover{background:linear-gradient(135deg,#162d45,#1e3a5f);box-shadow:0 2px 10px #0000004d}.quick-actions{margin-top:.75rem;display:flex;flex-direction:row;gap:.5rem;flex-wrap:wrap;align-items:center}.quick-actions span{background:#0a1628;border-color:#162033;transition:background .2s;color:#64748b}.quick-actions span:hover{background:#0f2235}.passed{background:#10b9811f!important;border-color:#10b98140!important;color:#10b981!important}.error{background:#ef44441a!important;border-color:#ef444433!important;color:#f87171!important}.inline-form{margin:0}.disabled-link{display:inline-block;color:#10b981;background:#10b98114;border:1px solid rgba(16,185,129,.2);border-radius:6px;padding:.45rem .9rem;font-weight:600;font-size:.85rem;white-space:nowrap;flex-shrink:0}@media (max-width: 1023px){aside{position:fixed;left:0;top:0;bottom:0;height:100%;z-index:100;transform:translate(-100%);transition:transform .3s ease;width:280px;min-width:unset;padding-top:1.5rem;overflow-y:auto;overflow-x:hidden}aside.open{transform:translate(0);box-shadow:4px 0 30px #0009}aside.collapsed{width:280px;min-width:unset}aside.collapsed .sidebar-header,aside.collapsed .course-list{opacity:1;pointer-events:auto}.sidebar-collapse-btn,.resize-handle{display:none}.sidebar-close{display:block}aside h3{padding-right:0}.sidebar-toggle{display:inline-flex;align-items:center;gap:.5rem;margin:1rem 0 0 1.5rem;background:#07111f;color:#64748b;border:1px solid #0f2235;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:600;transition:color .2s,border-color .2s}.sidebar-toggle:hover{color:#e2e8f0;border-color:#38bdf8}main{padding:1.25rem 1.5rem}}@media (max-width: 639px){header{padding:.75rem 1rem}header h1{font-size:1.1rem;flex:1}.nav-toggle{display:flex}.header-inner{flex-wrap:wrap;gap:0}.header-actions{display:none;flex-direction:column;align-items:flex-start;gap:.5rem;width:100%;margin-left:0;padding:.75rem 0 .25rem;border-top:1px solid rgba(255,255,255,.06);margin-top:.6rem}.header-actions.open{display:flex}nav{flex-wrap:wrap}.sidebar-toggle{margin:.75rem 1rem 0;width:calc(100% - 2rem);justify-content:center}main{padding:.75rem 1rem;font-size:1rem}.card{padding:1rem}.card h2{font-size:.65rem}.lesson-card{flex-wrap:wrap;gap:.5rem}.lesson-info{flex:1 1 100%}.action-btn,.disabled-link{font-size:.82rem;padding:.4rem .7rem}.quick-actions{gap:.4rem}footer{font-size:.75rem}}body{margin:0;background:#040d18;color:#e2e8f0;font-family:Arial,sans-serif;overflow-x:hidden}.bg-glow{position:fixed;top:-200px;left:50%;transform:translate(-50%);width:900px;height:600px;background:radial-gradient(ellipse at center top,rgba(56,189,248,.1) 0%,transparent 65%);pointer-events:none;z-index:0}header,.sidebar-toggle,.container,footer{position:relative;z-index:1}header{background:#030a16e0;border-bottom:1px solid #0f2235;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#e2e8f0;padding:.75rem 2rem;position:sticky;top:0;z-index:50}.header-inner{display:flex;align-items:center;gap:1rem;max-width:1600px;margin:0 auto}header h1{margin:0;font-size:1.4rem;font-weight:700;color:#f1f5f9;white-space:nowrap}header h1:before{content:"■";color:#38bdf8;font-size:.55em;margin-right:.45rem;vertical-align:middle}.header-actions{display:flex;align-items:center;gap:1rem;margin-left:auto}nav{display:flex;align-items:center;gap:.15rem}nav a{color:#64748b;padding:.35rem .65rem;border-radius:4px;font-size:.95rem;transition:color .2s,background .2s}nav a:hover{color:#e2e8f0;background:#ffffff0f}.nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;background:none;border:none;cursor:pointer;padding:4px;margin-left:auto;flex-shrink:0}.nav-toggle span{display:block;width:22px;height:2px;background:#e2e8f0;border-radius:2px}.logout-btn{background:transparent;color:#64748b;border:1px solid #1e293b;padding:.4rem .85rem;border-radius:6px;cursor:pointer;font-weight:600;font-size:.85rem;white-space:nowrap;transition:color .2s,border-color .2s,background .2s}.logout-btn:hover{color:#e2e8f0;border-color:#38bdf8;background:#38bdf80f}.container{display:flex;min-height:calc(100vh - 112px)}aside{position:relative;width:260px;min-width:260px;flex-shrink:0;background:#060f1c;color:#64748b;padding:1.25rem 1rem;overflow:hidden;border-right:1px solid #0f2235;transition:width .3s ease,min-width .3s ease}aside.collapsed{width:44px;min-width:44px}aside.collapsed .sidebar-header,aside.collapsed .course-list{opacity:0;pointer-events:none}.sidebar-collapse-btn{position:absolute;top:.75rem;right:.6rem;background:#07111f;border:1px solid #0f2235;color:#475569;border-radius:4px;width:24px;height:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.1rem;line-height:1;transition:transform .3s ease,color .2s,border-color .2s;z-index:10;padding:0}.sidebar-collapse-btn:hover{color:#38bdf8;border-color:#38bdf84d;background:#07111f}aside.collapsed .sidebar-collapse-btn{transform:rotate(180deg)}.resize-handle{position:absolute;top:0;right:0;width:5px;height:100%;cursor:col-resize;z-index:20;transition:background .2s}.resize-handle:hover{background:#38bdf866}.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;transition:opacity .15s ease}aside h3{margin:0;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:#334155;padding-right:2rem;white-space:nowrap}.sidebar-close{display:none;background:none;border:none;color:#334155;font-size:1.1rem;cursor:pointer;padding:0;line-height:1;flex-shrink:0;transition:color .2s}.sidebar-close:hover{color:#e2e8f0;background:none}.sidebar-toggle{display:none}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:90;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sidebar-overlay.visible{display:block}.course-list{list-style:none;padding:0;margin:0;transition:opacity .15s ease}.week-title-row{display:flex;justify-content:space-between;align-items:center;margin:.8rem 0 .4rem;color:#94a3b8;font-weight:700;cursor:pointer;-webkit-user-select:none;user-select:none;min-width:0;transition:color .2s}.week-title-row:hover{color:#38bdf8}.week-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.week-chevron{font-size:.7rem;flex-shrink:0;margin-left:.4rem;color:#334155;transition:transform .25s ease}.week-group.collapsed .week-chevron{transform:rotate(-90deg)}.week-lessons{list-style:none;padding:0;margin:0;overflow:hidden;max-height:2000px;transition:max-height .3s ease}.week-group.collapsed .week-lessons{max-height:0}.week-lessons .lesson{margin-bottom:.4rem;font-size:.82rem;padding-left:.75rem}.week-lessons .lesson a{color:#334155;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.5;transition:color .2s}.week-lessons .lesson a:hover{color:#64748b}.week-lessons .lesson.active a{color:#38bdf8;font-weight:700;text-shadow:0 0 12px rgba(56,189,248,.3)}main{flex:1;padding:2rem;font-size:1.125rem;min-width:0}.card{background:#07111f;border:1px solid #0f2235;border-radius:10px;padding:1.75rem 2rem;margin-bottom:1rem;box-shadow:0 4px 20px #0000004d}.card h2{margin:0 0 .2rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:#334155;font-weight:700}.card>h3{margin:0 0 2rem;font-size:1.5rem;font-weight:800;color:#f1f5f9;line-height:1.2}.card h4{margin:2rem 0 .6rem;font-size:.88rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#38bdf8;display:flex;align-items:center;gap:.5rem}.card h4:before{content:"";display:inline-block;width:3px;height:.8rem;background:#38bdf8;border-radius:2px;box-shadow:0 0 6px #38bdf880;flex-shrink:0}.card p{margin:0 0 .85rem;line-height:1.75;color:#94a3b8;font-size:.95rem}.content-bullets{margin:0 0 .85rem 1.25rem;padding:0;line-height:1.75;color:#94a3b8;font-size:.95rem}pre{background:#020c1a;border:1px solid #0f2235;border-left:3px solid #38bdf8;color:#7dd3fc;padding:1rem 1.25rem;border-radius:0 6px 6px 0;overflow-x:auto;font-size:.85rem;line-height:1.65;margin:.75rem 0;-webkit-overflow-scrolling:touch}code{font-family:Courier New,Courier,monospace}.section-image{width:100%;max-width:720px;height:320px;object-fit:contain;display:block;margin:1rem 0;border-radius:6px;border:1px solid #0f2235;box-shadow:0 4px 20px #0006}.complete-form{margin-top:2.5rem}.complete-btn{display:inline-flex;align-items:center;gap:.6rem;padding:.85rem 2rem;background:linear-gradient(135deg,#1a3fb5,#2563eb,#1d5cbf);color:#fff;border:1px solid rgba(96,165,250,.3);border-radius:8px;font-size:.82rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 20px #2563eb59}.complete-btn:hover{background:linear-gradient(135deg,#1e4dd4,#2d73ff,#1e6fd4);box-shadow:0 6px 30px #2563eb8c;transform:translateY(-1px)}.complete-btn:active{transform:translateY(0)}footer{text-align:center;padding:1rem;border-top:1px solid #0a1e30;font-size:.78rem;color:#1e3352;letter-spacing:.04em}@media (max-width: 1023px){aside{position:fixed;left:0;top:0;bottom:0;height:100%;z-index:100;transform:translate(-100%);transition:transform .3s ease;width:280px;min-width:unset;padding-top:1.5rem;overflow-y:auto;overflow-x:hidden}aside.open{transform:translate(0);box-shadow:4px 0 30px #0009}aside.collapsed{width:280px;min-width:unset}aside.collapsed .sidebar-header,aside.collapsed .course-list{opacity:1;pointer-events:auto}.sidebar-collapse-btn,.resize-handle{display:none}.sidebar-close{display:block}aside h3{padding-right:0}.sidebar-toggle{display:inline-flex;align-items:center;gap:.5rem;margin:1rem 0 0 1.5rem;background:#07111f;color:#64748b;border:1px solid #0f2235;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:600;transition:color .2s,border-color .2s}.sidebar-toggle:hover{color:#e2e8f0;border-color:#38bdf8}main{padding:1.25rem 1.5rem}.section-image{max-width:100%}}@media (max-width: 639px){header{padding:.75rem 1rem}header h1{font-size:1.1rem;flex:1}.nav-toggle{display:flex}.header-inner{flex-wrap:wrap;gap:0}.header-actions{display:none;flex-direction:column;align-items:flex-start;gap:.5rem;width:100%;margin-left:0;padding:.75rem 0 .25rem;border-top:1px solid rgba(255,255,255,.06);margin-top:.6rem}.header-actions.open{display:flex}nav{flex-wrap:wrap}.sidebar-toggle{margin:.75rem 1rem 0;width:calc(100% - 2rem);justify-content:center}main{padding:.75rem 1rem;font-size:1rem}.card{padding:1.1rem}.card>h3{font-size:1.2rem}.card h4{font-size:.8rem}.section-image{height:auto;max-height:220px;max-width:100%;margin:.75rem auto}pre{font-size:.78rem;padding:.75rem}.complete-btn{width:100%;justify-content:center;font-size:.78rem}footer{font-size:.75rem}}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#040d18;color:#e2e8f0;min-height:100vh;position:relative;overflow-x:hidden}a{text-decoration:none}.bg-grid{position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,#0d2040 1.2px,transparent 1.2px);background-size:28px 28px;pointer-events:none;z-index:0;opacity:.7}.bg-glow{position:fixed;top:-200px;left:50%;transform:translate(-50%);width:900px;height:600px;background:radial-gradient(ellipse at center top,rgba(56,189,248,.13) 0%,transparent 70%);pointer-events:none;z-index:0}header,main,footer{position:relative;z-index:1}header{background:#030a16e6;border-bottom:1px solid #0f2235;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.75rem 2rem;position:sticky;top:0;z-index:50}.header-inner{display:flex;align-items:center;gap:1.5rem;max-width:860px;margin:0 auto}.header-brand{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.brand-icon{color:#38bdf8;font-size:.6rem}.brand-name{font-size:1rem;font-weight:700;color:#f1f5f9;letter-spacing:.02em;white-space:nowrap}.header-center{flex:1;display:flex;justify-content:center}.assessment-badge{display:inline-flex;align-items:center;gap:.5rem;font-size:.7rem;font-weight:700;letter-spacing:.15em;color:#38bdf8;background:#38bdf814;border:1px solid rgba(56,189,248,.2);padding:.3rem .85rem;border-radius:20px}.badge-pulse{width:7px;height:7px;border-radius:50%;background:#38bdf8;animation:pulse 2s ease-in-out infinite;flex-shrink:0}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 #38bdf880}50%{opacity:.6;box-shadow:0 0 0 5px #38bdf800}}.header-right{display:flex;align-items:center;gap:.75rem;flex-shrink:0}nav a{color:#64748b;font-size:.85rem;padding:.3rem .5rem;border-radius:4px;transition:color .2s,background .2s}nav a:hover{color:#cbd5e1;background:#ffffff0f}.logout-btn{background:transparent;color:#64748b;border:1px solid #1e293b;padding:.35rem .8rem;border-radius:5px;cursor:pointer;font-size:.8rem;font-weight:600;transition:color .2s,border-color .2s}.logout-btn:hover{color:#cbd5e1;border-color:#334155;background:#ffffff0a}main{max-width:780px;margin:0 auto;padding:3rem 2rem 4rem}.quiz-hero{text-align:center;margin-bottom:3.5rem}.hero-label{display:flex;align-items:center;justify-content:center;gap:.9rem;font-size:.7rem;font-weight:700;letter-spacing:.18em;color:#38bdf8;margin-bottom:1.25rem}.hero-label-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(56,189,248,.4));max-width:80px}.hero-label-line:last-child{background:linear-gradient(90deg,rgba(56,189,248,.4),transparent)}.quiz-title{margin:0 0 .75rem;font-size:2.2rem;font-weight:800;color:#f8fafc;line-height:1.2;letter-spacing:-.01em}.quiz-subtitle{margin:0 0 2rem;font-size:.8rem;letter-spacing:.12em;color:#475569;text-transform:uppercase}.hero-divider{display:flex;align-items:center;gap:0;justify-content:center}.hero-divider-line{width:260px;height:1px;background:linear-gradient(90deg,transparent,#1e3a5f 30%,#38bdf8 50%,#1e3a5f 70%,transparent)}.hero-divider-dot{width:5px;height:5px;border-radius:50%;background:#38bdf8;box-shadow:0 0 8px #38bdf8cc}.section-header{display:flex;align-items:center;gap:.85rem;margin:3rem 0 1.25rem}.section-accent{width:3px;height:1.1rem;background:#38bdf8;border-radius:2px;flex-shrink:0;box-shadow:0 0 8px #38bdf899}.section-title{margin:0;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:#38bdf8}.section-description{background:#020c1a;border:1px solid #0f2235;border-left:3px solid #38bdf8;padding:1rem 1.25rem;margin-bottom:2rem;font-family:Courier New,Courier,monospace;font-size:.82rem;line-height:1.7;white-space:pre-wrap;word-break:break-word;border-radius:0 6px 6px 0;color:#7dd3fc;overflow-x:auto;-webkit-overflow-scrolling:touch}.cmd-block{background:#020a14;border:1px solid rgba(56,189,248,.25);border-left:3px solid #22c55e;border-radius:0 6px 6px 0;padding:.85rem 1.1rem;margin:0 0 1.25rem;font-family:Courier New,Courier,monospace;font-size:.82rem;line-height:1.7;white-space:pre-wrap;word-break:break-all;color:#86efac;overflow-x:auto;-webkit-overflow-scrolling:touch}.cmd-prompt{color:#4ade80;font-weight:700;-webkit-user-select:none;user-select:none;margin-right:.4rem}.quiz-question{background:#07111f;border:1px solid #0f2235;border-radius:10px;padding:1.5rem 1.75rem;margin-bottom:1rem;transition:border-color .2s}.quiz-question:hover{border-color:#1a3555}.question-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.25rem}.question-num{font-family:Courier New,Courier,monospace;font-size:.75rem;font-weight:700;color:#38bdf8;background:#38bdf814;border:1px solid rgba(56,189,248,.2);padding:.2rem .45rem;border-radius:4px;flex-shrink:0;letter-spacing:.05em;margin-top:.1rem}.question-text{margin:0;font-size:.975rem;line-height:1.6;color:#e2e8f0;font-weight:500}.answer-options{display:flex;flex-direction:column;gap:.5rem;counter-reset:option-counter}.answer-option{counter-increment:option-counter}.answer-option input[type=radio]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.answer-option label{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;border:1px solid #0f2235;border-radius:7px;cursor:pointer;color:#94a3b8;background:#040d18;transition:border-color .18s,background .18s,color .18s;font-size:.9rem;line-height:1.45;-webkit-user-select:none;user-select:none}.answer-option label:before{content:counter(option-counter,upper-alpha);display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;border:1px solid #1e3352;border-radius:5px;font-size:.72rem;font-weight:700;font-family:Courier New,Courier,monospace;color:#475569;flex-shrink:0;transition:border-color .18s,color .18s,background .18s}.answer-option label:hover{border-color:#38bdf859;background:#38bdf80a;color:#e2e8f0}.answer-option label:hover:before{border-color:#38bdf866;color:#94a3b8}.answer-option input[type=radio]:checked+label{border-color:#38bdf8;background:#38bdf814;color:#f1f5f9;box-shadow:0 0 0 1px #38bdf840,inset 0 0 20px #38bdf808}.answer-option input[type=radio]:checked+label:before{border-color:#38bdf8;background:#38bdf826;color:#38bdf8}.fill-wrapper{display:flex;align-items:center;gap:.75rem;background:#020c1a;border:1px solid #0f2235;border-radius:7px;padding:.6rem 1rem;transition:border-color .2s}.fill-wrapper:focus-within{border-color:#38bdf8;box-shadow:0 0 0 1px #38bdf833}.fill-caret{font-family:Courier New,Courier,monospace;font-size:.85rem;color:#38bdf8;flex-shrink:0;letter-spacing:-.05em;opacity:.8}.fill-input{flex:1;background:transparent;border:none;outline:none;color:#e2e8f0;font-size:.9rem;font-family:Courier New,Courier,monospace;caret-color:#38bdf8;min-width:0}.fill-input::placeholder{color:#1e3352}.submit-wrapper{margin-top:3.5rem;text-align:center}.submit-meta{font-size:.68rem;letter-spacing:.15em;color:#2a4a6b;margin-bottom:1.25rem;text-transform:uppercase}.submit-sep{margin:0 .5rem}.submit-btn{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;width:100%;max-width:420px;padding:1.1rem 2rem;background:linear-gradient(135deg,#1a3fb5,#2563eb,#1d5cbf);color:#fff;border:1px solid rgba(96,165,250,.3);border-radius:8px;font-size:.85rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 24px #2563eb66,0 0 #38bdf800}.submit-btn:hover{background:linear-gradient(135deg,#1e4dd4,#2d73ff,#1e6fd4);box-shadow:0 6px 36px #2563eb99,0 0 40px #38bdf81a;transform:translateY(-2px)}.submit-btn:active{transform:translateY(0);box-shadow:0 2px 12px #2563eb66}.submit-icon{font-size:.65rem;opacity:.8}.submit-warning{margin-top:1rem;font-size:.75rem;color:#334155;letter-spacing:.02em}footer{text-align:center;padding:1.25rem;border-top:1px solid #0a1e30;font-size:.78rem;color:#1e3352;letter-spacing:.05em}.footer-icon{color:#1e3352;font-size:.5rem;margin-right:.25rem}@media (max-width: 1023px){main{padding:2.5rem 1.5rem 3rem}.quiz-title{font-size:1.9rem}.assessment-badge{font-size:.65rem}}@media (max-width: 639px){header{padding:.75rem 1rem}.header-inner{gap:.75rem}.brand-name{font-size:.9rem}.assessment-badge{font-size:.6rem;padding:.25rem .6rem;letter-spacing:.1em}.header-right{display:none}main{padding:1.75rem 1rem 3rem}.quiz-title{font-size:1.5rem}.hero-label{font-size:.62rem;letter-spacing:.1em}.hero-divider-line{width:100px}.quiz-question{padding:1.1rem}.question-header{gap:.75rem}.answer-option label{padding:.65rem .85rem;font-size:.875rem}.submit-btn{max-width:100%;font-size:.8rem;padding:1rem 1.5rem}.section-description{font-size:.78rem}}.results-banner{display:flex;flex-direction:column;align-items:center;gap:.35rem;max-width:760px;margin:0 auto 2rem;padding:1.5rem 1.75rem;border-radius:12px;text-align:center}.results-banner.pass{background:#22c55e14;border:1px solid rgba(34,197,94,.35)}.results-banner.fail{background:#f8717114;border:1px solid rgba(248,113,113,.35)}.results-score{font-size:2.6rem;font-weight:800;line-height:1}.results-banner.pass .results-score{color:#4ade80}.results-banner.fail .results-score{color:#f87171}.results-detail{font-size:.95rem;font-weight:700;letter-spacing:.04em;color:#e2e8f0}.results-note{font-size:.78rem;color:#64748b}.quiz-question.q-correct{border-color:#22c55e59;box-shadow:inset 3px 0 #22c55e}.quiz-question.q-wrong{border-color:#f8717159;box-shadow:inset 3px 0 #f87171}.question-status{margin-left:auto;flex-shrink:0;align-self:center;padding:.28rem .6rem;border-radius:5px;font-size:.66rem;font-weight:800;letter-spacing:.1em;font-family:Courier New,Courier,monospace;white-space:nowrap}.question-status.correct{color:#4ade80;background:#22c55e1f;border:1px solid rgba(34,197,94,.4)}.question-status.wrong{color:#f87171;background:#f871711f;border:1px solid rgba(248,113,113,.4)}.answer-option.correct label{border-color:#22c55e8c;background:#22c55e17;color:#dcfce7}.answer-option.correct label:before{border-color:#22c55e;background:#22c55e2e;color:#4ade80}.answer-option.wrong label{border-color:#f871718c;background:#f8717117;color:#fee2e2}.answer-option.wrong label:before{border-color:#f87171;background:#f871712e;color:#f87171}.option-tag{display:inline-block;margin:.35rem 0 .1rem 42px;padding:.15rem .5rem;border-radius:4px;font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.option-tag.correct{color:#4ade80;background:#22c55e24}.option-tag.wrong{color:#f87171;background:#f8717124}.fill-wrapper.correct{border-color:#22c55e8c}.fill-wrapper.wrong{border-color:#f871718c}.correct-answer-hint{margin:.6rem 0 0;font-size:.82rem;color:#94a3b8}.correct-answer-hint strong{color:#4ade80}