:root{--bg:#08090d;--panel:rgba(18,20,29,.78);--panel2:rgba(25,28,39,.72);--text:#f6f7fb;--muted:#a4a8b8;--line:rgba(255,255,255,.09);--cyan:#41e8ff;--pink:#ff4fd8;--yellow:#ffe24a;--radius:22px}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(circle at 12% 12%,rgba(65,232,255,.14),transparent 28%),radial-gradient(circle at 86% 20%,rgba(255,79,216,.12),transparent 28%),#08090d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.shell{width:min(1120px,calc(100% - 32px));margin:0 auto}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-weight:900;letter-spacing:.22em}.brand-dot{color:var(--cyan);text-shadow:0 0 18px var(--cyan)}.btn{border:1px solid var(--line);border-radius:999px;padding:11px 17px;background:rgba(255,255,255,.04);color:var(--text);cursor:pointer}.btn.primary{background:linear-gradient(135deg,var(--cyan),#7a8cff 55%,var(--pink));color:#071015;border:0;font-weight:800}.hero{min-height:720px;display:grid;grid-template-columns:1.06fr .94fr;grid-gap:70px;gap:70px;align-items:center;padding:70px 0 90px}.kicker{text-transform:uppercase;letter-spacing:.18em;color:var(--cyan);font-size:12px;font-weight:800}h1{font-size:clamp(52px,8vw,92px);line-height:.94;letter-spacing:-.055em;margin:18px 0 24px}.lede{color:var(--muted);font-size:clamp(18px,2vw,22px);line-height:1.55;max-width:650px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.frame-wrap{display:flex;justify-content:center}.frame{width:min(430px,90vw);aspect-ratio:1;border-radius:38px;padding:20px;background:linear-gradient(145deg,#20232b,#090a0e);box-shadow:0 40px 110px rgba(0,0,0,.5),0 0 100px rgba(65,232,255,.08)}.matrix{width:100%;height:100%;border-radius:22px;overflow:hidden;position:relative;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 0),#050608;background-size:6px 6px;display:flex;align-items:center;justify-content:center}.card-pixel{width:78%;min-height:56%;border:4px solid var(--cyan);border-radius:13px;padding:22px;box-shadow:0 0 24px rgba(65,232,255,.22);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.card-pixel .label{color:var(--yellow);font-size:13px;font-weight:900;letter-spacing:.18em}.card-pixel h3{font-size:30px;margin:14px 0;letter-spacing:.08em}.card-pixel p{font-size:15px;line-height:1.55;color:#fff}.section{padding:70px 0;border-top:1px solid var(--line)}.grid3{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px}.panel{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:var(--radius);padding:24px}.panel h3{margin:4px 0 10px}.muted{color:var(--muted)}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:32px}.login-card{width:min(470px,100%)}.input{width:100%;padding:14px 15px;color:var(--text);background:#0d0f15;border:1px solid var(--line);border-radius:12px;outline:none}.form-stack{display:grid;grid-gap:12px;gap:12px}.dashboard{padding:38px 0 80px}.dashboard-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:26px}.device-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.device-card{min-height:170px;display:flex;flex-direction:column;justify-content:space-between}.status{display:inline-flex;align-items:center;gap:7px;color:#aef8c3;font-size:13px}.status:before{content:"";width:8px;height:8px;border-radius:50%;background:#5cff87;box-shadow:0 0 12px #5cff87}.toolbar{display:flex;gap:8px;flex-wrap:wrap}.tool{padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--muted)}.tool.active{color:#071015;background:var(--cyan);font-weight:800}.preview{aspect-ratio:1;width:min(360px,100%);border-radius:30px;padding:18px;background:linear-gradient(145deg,#20232b,#08090d)}.preview-inner{width:100%;height:100%;border-radius:17px;background:#030406;display:grid;place-items:center;padding:32px;text-align:center}.control-grid{display:grid;grid-template-columns:.9fr 1.1fr;grid-gap:20px;gap:20px}footer{padding:28px 0 50px;color:var(--muted);font-size:13px}@media (max-width:820px){.hero{grid-template-columns:1fr;gap:38px;min-height:auto;padding-top:50px}.hero-copy{text-align:center}.lede{margin-inline:auto}.actions{justify-content:center}.control-grid,.device-grid,.grid3{grid-template-columns:1fr}.dashboard-head{align-items:flex-start;flex-direction:column}}