.student-product-demo{min-height:100vh;background:radial-gradient(900px 420px at 12% 0,rgba(41,211,194,.16),transparent 62%),radial-gradient(760px 420px at 92% 4%,rgba(180,155,255,.15),transparent 58%),#06131c;color:#f4fbff;font-family:Manrope,Segoe UI,system-ui,sans-serif}.student-product-header{position:sticky;top:0;z-index:100;display:flex;min-height:56px;align-items:center;justify-content:space-between;gap:14px;padding:0 24px;border-bottom:1px solid rgba(141,228,255,.1);background:rgba(6,19,28,.94);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.student-product-brand{display:flex;align-items:center;gap:9px;color:#f4fbff;font-weight:900}.student-product-mark{width:9px;height:9px;border-radius:999px;background:linear-gradient(135deg,#29d3c2,#b49bff);box-shadow:0 0 18px rgba(41,211,194,.52)}.student-product-nav{display:flex;flex-wrap:wrap;gap:8px}.student-product-nav a{min-height:34px;padding:8px 11px;border:1px solid rgba(244,251,255,.1);border-radius:999px;color:rgba(244,251,255,.68);background:rgba(255,255,255,.035);font-size:12px;font-weight:850;text-decoration:none}.student-product-nav a:focus-visible,.student-product-nav a:hover{color:#f4fbff;border-color:rgba(101,216,255,.32)}.student-product-body{display:grid;gap:22px;max-width:1420px;margin:0 auto;padding:28px 24px 64px}.student-product-hero{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.74fr);gap:18px;align-items:stretch}.student-product-hero-copy{display:grid;align-content:center;gap:16px;min-height:420px;border:1px solid rgba(141,228,255,.12);border-radius:28px;padding:34px;background:linear-gradient(145deg,rgba(11,28,42,.92),rgba(13,22,38,.86)),rgba(255,255,255,.03);box-shadow:0 30px 80px rgba(0,0,0,.32)}.student-product-kicker,.student-product-section-kicker{margin:0;color:#65d8ff;font-size:11px;font-weight:950;letter-spacing:.1em;text-transform:uppercase}.student-product-hero h1{max-width:930px;margin:0;color:#f8fcff;font-size:clamp(42px,7vw,84px);line-height:.94;letter-spacing:0}.student-product-lead{max-width:770px;margin:0;color:rgba(244,251,255,.66);font-size:17px;line-height:1.66}.student-product-actions{display:flex;flex-wrap:wrap;gap:9px}.student-product-proof{display:grid;gap:14px;border:1px solid rgba(141,228,255,.12);border-radius:28px;padding:22px;background:linear-gradient(145deg,rgba(16,40,58,.9),rgba(8,22,34,.9)),rgba(255,255,255,.03);box-shadow:0 30px 80px rgba(0,0,0,.26)}.student-product-proof-grid{display:grid;gap:10px}.student-product-proof-card{display:grid;gap:6px;border:1px solid rgba(244,251,255,.09);border-radius:16px;padding:13px;background:rgba(255,255,255,.04)}.student-product-proof-card strong{color:#f8fcff;font-size:26px;line-height:1}.student-product-proof-card span{color:rgba(244,251,255,.58);font-size:12px;line-height:1.45}.student-product-switch{display:flex;gap:8px;align-items:center;padding:6px;border:1px solid rgba(244,251,255,.1);border-radius:999px;background:rgba(255,255,255,.04)}.student-product-switch button{min-height:34px;border:0;border-radius:999px;padding:8px 12px;color:rgba(244,251,255,.6);background:transparent;cursor:pointer;font:inherit;font-size:12px;font-weight:900}.student-product-switch button[data-active=true]{color:#06131c;background:linear-gradient(135deg,#29d3c2,#9bea64)}.student-product-before{display:grid;gap:16px;grid-template-columns:minmax(280px,.55fr) minmax(0,1fr);border:1px solid rgba(244,251,255,.1);border-radius:28px;padding:22px;background:rgba(255,255,255,.035)}.student-product-before-copy h2,.student-product-surface-intro h2{margin:8px 0 0;color:#f8fcff;font-size:clamp(28px,4vw,48px);line-height:1}.student-product-before-copy p,.student-product-surface-intro p{margin:12px 0 0;color:rgba(244,251,255,.62);line-height:1.6}.student-product-raw-window{display:grid;gap:10px;border:2px solid #777;border-radius:6px;padding:16px;color:#1f1f1f;background:#fff;font-family:Arial,sans-serif}.student-product-raw-window h3{margin:0;color:#064f9e;font-size:22px}.student-product-raw-window button,.student-product-raw-window input{border:1px solid #777;border-radius:3px;padding:7px;background:#f2f2f2;font:inherit}.student-product-raw-window table{border-collapse:collapse;width:100%}.student-product-raw-window td,.student-product-raw-window th{border:1px solid #d0d0d0;padding:7px;font-size:13px;text-align:left}.student-product-shell-grid{display:grid;gap:14px}.student-product-kpis{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.student-product-kpi{display:grid;gap:6px;border:1px solid rgba(141,228,255,.12);border-radius:18px;padding:16px;background:rgba(255,255,255,.045)}.student-product-kpi span{color:rgba(244,251,255,.54);font-size:11px;font-weight:900;text-transform:uppercase}.student-product-kpi strong{color:#f8fcff;font-size:32px;line-height:1}.student-product-kpi small{color:#9bea64;font-size:12px;font-weight:850}.student-product-workspace{display:grid;gap:14px;grid-template-columns:minmax(0,1.2fr) minmax(320px,.55fr)}.student-product-panel{display:grid;gap:14px;border:1px solid rgba(141,228,255,.12);border-radius:22px;padding:16px;background:rgba(255,255,255,.035)}.student-product-panel-head{display:flex;justify-content:space-between;gap:12px;align-items:start}.student-product-panel h3,.student-product-panel-head h2{margin:0;color:#f8fcff}.student-product-panel-head p{margin:6px 0 0;color:rgba(244,251,255,.58);line-height:1.5}.student-product-filter-row{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(160px,1fr))}.student-product-subjects{display:grid;gap:10px}.student-product-subject-card{display:grid;gap:8px;border:1px solid rgba(244,251,255,.09);border-radius:16px;padding:12px;background:rgba(255,255,255,.035)}.student-product-subject-card div{display:flex;justify-content:space-between;gap:10px}.student-product-subject-card h4,.student-product-subject-card p{margin:0}.student-product-subject-card h4{color:#f8fcff}.student-product-subject-card p{color:rgba(244,251,255,.55);font-size:12px}.student-product-progress{overflow:hidden;height:7px;border-radius:999px;background:rgba(244,251,255,.08)}.student-product-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#29d3c2,#9bea64)}.student-product-top-list{display:grid;gap:8px}.student-product-top-list article{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid rgba(244,251,255,.08);border-radius:14px;padding:10px;background:rgba(255,255,255,.035)}.student-product-rank{display:grid;width:34px;height:34px;place-items:center;border-radius:12px;color:#06131c;background:linear-gradient(135deg,#65d8ff,#b49bff);font-size:12px;font-weight:950}.student-product-top-list strong{display:block;color:#f8fcff}.student-product-top-list span{color:rgba(244,251,255,.56);font-size:12px}.student-product-lab{display:grid;gap:14px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);border:1px solid rgba(141,228,255,.12);border-radius:28px;padding:22px;background:rgba(255,255,255,.035)}.student-product-quality{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.student-product-quality article{display:grid;gap:10px;border:1px solid rgba(244,251,255,.09);border-radius:18px;padding:16px;background:rgba(255,255,255,.035)}.student-product-quality i{width:28px;height:5px;border-radius:999px;background:linear-gradient(90deg,#29d3c2,#b49bff)}.student-product-quality h3,.student-product-quality p{margin:0}.student-product-quality h3{color:#f8fcff}.student-product-quality p{color:rgba(244,251,255,.58);line-height:1.55}@media (max-width:1180px){.student-product-hero,.student-product-lab,.student-product-workspace{grid-template-columns:1fr}}@media (max-width:840px){.student-product-header{position:relative;flex-direction:column;align-items:flex-start;padding:14px}.student-product-body{padding:18px 14px 44px}.student-product-hero-copy{min-height:auto;padding:22px}.student-product-before,.student-product-filter-row,.student-product-kpis,.student-product-quality{grid-template-columns:1fr}}