.ag-root{max-width:1120px;margin:0 auto;padding:24px 20px 60px;font-family:Inter,Space Grotesk,system-ui,sans-serif}.ag-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;align-items:stretch;margin-bottom:18px}.ag-card{background:#0f172ac7;border:1px solid rgba(148,163,184,.22);border-radius:24px;box-shadow:0 24px 70px #00000059;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:22px}.ag-badge{display:inline-flex;gap:8px;align-items:center;padding:7px 12px;background:#22c55e24;color:#bbf7d0;border:1px solid rgba(34,197,94,.35);border-radius:999px;font-size:13px;font-weight:700;margin-bottom:14px}.ag-h1{margin:0 0 8px;font-size:clamp(26px,5vw,44px);font-family:Space Grotesk,sans-serif;line-height:1;color:#f8fafc}.ag-muted{color:#cbd5e1;line-height:1.55;font-size:.95rem}.ag-controls{display:grid;gap:12px}.ag-label{display:block;font-weight:700;color:#e2e8f0;margin-bottom:6px;font-size:.9rem}.ag-input{width:100%;padding:13px 14px;border-radius:14px;border:1px solid rgba(148,163,184,.35);background:#020617b8;color:#fff;outline:none;font-size:18px;font-family:inherit;transition:border-color .2s,box-shadow .2s}.ag-input:focus{border-color:#60a5fa;box-shadow:0 0 0 4px #60a5fa26}.ag-input:disabled{opacity:.5;cursor:not-allowed}.ag-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.ag-btn{border:0;border-radius:14px;padding:12px 16px;cursor:pointer;font-weight:800;font-size:.88rem;color:#fff;transition:transform .15s ease,opacity .15s ease,box-shadow .2s;white-space:nowrap}.ag-btn:hover:not(:disabled){transform:translateY(-1px)}.ag-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.ag-btn--primary{background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 10px 24px #2563eb40}.ag-btn--good{background:linear-gradient(135deg,#16a34a,#10b981);box-shadow:0 8px 20px #16a34a40}.ag-btn--warn{background:linear-gradient(135deg,#ea580c,#f59e0b);box-shadow:0 8px 20px #ea580c40}.ag-btn--secondary{background:#334155e6;box-shadow:none}.ag-board{display:grid;grid-template-columns:1fr 330px;gap:18px}.ag-visual{min-height:460px}.ag-row-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:4px 0 10px}.ag-row-title h2{margin:0;font-size:1rem;font-family:Space Grotesk,sans-serif;color:#e2e8f0}.ag-tiles{display:flex;flex-wrap:wrap;gap:10px;min-height:72px;padding:12px;border-radius:18px;background:#02061761;border:1px dashed rgba(148,163,184,.28)}.ag-tile{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,#f8fafc,#cbd5e1);color:#0f172a;font-size:25px;font-weight:900;box-shadow:0 10px 20px #00000038;position:relative;transition:.25s ease;-webkit-user-select:none;user-select:none;cursor:default}.ag-tile small{position:absolute;right:5px;bottom:3px;font-size:9px;color:#475569}.ag-tile--active{outline:4px solid #facc15;transform:translateY(-7px) scale(1.04);box-shadow:0 16px 28px #facc154d}.ag-tile--scan{outline:4px solid #38bdf8;transform:scale(1.08);box-shadow:0 12px 24px #38bdf84d}.ag-tile--matched{background:linear-gradient(145deg,#86efac,#22c55e);color:#052e16}.ag-tile--used{background:linear-gradient(145deg,#64748b,#334155);color:#e2e8f0;opacity:.7}.ag-tile--wrong{background:linear-gradient(145deg,#fca5a5,#ef4444);color:#450a0a;animation:ag-shake .35s}@keyframes ag-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.ag-message{margin:16px 0;padding:16px;border-radius:18px;background:#1e293bd1;border:1px solid rgba(148,163,184,.24);font-size:.98rem;line-height:1.55;min-height:64px;color:#e2e8f0}.ag-message b{color:#fde68a}.ag-score-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:4px}.ag-score{background:#02061780;border-radius:18px;padding:14px;text-align:center;border:1px solid rgba(148,163,184,.18)}.ag-score span{display:block;color:#94a3b8;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;margin-bottom:4px}.ag-score strong{font-size:26px;font-family:Space Grotesk,sans-serif;color:#f8fafc}.ag-quiz{margin-top:14px;padding:15px;border-radius:18px;background:#3b82f61a;border:1px solid rgba(96,165,250,.25)}.ag-quiz h3{margin:0 0 10px;font-size:1rem;color:#93c5fd}.ag-choices{display:grid;gap:8px}.ag-choice{text-align:left;background:#0f172ae0;border:1px solid rgba(148,163,184,.2);box-shadow:none;font-weight:600;padding:11px 16px;border-radius:12px;width:100%;transition:background .2s,border-color .2s}.ag-choice:hover:not(:disabled){background:#2563eb40;border-color:#60a5fa66;transform:none}.ag-choice--correct{background:#16a34ad9!important;border-color:#22c55e!important}.ag-choice--incorrect{background:#dc2626d9!important;border-color:#ef4444!important}.ag-result{font-size:32px;font-weight:900;font-family:Space Grotesk,sans-serif;text-align:center;margin-top:16px;padding:18px;border-radius:20px;animation:ag-pop .4s cubic-bezier(.34,1.56,.64,1)}.ag-result--win{color:#86efac;background:#22c55e1f;border:1px solid rgba(34,197,94,.3)}.ag-result--lose{color:#fca5a5;background:#ef44441f;border:1px solid rgba(239,68,68,.3)}@keyframes ag-pop{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.ag-code-panel{position:sticky;top:80px;align-self:start}.ag-code-panel h2{margin:0 0 12px;font-size:1rem;font-family:Space Grotesk,sans-serif;color:#e2e8f0}.ag-pre{margin:0;background:#020617b8;color:#c4b5fd;padding:16px;border-radius:18px;overflow:auto;font-size:12.5px;line-height:1.6;border:1px solid rgba(148,163,184,.16);font-family:Fira Code,Cascadia Code,Consolas,monospace}.ag-line{display:block;padding:1px 8px;border-radius:8px;transition:background .2s;white-space:pre}.ag-line--on{background:#facc1529;color:#fef3c7}@media(max-width:850px){.ag-hero,.ag-board{grid-template-columns:1fr}.ag-tile{width:46px;height:46px;font-size:21px}.ag-code-panel{position:static}}.amg-root{max-width:1180px;margin:0 auto;padding:24px 20px 60px;font-family:Inter,Space Grotesk,system-ui,sans-serif}.amg-hero{display:grid;grid-template-columns:1.08fr .92fr;gap:18px;align-items:stretch;margin-bottom:18px}.amg-card{background:#0f172acc;border:1px solid rgba(148,163,184,.22);border-radius:24px;box-shadow:0 24px 70px #00000059;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:22px}.amg-badge{display:inline-flex;gap:8px;align-items:center;padding:7px 14px;background:#22c55e24;color:#bbf7d0;border:1px solid rgba(34,197,94,.35);border-radius:999px;font-size:13px;font-weight:800;margin-bottom:14px}.amg-h1{margin:0 0 8px;font-size:clamp(24px,4.5vw,42px);font-family:Space Grotesk,sans-serif;line-height:1.05;color:#f8fafc}.amg-muted{color:#cbd5e1;line-height:1.6;font-size:.93rem}.amg-chip{display:inline-block;padding:2px 10px;background:#22c55e2e;color:#86efac;border:1px solid rgba(34,197,94,.35);border-radius:999px;font-size:.78rem;font-weight:800;font-family:Fira Code,Consolas,monospace;letter-spacing:.03em}.amg-chip--red{background:#ef444426;color:#fca5a5;border-color:#ef44444d}.amg-controls{display:grid;gap:12px}.amg-label{display:block;font-weight:800;color:#e2e8f0;margin-bottom:6px;font-size:.9rem}.amg-input{width:100%;padding:13px 14px;border-radius:14px;border:1px solid rgba(148,163,184,.35);background:#020617b8;color:#fff;outline:none;font-size:18px;font-family:inherit;transition:border-color .2s,box-shadow .2s}.amg-input:focus{border-color:#4ade80;box-shadow:0 0 0 4px #4ade8024}.amg-input:disabled{opacity:.5;cursor:not-allowed}.amg-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.amg-btn{border:0;border-radius:14px;padding:12px 16px;cursor:pointer;font-weight:900;font-size:.88rem;color:#fff;font-family:inherit;transition:transform .15s ease,opacity .15s ease,box-shadow .2s;white-space:nowrap}.amg-btn:hover:not(:disabled){transform:translateY(-1px)}.amg-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.amg-btn--primary{background:linear-gradient(135deg,#16a34a,#2563eb);box-shadow:0 10px 24px #16a34a38}.amg-btn--good{background:linear-gradient(135deg,#16a34a,#10b981);box-shadow:0 8px 20px #16a34a38}.amg-btn--warn{background:linear-gradient(135deg,#ea580c,#f59e0b);box-shadow:0 8px 20px #ea580c38}.amg-btn--secondary{background:#334155e6;box-shadow:none}.amg-board{display:grid;grid-template-columns:1fr 350px;gap:18px}.amg-visual{min-height:500px}.amg-row-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:4px 0 10px}.amg-row-title h2{margin:0;font-size:.97rem;font-family:Space Grotesk,sans-serif;color:#e2e8f0}.amg-tiles{display:flex;flex-wrap:wrap;gap:10px;min-height:70px;padding:12px;border-radius:18px;background:#02061761;border:1px dashed rgba(148,163,184,.28)}.amg-tile{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,#f8fafc,#cbd5e1);color:#0f172a;font-size:24px;font-weight:900;box-shadow:0 10px 20px #00000038;position:relative;transition:.22s ease;-webkit-user-select:none;user-select:none}.amg-tile small{position:absolute;right:5px;bottom:3px;font-size:9px;color:#475569}.amg-tile--active{outline:4px solid #facc15;transform:translateY(-7px) scale(1.04);box-shadow:0 16px 28px #facc1540}.amg-tile--add{background:linear-gradient(145deg,#bbf7d0,#22c55e);color:#052e16}.amg-tile--sub{background:linear-gradient(145deg,#bfdbfe,#3b82f6);color:#082f49}.amg-map-grid{margin-top:2px;display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:10px;min-height:116px;padding:12px;border-radius:18px;background:#02061761;border:1px solid rgba(148,163,184,.2)}.amg-map-cell{border-radius:18px;background:#1e293be0;border:1px solid rgba(148,163,184,.24);overflow:hidden;transition:.25s ease}.amg-map-cell--hot{outline:4px solid rgba(250,204,21,.85);transform:translateY(-5px);box-shadow:0 12px 28px #facc1526}.amg-map-key{background:#0f172af2;padding:9px;text-align:center;font-size:22px;font-weight:900;border-bottom:1px solid rgba(148,163,184,.16)}.amg-map-val{padding:10px;text-align:center;font-size:24px;font-weight:900;font-family:Space Grotesk,sans-serif;color:#86efac;transition:color .2s}.amg-map-val--zero{color:#94a3b8}.amg-map-val--neg{color:#fca5a5}.amg-map-bar-track{height:8px;background:#94a3b829}.amg-map-bar-fill{height:100%;background:linear-gradient(90deg,#22c55e,#60a5fa);transition:width .25s ease}.amg-message{margin:16px 0;padding:16px;border-radius:18px;background:#1e293bd1;border:1px solid rgba(148,163,184,.24);font-size:.98rem;line-height:1.55;min-height:64px;color:#e2e8f0}.amg-message b{color:#fde68a}.amg-score-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:4px}.amg-score{background:#02061780;border-radius:18px;padding:14px;text-align:center;border:1px solid rgba(148,163,184,.18)}.amg-score span{display:block;color:#94a3b8;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;margin-bottom:4px}.amg-score strong{font-size:26px;font-family:Space Grotesk,sans-serif;color:#f8fafc}.amg-quiz{margin-top:14px;padding:15px;border-radius:18px;background:#16a34a14;border:1px solid rgba(74,222,128,.22)}.amg-quiz h3{margin:0 0 10px;font-size:.97rem;color:#86efac}.amg-choices{display:grid;gap:8px}.amg-choice{text-align:left;background:#0f172ae0;border:1px solid rgba(148,163,184,.2);box-shadow:none;font-weight:600;padding:11px 16px;border-radius:12px;width:100%;color:#e2e8f0;transition:background .2s,border-color .2s}.amg-choice:hover:not(:disabled){background:#16a34a2e;border-color:#4ade8066;transform:none}.amg-choice--correct{background:#16a34ad9!important;border-color:#22c55e!important}.amg-choice--incorrect{background:#dc2626d9!important;border-color:#ef4444!important}.amg-result{font-size:30px;font-weight:900;font-family:Space Grotesk,sans-serif;text-align:center;margin-top:16px;padding:18px;border-radius:20px;animation:amg-pop .4s cubic-bezier(.34,1.56,.64,1)}.amg-result--win{color:#86efac;background:#22c55e1f;border:1px solid rgba(34,197,94,.3)}.amg-result--lose{color:#fca5a5;background:#ef44441f;border:1px solid rgba(239,68,68,.3)}@keyframes amg-pop{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.amg-code-panel{position:sticky;top:80px;align-self:start}.amg-code-panel h2{margin:0 0 12px;font-size:1rem;font-family:Space Grotesk,sans-serif;color:#e2e8f0}.amg-pre{margin:0;background:#020617b8;color:#c4b5fd;padding:16px;border-radius:18px;overflow:auto;font-size:12.5px;line-height:1.65;border:1px solid rgba(148,163,184,.16);font-family:Fira Code,Cascadia Code,Consolas,monospace}.amg-line{display:block;padding:1px 8px;border-radius:8px;transition:background .2s;white-space:pre}.amg-line--on{background:#facc1529;color:#fef3c7}.amg-complexity{margin-top:16px;padding:14px;background:#22c55e0f;border:1px solid rgba(34,197,94,.2);border-radius:18px}.amg-complexity-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:.88rem;color:#94a3b8;font-weight:600}.amg-complexity-note{margin:8px 0 0;font-size:.78rem;color:#64748b;line-height:1.55}@media(max-width:900px){.amg-hero,.amg-board{grid-template-columns:1fr}.amg-tile{width:44px;height:44px;font-size:20px}.amg-code-panel{position:static}}.pg-root{max-width:1120px;margin:0 auto;padding:24px 20px 60px;font-family:Inter,Space Grotesk,system-ui,sans-serif}.pg-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;align-items:stretch;margin-bottom:18px}.pg-card{background:#0f172ac7;border:1px solid rgba(148,163,184,.22);border-radius:24px;box-shadow:0 24px 70px #00000059;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:22px}.pg-badge{display:inline-flex;gap:8px;align-items:center;padding:7px 12px;background:#22c55e24;color:#bbf7d0;border:1px solid rgba(34,197,94,.35);border-radius:999px;font-size:13px;font-weight:700;margin-bottom:14px}.pg-h1{margin:0 0 8px;font-size:clamp(26px,5vw,44px);font-family:Space Grotesk,sans-serif;line-height:1;color:#f8fafc}.pg-muted{color:#cbd5e1;line-height:1.55;font-size:.95rem}.pg-controls{display:grid;gap:12px}.pg-label{display:block;font-weight:700;color:#e2e8f0;margin-bottom:6px;font-size:.9rem}.pg-input{width:100%;padding:13px 14px;border-radius:14px;border:1px solid rgba(148,163,184,.35);background:#020617b8;color:#fff;outline:none;font-size:18px;font-family:inherit;transition:border-color .2s,box-shadow .2s}.pg-input:focus{border-color:#60a5fa;box-shadow:0 0 0 4px #60a5fa26}.pg-input:disabled{opacity:.5;cursor:not-allowed}.pg-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.pg-btn{border:0;border-radius:14px;padding:12px 16px;cursor:pointer;font-weight:800;font-size:.88rem;color:#fff;transition:transform .15s ease,opacity .15s ease,box-shadow .2s;white-space:nowrap}.pg-btn:hover:not(:disabled){transform:translateY(-1px)}.pg-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.pg-btn--primary{background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 10px 24px #2563eb40}.pg-btn--good{background:linear-gradient(135deg,#16a34a,#10b981);box-shadow:0 8px 20px #16a34a40}.pg-btn--warn{background:linear-gradient(135deg,#ea580c,#f59e0b);box-shadow:0 8px 20px #ea580c40}.pg-btn--secondary{background:#334155e6;box-shadow:none}.pg-board{display:grid;grid-template-columns:1fr 330px;gap:18px}.pg-visual{min-height:460px}.pg-row-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:4px 0 10px}.pg-row-title h2{margin:0;font-size:1rem;font-family:Space Grotesk,sans-serif;color:#e2e8f0}.pg-tiles{display:flex;flex-wrap:wrap;gap:10px;min-height:72px;padding:12px;border-radius:18px;background:#02061761;border:1px dashed rgba(148,163,184,.28)}.pg-tile{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,#f8fafc,#cbd5e1);color:#0f172a;font-size:25px;font-weight:900;box-shadow:0 10px 20px #00000038;position:relative;transition:.25s ease;-webkit-user-select:none;user-select:none;cursor:default}.pg-tile small{position:absolute;right:5px;bottom:3px;font-size:9px;color:#475569}.pg-tile--l{outline:4px solid #facc15;transform:translateY(-7px) scale(1.04);box-shadow:0 16px 28px #facc154d}.pg-tile--l:after{content:"L";position:absolute;top:-24px;background:#facc15;color:#000;font-size:12px;padding:2px 8px;border-radius:4px;font-weight:700}.pg-tile--r{outline:4px solid #38bdf8;transform:translateY(-7px) scale(1.04);box-shadow:0 16px 28px #38bdf84d}.pg-tile--r:after{content:"R";position:absolute;bottom:-24px;background:#38bdf8;color:#000;font-size:12px;padding:2px 8px;border-radius:4px;font-weight:700}.pg-tile--l.pg-tile--r{outline:4px solid #a855f7;transform:translateY(-7px) scale(1.04);box-shadow:0 16px 28px #a855f74d}.pg-tile--l.pg-tile--r:after{content:"L & R";position:absolute;bottom:-24px;top:auto;background:#a855f7;color:#fff}.pg-tile--matched{background:linear-gradient(145deg,#86efac,#22c55e);color:#052e16}.pg-tile--ignored{background:linear-gradient(145deg,#64748b,#334155);color:#94a3b8;opacity:.6}.pg-tile--wrong{background:linear-gradient(145deg,#fca5a5,#ef4444);color:#450a0a;animation:pg-shake .35s}@keyframes pg-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.pg-message{margin:16px 0;padding:16px;border-radius:18px;background:#1e293bd1;border:1px solid rgba(148,163,184,.24);font-size:.98rem;line-height:1.55;min-height:64px;color:#e2e8f0}.pg-message b{color:#fde68a}.pg-score-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:4px}.pg-score{background:#02061780;border-radius:18px;padding:14px;text-align:center;border:1px solid rgba(148,163,184,.18)}.pg-score span{display:block;color:#94a3b8;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;margin-bottom:4px}.pg-score strong{font-size:26px;font-family:Space Grotesk,sans-serif;color:#f8fafc}.pg-quiz{margin-top:14px;padding:15px;border-radius:18px;background:#3b82f61a;border:1px solid rgba(96,165,250,.25)}.pg-quiz h3{margin:0 0 10px;font-size:1rem;color:#93c5fd}.pg-choices{display:grid;gap:8px}.pg-choice{text-align:left;background:#0f172ae0;border:1px solid rgba(148,163,184,.2);box-shadow:none;font-weight:600;padding:11px 16px;border-radius:12px;width:100%;transition:background .2s,border-color .2s}.pg-choice:hover:not(:disabled){background:#2563eb40;border-color:#60a5fa66;transform:none}.pg-choice--correct{background:#16a34ad9!important;border-color:#22c55e!important}.pg-choice--incorrect{background:#dc2626d9!important;border-color:#ef4444!important}.pg-result{font-size:32px;font-weight:900;font-family:Space Grotesk,sans-serif;text-align:center;margin-top:16px;padding:18px;border-radius:20px;animation:pg-pop .4s cubic-bezier(.34,1.56,.64,1)}.pg-result--win{color:#86efac;background:#22c55e1f;border:1px solid rgba(34,197,94,.3)}.pg-result--lose{color:#fca5a5;background:#ef44441f;border:1px solid rgba(239,68,68,.3)}@keyframes pg-pop{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.pg-code-panel{position:sticky;top:80px;align-self:start}.pg-code-panel h2{margin:0 0 12px;font-size:1rem;font-family:Space Grotesk,sans-serif;color:#e2e8f0}.pg-pre{margin:0;background:#020617b8;color:#c4b5fd;padding:16px;border-radius:18px;overflow:auto;font-size:12.5px;line-height:1.6;border:1px solid rgba(148,163,184,.16);font-family:Fira Code,Cascadia Code,Consolas,monospace}.pg-line{display:block;padding:1px 8px;border-radius:8px;transition:background .2s;white-space:pre}.pg-line--on{background:#facc1529;color:#fef3c7}@media(max-width:850px){.pg-hero,.pg-board{grid-template-columns:1fr}.pg-tile{width:46px;height:46px;font-size:21px}.pg-code-panel{position:static}}.sp-root{max-width:1120px;margin:0 auto;padding:24px 20px 60px;font-family:Inter,Space Grotesk,system-ui,sans-serif}.sp-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;align-items:stretch;margin-bottom:18px}.sp-card{background:#0f172ac7;border:1px solid rgba(148,163,184,.22);border-radius:24px;box-shadow:0 24px 70px #00000059;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:22px}.sp-badge{display:inline-flex;gap:8px;align-items:center;padding:7px 12px;background:#a855f724;color:#e9d5ff;border:1px solid rgba(168,85,247,.35);border-radius:999px;font-size:13px;font-weight:700;margin-bottom:14px}.sp-h1{margin:0 0 8px;font-size:clamp(26px,5vw,44px);font-family:Space Grotesk,sans-serif;line-height:1;color:#f8fafc}.sp-muted{color:#cbd5e1;line-height:1.55;font-size:.95rem}.sp-controls{display:grid;gap:12px}.sp-label{display:block;font-weight:700;color:#e2e8f0;margin-bottom:6px;font-size:.9rem}.sp-input{width:100%;padding:13px 14px;border-radius:14px;border:1px solid rgba(148,163,184,.35);background:#020617b8;color:#fff;outline:none;font-size:18px;font-family:inherit;transition:border-color .2s,box-shadow .2s}.sp-input:focus{border-color:#60a5fa;box-shadow:0 0 0 4px #60a5fa26}.sp-input:disabled{opacity:.5;cursor:not-allowed}.sp-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.sp-btn{border:0;border-radius:14px;padding:12px 16px;cursor:pointer;font-weight:800;font-size:.88rem;color:#fff;transition:transform .15s ease,opacity .15s ease,box-shadow .2s;white-space:nowrap}.sp-btn:hover:not(:disabled){transform:translateY(-1px)}.sp-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.sp-btn--primary{background:linear-gradient(135deg,#a855f7,#6366f1);box-shadow:0 10px 24px #a855f740}.sp-btn--good{background:linear-gradient(135deg,#16a34a,#10b981);box-shadow:0 8px 20px #16a34a40}.sp-btn--warn{background:linear-gradient(135deg,#ea580c,#f59e0b);box-shadow:0 8px 20px #ea580c40}.sp-btn--secondary{background:#334155e6;box-shadow:none}.sp-board{display:grid;grid-template-columns:1fr 330px;gap:18px}.sp-visual{min-height:460px;display:flex;flex-direction:column}.sp-row-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:4px 0 10px}.sp-row-title h2{margin:0;font-size:1rem;font-family:Space Grotesk,sans-serif;color:#e2e8f0}.sp-terminal{flex-grow:1;background:#0f172a;border-radius:12px;border:1px solid #334155;padding:16px;font-family:Fira Code,Consolas,monospace;font-size:24px;color:#fbbf24;line-height:1.4;display:flex;flex-direction:column;box-shadow:inset 0 2px 10px #00000080;margin-bottom:16px;min-height:200px}.sp-terminal-row{display:flex;gap:4px}.sp-star{display:inline-block;animation:sp-pop .3s cubic-bezier(.34,1.56,.64,1);text-shadow:0 0 10px rgba(251,191,36,.6)}.sp-star--active{color:#f8fafc;transform:scale(1.2);text-shadow:0 0 15px rgba(255,255,255,.9)}@keyframes sp-pop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.sp-vars{display:flex;gap:16px;margin-bottom:16px}.sp-var{background:#1e293bcc;border:1px solid rgba(148,163,184,.2);padding:8px 16px;border-radius:12px;font-family:Fira Code,monospace;font-size:1.1rem;color:#e2e8f0}.sp-var span{color:#a855f7;font-weight:700}.sp-var--active{border-color:#a855f7;box-shadow:0 0 0 2px #a855f733}.sp-message{padding:16px;border-radius:18px;background:#1e293bd1;border:1px solid rgba(148,163,184,.24);font-size:.98rem;line-height:1.55;min-height:64px;color:#e2e8f0}.sp-message b{color:#fde68a}.sp-code-panel{position:sticky;top:80px;align-self:start}.sp-code-panel h2{margin:0 0 12px;font-size:1rem;font-family:Space Grotesk,sans-serif;color:#e2e8f0}.sp-pre{margin:0;background:#020617b8;color:#c4b5fd;padding:16px;border-radius:18px;overflow:auto;font-size:12.5px;line-height:1.6;border:1px solid rgba(148,163,184,.16);font-family:Fira Code,Cascadia Code,Consolas,monospace}.sp-line{display:block;padding:1px 8px;border-radius:8px;transition:background .2s;white-space:pre}.sp-line--on{background:#a855f733;color:#f3e8ff}@media(max-width:850px){.sp-hero,.sp-board{grid-template-columns:1fr}.sp-code-panel{position:static}}:root{--col-bg: #050810;--col-surface: #0d1117;--col-surface-2: #161b22;--col-border: rgba(255, 255, 255, .08);--col-text: #e6edf3;--col-muted: #8b949e;--col-primary: #6366F1;--col-primary-2: #818CF8;--col-accent: #10B981;--font-heading: "Space Grotesk", sans-serif;--font-body: "Inter", sans-serif;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2.5rem;--space-2xl: 4rem;--space-3xl: 6rem;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--ease-out: cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--col-bg);color:var(--col-text);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}.college-page{position:relative;min-height:100vh;isolation:isolate}.bg-grid{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background-image:linear-gradient(rgba(99,102,241,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(99,102,241,.04) 1px,transparent 1px);background-size:48px 48px;pointer-events:none}.bg-orbs{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;overflow:hidden}.orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:drift 14s ease-in-out infinite alternate}.orb-1{width:500px;height:500px;background:radial-gradient(circle,#6366F1 0%,transparent 70%);top:-150px;left:-150px;animation-delay:0s}.orb-2{width:400px;height:400px;background:radial-gradient(circle,#10B981 0%,transparent 70%);bottom:10%;right:-100px;animation-delay:-5s}.orb-3{width:300px;height:300px;background:radial-gradient(circle,#8B5CF6 0%,transparent 70%);top:40%;left:50%;animation-delay:-8s}@keyframes drift{0%{transform:translate(0) scale(1)}to{transform:translate(40px,-40px) scale(1.1)}}.college-nav{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-2xl);background:#050810b3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--col-border)}.college-nav__logo{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-heading);font-size:1.2rem;color:var(--col-text);text-decoration:none}.college-nav__logo strong{color:var(--col-primary-2)}.college-nav__badge{background:linear-gradient(135deg,var(--col-primary),var(--col-accent));color:#fff;font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:2px 8px;border-radius:100px;margin-left:4px}.college-nav__links{display:flex;align-items:center;gap:var(--space-xl)}.college-nav__link{color:var(--col-muted);text-decoration:none;font-size:.9rem;font-weight:500;transition:color .2s}.college-nav__link:hover{color:var(--col-text)}.college-btn{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-body);font-weight:600;font-size:.9rem;border:none;cursor:pointer;border-radius:var(--radius-md);padding:var(--space-sm) var(--space-lg);transition:all .25s var(--ease-out);white-space:nowrap}.college-btn--primary{background:linear-gradient(135deg,var(--col-primary) 0%,var(--col-primary-2) 100%);color:#fff;box-shadow:0 4px 24px #6366f166}.college-btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px #6366f199}.college-btn--ghost{background:transparent;color:var(--col-text);border:1px solid var(--col-border)}.college-btn--ghost:hover{border-color:#fff3;background:#ffffff0d}.college-btn--lg{font-size:1rem;padding:14px 32px;border-radius:var(--radius-lg)}.college-hero{max-width:900px;margin:0 auto;padding:var(--space-3xl) var(--space-xl);text-align:center}.college-hero__tag{display:inline-flex;align-items:center;gap:8px;background:#6366f11f;border:1px solid rgba(99,102,241,.3);color:var(--col-primary-2);font-size:.85rem;font-weight:600;padding:6px 16px;border-radius:100px;margin-bottom:var(--space-lg)}.college-hero__title{font-family:var(--font-heading);font-size:clamp(2.8rem,7vw,5rem);font-weight:700;line-height:1.1;letter-spacing:-.03em;margin-bottom:var(--space-lg);color:var(--col-text)}.gradient-text{background:linear-gradient(135deg,var(--col-primary) 0%,var(--col-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.college-hero__subtitle{font-size:1.15rem;color:var(--col-muted);max-width:600px;margin:0 auto var(--space-xl);line-height:1.7}.college-hero__cta{display:flex;align-items:center;justify-content:center;gap:var(--space-md);margin-bottom:var(--space-2xl);flex-wrap:wrap}.college-stats{display:flex;justify-content:center;gap:var(--space-2xl);flex-wrap:wrap;padding:var(--space-xl);background:#ffffff08;border:1px solid var(--col-border);border-radius:var(--radius-xl)}.college-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.college-stat__value{font-family:var(--font-heading);font-size:2rem;font-weight:700;background:linear-gradient(135deg,var(--col-primary-2),var(--col-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.college-stat__label{font-size:.8rem;color:var(--col-muted);font-weight:500;text-transform:uppercase;letter-spacing:.08em}.college-section{padding:var(--space-3xl) var(--space-2xl);max-width:1200px;margin:0 auto}.college-section__title{font-family:var(--font-heading);font-size:clamp(1.8rem,4vw,2.5rem);font-weight:700;text-align:center;margin-bottom:var(--space-sm);color:var(--col-text)}.college-section__subtitle{color:var(--col-muted);text-align:center;margin-bottom:var(--space-2xl);font-size:1.05rem}.college-subjects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-lg)}.college-subject-card{position:relative;padding:var(--space-xl);background:#ffffff08;border:1px solid var(--col-border);border-radius:var(--radius-xl);cursor:pointer;transition:all .35s var(--ease-out);overflow:hidden}.college-subject-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(circle at 30% 30%,var(--card-color, #6366F1) 0%,transparent 70%);opacity:0;transition:opacity .4s;pointer-events:none}.college-subject-card.is-hovered:before{opacity:.08}.college-subject-card.is-hovered{transform:translateY(-6px);border-color:#ffffff26;box-shadow:0 20px 60px #0006,0 0 40px color-mix(in srgb,var(--card-color, #6366F1) 15%,transparent)}.college-subject-card.is-soon{opacity:.6;cursor:default}.college-subject-card__soon{position:absolute;top:var(--space-md);right:var(--space-md);background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:var(--col-muted);font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:3px 10px;border-radius:100px}.college-subject-card__emoji{display:block;font-size:2.5rem;margin-bottom:var(--space-md)}.college-subject-card__name{font-family:var(--font-heading);font-size:1.2rem;font-weight:700;color:var(--col-text);margin-bottom:var(--space-xs)}.college-subject-card__desc{color:var(--col-muted);font-size:.9rem;margin-bottom:var(--space-lg);line-height:1.5}.college-subject-card__btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:var(--col-text);font-family:var(--font-body);font-size:.85rem;font-weight:600;padding:8px 20px;border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.college-subject-card__btn:hover{background:#ffffff1f;border-color:#fff3}.college-about{padding:var(--space-3xl) var(--space-2xl);background:#ffffff05;border-top:1px solid var(--col-border);border-bottom:1px solid var(--col-border)}.college-about__inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3xl);align-items:center}.college-about__text h2{font-family:var(--font-heading);font-size:clamp(1.8rem,3vw,2.4rem);font-weight:700;line-height:1.2;margin-bottom:var(--space-lg)}.college-about__text p{color:var(--col-muted);font-size:1rem;line-height:1.8;margin-bottom:var(--space-lg)}.college-features{list-style:none;display:flex;flex-direction:column;gap:var(--space-sm)}.college-features li{font-size:.95rem;color:var(--col-text);display:flex;align-items:center;gap:var(--space-sm)}.college-mockup{background:#ffffff0a;border:1px solid var(--col-border);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 40px 80px #00000080}.college-mockup__bar{display:flex;gap:6px;padding:12px 16px;background:#ffffff08;border-bottom:1px solid var(--col-border)}.college-mockup__bar span{width:10px;height:10px;border-radius:50%;background:#fff3}.college-mockup__bar span:nth-child(1){background:#ff5f56}.college-mockup__bar span:nth-child(2){background:#ffbd2e}.college-mockup__bar span:nth-child(3){background:#27c93f}.college-mockup__content{padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-lg)}.college-mockup__pill{display:inline-block;background:linear-gradient(135deg,#6366f133,#10b98126);border:1px solid rgba(99,102,241,.3);color:var(--col-primary-2);font-size:.9rem;font-weight:600;padding:6px 16px;border-radius:100px;width:fit-content}.college-mockup__progress{display:flex;flex-direction:column;gap:6px}.college-mockup__label{font-size:.85rem;color:var(--col-muted);font-weight:500}.college-mockup__bar-fill{height:8px;background:#ffffff0f;border-radius:100px;overflow:hidden}.college-mockup__bar-fill div{height:100%;background:linear-gradient(90deg,var(--col-primary),var(--col-accent));border-radius:100px;transition:width 1s var(--ease-out)}.college-mockup__score{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;color:var(--col-text)}.college-footer{text-align:center;padding:var(--space-2xl);color:var(--col-muted);font-size:.9rem;display:flex;flex-direction:column;gap:var(--space-sm)}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-up{animation:fadeSlideUp .7s var(--ease-out) forwards}.animate-up-2{animation-delay:.1s;animation-fill-mode:both}.animate-up-3{animation-delay:.2s;animation-fill-mode:both}.animate-up-4{animation-delay:.3s;animation-fill-mode:both}.animate-up-5{animation-delay:.45s;animation-fill-mode:both}@media(max-width:768px){.college-nav{padding:var(--space-md) var(--space-lg)}.college-nav__links{gap:var(--space-md)}.college-nav__link{display:none}.college-hero{padding:var(--space-2xl) var(--space-lg)}.college-stats{gap:var(--space-lg)}.college-section{padding:var(--space-2xl) var(--space-lg)}.college-about__inner{grid-template-columns:1fr;gap:var(--space-2xl)}}