:root{--blue:#0061ff;--ink:#111827;--muted:#64748b;--line:#dbe3ee;--bg:#f6f8fc}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.landing{background:radial-gradient(circle at 65% 10%,#d9e9ff,#0000 34%),#f8fbff;min-height:100vh}.landing nav,.workspace header{align-items:center;gap:18px;max-width:1180px;margin:auto;padding:24px;display:flex}.landing nav span{color:var(--muted);flex:1}.hero{max-width:900px;margin:80px auto;padding:24px}.eyebrow{letter-spacing:.12em;color:var(--blue);margin:0 0 12px;font-size:.72rem;font-weight:800}.hero h1{letter-spacing:-.07em;margin:0;font-size:clamp(3rem,8vw,6rem);line-height:.97}.hero>p:not(.eyebrow){max-width:680px;color:var(--muted);font-size:1.25rem;line-height:1.6}.actions{gap:12px;margin-top:32px;display:flex}.button{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:10px;padding:12px 18px;font-weight:700;display:inline-block}.button.ghost{color:var(--blue);background:#fff;border:1px solid #cbd8ee}.features{grid-template-columns:repeat(3,1fr);gap:18px;max-width:1180px;margin:auto;padding:24px 24px 80px;display:grid}.features article,.card{border:1px solid var(--line);background:#fff;border-radius:16px;padding:24px}.features b{color:var(--blue)}.features h2{margin:.7rem 0}.features p,.card p{color:var(--muted);line-height:1.55}.centered{place-items:center;min-height:100vh;padding:24px;display:grid}.form{gap:14px;width:min(100%,460px);display:grid}.form h1,.form h2{margin:0}.form label{gap:7px;font-size:.9rem;font-weight:700;display:grid}.form input,.form textarea,.form select{border:1px solid var(--line);background:#fff;border-radius:9px;padding:11px}.error{font-weight:700;color:#c21d16!important}.workspace{max-width:1180px;margin:auto;padding:0 24px 60px}.workspace header{justify-content:space-between;padding:28px 0}.workspace header h1{margin:0}.workspace header nav{align-items:center;gap:18px;display:flex}.link-button{color:var(--blue);cursor:pointer;background:0 0;border:0}.video-grid,.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.video-card{color:#fff;background:#101a30;border-radius:16px;padding:24px}.video-card span,.video-card p{color:#b9c5dc}.video-card h2{margin:14px 0 8px}.stats{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px;display:grid}.stats article{border:1px solid var(--line);background:#fff;border-radius:14px;gap:5px;padding:20px;display:grid}.stats b{font-size:2rem}.stats span{color:var(--muted)}.table{margin-top:18px}.table h2{margin-top:0}.row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;padding:14px 0;display:flex}.row small{color:var(--muted);margin-top:4px;display:block}.row code{background:#f1f5f9;border-radius:6px;max-width:65%;padding:8px;font-size:.7rem;overflow:auto}.player-page{color:#eff6ff;background:#09111f;min-height:100vh;padding:clamp(12px,3vw,40px)}.player-header{max-width:1400px;margin:0 auto 18px}.player-header h1{margin:0;font-size:1.35rem}.player-layout{grid-template-columns:minmax(0,1fr) 360px;gap:18px;max-width:1400px;margin:auto;display:grid}.player-shell{background:#000;border-radius:14px;min-height:300px;overflow:hidden}.chat{background:#101d33;border:1px solid #263a59;border-radius:14px;flex-direction:column;min-height:450px;padding:16px;display:flex}.messages{flex:1;align-content:start;gap:12px;display:grid;overflow:auto}.message{background:#172942;border-radius:10px;padding:10px;line-height:1.4}.message.user{background:#0061ff}.chat form{gap:8px;margin-top:12px;display:flex}.chat input{color:#fff;background:#0c1728;border:1px solid #415573;border-radius:9px;flex:1;min-width:0;padding:10px}.chat button{padding:10px}.jump{color:#9dc3ff;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.heatmap{background:#1e2d45;gap:1px;height:5px;display:flex}.heatmap i{background:#2757a6;flex:1}.heatmap i.hot{background:#ff7a59}.interaction{color:#111827;background:#fff;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;margin:12px;padding:12px;display:flex}.interaction button{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:7px;padding:8px}@media (max-width:760px){.features,.player-layout,.admin-grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.hero{margin:40px auto}.player-page{padding:12px}.chat{min-height:320px}.row{display:block}.row code{max-width:100%;margin-top:8px;display:block}.landing nav{flex-wrap:wrap}}