:root{--ink:#edf7ff;--muted:#9eb3d4;--line:rgba(119,169,255,0.24);--panel:rgba(11,20,44,0.88);--page:#050914;--accent:#43b9ff;--accent-dark:#9f7bff;--danger:#ff5c8a;--ok:#54f0b4;--shadow:0 22px 52px rgba(0,0,0,0.38)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(140deg,rgba(9,17,38,.96),rgba(17,22,54,.92) 45%,rgba(41,28,83,.9)),var(--page);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}.topbar{align-items:center;background:rgba(5,10,24,.86);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);display:flex;gap:18px;justify-content:space-between;min-height:68px;padding:14px clamp(16px,3vw,36px)}.brand{gap:12px}.brand,.brand-home-button{align-items:center;display:flex;min-width:0}.brand-home-button{background:transparent;border:0;color:inherit;gap:14px;padding:0;text-align:left}.brand-home-button:focus-visible,.brand-home-button:hover{box-shadow:0 0 0 3px rgba(67,185,255,.2),0 0 28px rgba(67,185,255,.44);outline:none}.top-actions{align-items:center;background:rgba(4,10,25,.66);border:1px solid rgba(117,180,255,.22);border-radius:8px;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-left:auto;padding:6px}.sign-out-btn{min-height:36px;padding:8px 12px}.brand h1{font-size:1.05rem;line-height:1.1;margin:0}.brand-logo{aspect-ratio:1;border-radius:50%;filter:drop-shadow(0 0 18px rgba(67,185,255,.45));flex:0 0 auto;height:54px;object-fit:cover;object-position:center;width:54px}.brand-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.brand-copy h1{color:white}.brand span,.brand-copy>span,.muted{color:var(--muted)}.main{margin:0 auto;max-width:1180px;padding:26px clamp(16px,3vw,36px) 48px}.hero{background:linear-gradient(105deg,rgba(4,9,24,.96),rgba(18,38,87,.78) 52%,rgba(88,52,178,.46)),url(https://images.unsplash.com/photo-1550751827-4bd374c3f58b?auto=format&fit=crop&w=1800&q=85);background-position:50%;background-size:cover;border-bottom:1px solid rgba(117,180,255,.22);color:white;min-height:340px;padding:clamp(28px,6vw,64px)}.hero-title{align-items:center;display:flex;gap:clamp(16px,3vw,28px);max-width:1040px}.hero-logo{aspect-ratio:1;border-radius:50%;filter:drop-shadow(0 0 30px rgba(67,185,255,.5));flex:0 0 auto;height:clamp(86px,13vw,150px);object-fit:cover;object-position:center;width:clamp(86px,13vw,150px)}.hero h2{font-size:clamp(2.1rem,5vw,4.9rem);letter-spacing:0;line-height:.94;margin:0;max-width:920px}.hero-title span{color:rgba(222,241,255,.88);display:block;font-size:clamp(1.15rem,2vw,1.8rem);font-weight:700;margin-top:10px}.hero p{color:rgba(222,241,255,.9);font-size:1.06rem;line-height:1.55;max-width:760px}.auth-page{align-items:stretch;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr);min-height:100vh}.auth-copy-panel{align-content:center;background:linear-gradient(105deg,rgba(4,9,24,.96),rgba(18,38,87,.8) 54%,rgba(88,52,178,.48)),url(https://images.unsplash.com/photo-1550751827-4bd374c3f58b?auto=format&fit=crop&w=1800&q=85);background-position:50%;background-size:cover;border-right:1px solid rgba(117,180,255,.22);color:white;display:grid;justify-items:center;padding:clamp(32px,6vw,72px)}.auth-copy-panel .hero-title{align-items:start;display:grid;grid-gap:clamp(18px,2.2vw,34px);gap:clamp(18px,2.2vw,34px);grid-template-columns:auto minmax(0,1fr);justify-content:center;max-width:1120px;width:-moz-fit-content;width:fit-content}.auth-copy-panel .hero-copy{display:grid;grid-gap:clamp(14px,2vw,24px);gap:clamp(14px,2vw,24px)}.auth-copy-panel .hero-logo{height:clamp(260px,26vw,390px);margin-top:clamp(4px,1vw,18px);width:clamp(260px,26vw,390px)}.auth-copy-panel h2{font-size:clamp(2.6rem,6vw,5.6rem);letter-spacing:-.04em;line-height:.93;margin:0;max-width:920px}.auth-copy-panel h2>span{color:white;display:block;font-size:inherit;font-weight:inherit;margin:0}.auth-copy-panel h2>span:last-child{color:rgba(222,241,255,.88)}.auth-copy-panel .hero-title>div>span{color:rgba(222,241,255,.88);font-size:clamp(1.45rem,2.5vw,2.25rem);font-weight:800;margin:0}.auth-copy-panel .hero-copy p{color:rgba(222,241,255,.9);font-size:clamp(1.15rem,1.7vw,1.45rem);font-weight:650;line-height:1.55;margin:clamp(20px,3vw,36px) 0 0;max-width:760px}.auth-form-panel{align-items:center;background:radial-gradient(circle at top right,rgba(67,185,255,.12),transparent 22rem),rgba(4,8,21,.72);display:flex;justify-content:center;padding:clamp(28px,5vw,58px)}.auth-card-shell{display:grid;grid-gap:18px;gap:18px;max-width:430px;width:100%}.auth-heading{display:grid;grid-gap:6px;gap:6px}.auth-heading h1{color:white;font-size:clamp(2rem,4vw,2.8rem);line-height:1;margin:0}.auth-heading p,.auth-switch{color:var(--muted);margin:0}.auth-form{display:grid;grid-gap:14px;gap:14px}.auth-form .btn{margin-top:4px;width:100%}.auth-form .field>span{color:#dbe9ff;font-size:.88rem;font-weight:750}.auth-switch{font-size:.92rem;text-align:center}.auth-switch button{background:transparent;color:#7ccfff;font-weight:800;padding:0;text-decoration:underline;text-underline-offset:3px}.grid,.login-grid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.login-grid{align-items:stretch;margin-top:22px}.auth-card{align-content:start;gap:12px;padding:20px 16px 16px}.auth-card h3{margin:0 0 10px}.auth-card .grid{gap:12px}.auth-card .field{gap:6px}.auth-card .btn{margin-top:0}.sign-in-card{grid-template-rows:auto auto auto 1fr auto}.sign-in-card .btn{align-self:end}.card,.metric,.panel,.question{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.card,.panel,.question{padding:18px}.stack{display:grid;grid-gap:14px;gap:14px}.field{display:grid;grid-gap:7px;gap:7px}.field label{color:#c8ddff;font-size:.88rem;font-weight:700}.input,select,textarea{background:rgba(3,8,22,.72);border:1px solid rgba(134,185,255,.34);border-radius:7px;color:var(--ink);min-height:42px;padding:10px 12px;width:100%}textarea{min-height:92px;resize:vertical}.input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(67,185,255,.16);outline:none}.btn-row{display:flex;flex-wrap:wrap;gap:10px}.btn,.btn-row{align-items:center}.btn{background:linear-gradient(135deg,#238dff,#7d5cff);border-radius:7px;color:white;display:inline-flex;font-weight:800;gap:8px;justify-content:center;min-height:42px;padding:10px 14px}.btn.secondary{background:rgba(117,180,255,.14);border:1px solid rgba(117,180,255,.28);color:#dcecff}.btn.danger{background:rgba(255,92,138,.18);border:1px solid rgba(255,92,138,.36);color:#ffd9e3}.layout{display:grid;grid-gap:18px;gap:18px;grid-template-columns:300px minmax(0,1fr)}.sidebar{background:linear-gradient(180deg,rgba(8,16,38,.95),rgba(22,17,54,.9)),url(https://images.unsplash.com/photo-1563206767-5b18f218e8de?auto=format&fit=crop&w=900&q=80);background-position:50%;background-size:cover}.tabs{display:grid;grid-gap:8px;gap:8px;margin-top:14px}.tab{align-items:center;background:transparent;border-radius:7px;color:#b7c8e8;display:flex;font-weight:800;justify-content:space-between;min-height:42px;padding:10px 12px;text-align:left}.tab.active{background:rgba(67,185,255,.15);box-shadow:inset 3px 0 0 var(--accent);color:#f2f8ff}.class-tools{border-top:1px solid var(--line);padding-top:12px}.class-tools summary{color:#90d7ff;cursor:pointer;font-weight:900;margin-bottom:10px}.row{align-items:center;display:flex;gap:10px;justify-content:space-between}.pill{border-radius:999px;display:inline-flex;font-size:.78rem;font-weight:800;padding:5px 9px}.pill.open{background:rgba(84,240,180,.14);color:#76ffc8}.pill.closed{background:rgba(255,92,138,.14);color:#ff93b2}.pill.waiting{background:rgba(255,209,102,.14);color:#ffe2a0}.pill.locked{background:rgba(159,123,255,.18);color:#d7c8ff}.metrics{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.metric{background:linear-gradient(145deg,rgba(25,50,101,.48),rgba(65,41,126,.24));padding:14px}.metric b{display:block;font-size:1.65rem}.table-wrap{overflow-x:auto}table{border-collapse:collapse;min-width:760px;width:100%}td,th{border-bottom:1px solid var(--line);padding:11px 9px;text-align:left;vertical-align:top}th{color:#a9c7f6;font-size:.82rem}.answer-block{background:rgba(4,10,25,.76);border:1px solid var(--line);border-radius:8px;margin:0 0 8px;padding:12px}.student-question{display:grid;grid-gap:16px;gap:16px}.question-prompt{align-items:start;border-bottom:1px solid var(--line);display:grid;grid-gap:6px;gap:6px;padding-bottom:14px}.question-prompt strong{display:block;font-size:1.08rem;line-height:1.5}.question-number,.question-points{color:#9ec8ff;font-size:.78rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.option-list{display:grid;grid-gap:10px;gap:10px}.option-row{align-items:flex-start;background:rgba(4,10,25,.62);border:1px solid rgba(134,185,255,.24);border-radius:7px;cursor:pointer;display:flex;gap:11px;line-height:1.45;padding:12px 14px;width:100%}.option-row:hover{background:rgba(67,185,255,.1);border-color:rgba(134,185,255,.48)}.option-row:has(input:checked){background:rgba(67,185,255,.16);border-color:var(--accent)}.option-row input{flex:0 0 auto;margin-top:3px}.student-answer{display:block}.submission-card{padding:0}.submission-summary{align-items:center;cursor:pointer;display:flex;gap:18px;justify-content:space-between;list-style-position:inside;padding:18px}.submission-summary>span:first-of-type{display:inline-grid;gap:5px;margin-right:auto}.submission-date{display:block}.submission-score{align-items:flex-end;display:grid;flex:0 0 auto;grid-gap:2px;gap:2px;text-align:right}.submission-score strong{color:#76ffc8;font-size:1.05rem}.submission-score span{color:#9ec8ff;font-size:.78rem}.submission-details{border-top:1px solid var(--line);padding:18px}.grading-note{background:rgba(255,209,102,.1);border:1px solid rgba(255,209,102,.28);border-radius:7px;color:#ffe2a0;padding:11px 12px}.submitted-answer{background:rgba(4,10,25,.58);border:1px solid var(--line);border-radius:7px;display:grid;grid-gap:8px;gap:8px;padding:14px}.submitted-answer-heading{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.submitted-answer-heading span{color:#76ffc8;flex:0 0 auto;font-size:.85rem;font-weight:800}.answer-value{line-height:1.5;white-space:pre-wrap}.empty{border:1px dashed rgba(143,185,255,.38);border-radius:8px;color:var(--muted);padding:18px;text-align:center}.alert{border:1px solid rgba(255,92,138,.35);border-radius:8px;color:#ffb5c9;padding:12px}@media (max-width:860px){.auth-page{grid-template-columns:1fr}.auth-copy-panel{border-bottom:1px solid rgba(117,180,255,.22);border-right:0;min-height:42vh}.auth-copy-panel .hero-title{gap:20px;grid-template-columns:1fr;justify-items:center;text-align:center}.auth-copy-panel .hero-logo{height:clamp(132px,34vw,190px);width:clamp(132px,34vw,190px)}.auth-copy-panel .hero-copy p{text-align:center}.auth-form-panel{align-items:flex-start}.auth-card-shell{max-width:none}.grid,.layout,.login-grid,.metrics{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-direction:column}.brand-home-button{width:100%}.brand h1{font-size:.98rem}.brand-logo{height:46px;width:46px}.hero-title,.submission-summary,.submitted-answer-heading{align-items:flex-start;flex-direction:column}.submission-score{align-items:start;padding-left:22px;text-align:left}}