html,body{background:#06111f!important;color:#eef6ff!important}.dm{max-width:1180px;margin:auto;padding:28px 18px 60px}.codester-showcase{min-height:520px;position:relative;overflow:hidden;display:grid;grid-template-columns:.9fr 1.25fr;align-items:center;gap:30px;padding:48px 44px;border:1px solid #153b5e;border-radius:26px;background:radial-gradient(circle at 78% 45%,#0b69aa55 0,transparent 33%),radial-gradient(circle at 10% 15%,#084a7b55 0,transparent 30%),linear-gradient(145deg,#020812,#06192a 58%,#03101e);box-shadow:0 30px 80px #0009}.codester-showcase:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#0c416022 1px,transparent 1px),linear-gradient(90deg,#0c416022 1px,transparent 1px);background-size:42px 42px;pointer-events:none}.show-copy,.show-device{position:relative;z-index:1}.show-copy h1{font-size:clamp(4rem,10vw,7.5rem);line-height:.8;margin:25px 0 14px;color:#fff;text-shadow:0 0 32px #168cff66}.show-copy h2{font-size:clamp(1.25rem,3vw,2.2rem);letter-spacing:.05em;margin:0;color:#eef8ff}.show-copy p{color:#93b9d5;max-width:500px;font-size:1.05rem}.show-features{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0}.show-features span{padding:8px 11px;border-radius:8px;background:#081a2a;border:1px solid #174a70;color:#63c1ff;font-size:.72rem;font-weight:900;letter-spacing:.08em}.show-device{perspective:1200px}.browser{overflow:hidden;border:1px solid #2873a5;border-radius:13px;background:#07121d;box-shadow:0 0 0 7px #07101a,0 35px 75px #000b,0 0 55px #148bd744;transform:rotateY(-5deg) rotateX(1deg)}.browserbar{height:32px;background:#0d1b28;display:flex;align-items:center;gap:6px;padding:0 10px;color:#7191a9;font-size:.68rem}.browserbar i{width:7px;height:7px;border-radius:50%;background:#2e5571}.browserbar b{margin-left:8px}.screen{display:grid;grid-template-columns:120px 1fr;min-height:330px;background:#071522}.side{display:flex;flex-direction:column;gap:9px;padding:15px;background:#08111b;border-right:1px solid #15334b;color:#83a8c1;font-size:.68rem}.side strong{font-size:1rem;color:#31aaff;margin-bottom:10px}.side small{color:#466b85;text-transform:uppercase;margin-top:8px}.side em{font-style:normal}.chat{position:relative;padding:16px;color:#b9d3e6}.chat>strong{color:#fff}.bubble{width:max-content;max-width:72%;margin-top:18px;background:#10283c;border-radius:9px;padding:9px 11px;font-size:.72rem}.bubble.me{margin-left:auto;background:#0b5790}.webcam{margin:20px auto;width:65%;aspect-ratio:16/9;border:1px solid #1b5f8e;border-radius:10px;background:radial-gradient(circle,#164667,#07131f 68%);display:grid;place-items:center;text-align:center;color:#55baff;font-size:2rem}.webcam small{font-size:.65rem;color:#8bb6d2}.input{position:absolute;left:16px;right:16px;bottom:14px;background:#0b1d2b;border:1px solid #183d59;border-radius:8px;padding:9px;color:#54758c;font-size:.68rem}.tag{display:inline-flex;gap:8px;align-items:center;background:#0d304d;border:1px solid #21577f;border-radius:999px;padding:7px 12px;color:#79c6ff;font-weight:800;font-size:.78rem}.actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:24px}.dm a.b{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:12px 17px!important;border-radius:11px!important;text-decoration:none!important;font-weight:850!important}.dm a.primary{background:#168cff!important;color:#fff!important}.dm a.secondary{background:#0c1d2d!important;color:#dff1ff!important;border:1px solid #244762!important}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0;padding:0!important}.stat,.card{background:#0a1827!important;border:1px solid #193a56!important;border-radius:17px;padding:20px}.stat strong{display:block;font-size:1.5rem;color:#fff}.stat span,.card p{color:#91adc4}.section{margin-top:34px}.section h2{font-size:1.7rem;color:#fff;margin-bottom:6px}.section>p{color:#91adc4}.dm .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:stretch}.card h3{margin:8px 0;color:#f5faff}.ico{font-size:1.5rem}.state{font-size:.72rem;font-weight:900;color:#64c1ff;text-transform:uppercase;letter-spacing:.08em}.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.step{background:#081521;border:1px solid #183850;border-radius:14px;padding:16px;color:#b6c9d9}.step b{color:#fff;display:block;margin-bottom:5px}.notice{margin-top:30px;background:#0b2133;border:1px solid #225170;border-radius:16px;padding:18px;color:#a9c7dd}.notice strong{color:#fff}@media(max-width:800px){.dm{padding:16px 12px 45px}.codester-showcase{grid-template-columns:1fr;padding:30px 20px;min-height:auto}.show-copy{text-align:center}.show-copy p{margin-left:auto;margin-right:auto}.show-features,.actions{justify-content:center}.show-device{margin:8px auto 0;width:94%}.browser{transform:none}.screen{min-height:270px;grid-template-columns:90px 1fr}.side{padding:10px}.webcam{width:78%}.actions{display:grid;grid-template-columns:1fr;gap:10px}.dm a.b{width:100%;box-sizing:border-box}.stats{grid-template-columns:1fr 1fr}.dm .grid{grid-template-columns:1fr}.flow{grid-template-columns:1fr 1fr}}@media(max-width:430px){.dm{padding:12px 10px 40px}.stats,.flow{grid-template-columns:1fr}.codester-showcase{padding:24px 14px}.show-copy h1{font-size:4.3rem}.show-copy h2{font-size:1.08rem}.show-features{gap:5px}.show-features span{font-size:.62rem;padding:7px}.show-device{width:100%}.screen{grid-template-columns:72px 1fr;min-height:235px}.side{font-size:.55rem;gap:6px}.chat{padding:10px}.bubble{font-size:.58rem}.webcam{margin-top:14px}.input{left:10px;right:10px;bottom:9px}}