:root{--ink:#10233f;--muted:#607087;--blue:#176bff;--cyan:#26c9d8;--bg:#f5f8fc;--line:#dce5ef;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,system-ui,sans-serif;color:var(--ink);background:var(--white)}a{color:inherit}.nav{height:78px;max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px}.brand{font-size:20px;font-weight:800;text-decoration:none;display:flex;align-items:center;gap:10px}.brand-mark{display:grid;place-items:center;width:33px;height:33px;border-radius:10px;background:linear-gradient(135deg,var(--blue),var(--cyan));color:white}.nav nav{display:flex;gap:24px;align-items:center}.nav nav a{text-decoration:none;font-weight:600}.nav form{margin:0}.button{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:10px;padding:14px 22px;background:var(--blue);color:#fff;text-decoration:none;font:700 14px Manrope;cursor:pointer;box-shadow:0 8px 25px #176bff30}.button.small{padding:10px 16px}.button.ghost{background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:none}.button.light{background:white;color:var(--blue)}.button.full{width:100%}.link-btn{border:0;background:none;font:600 14px Manrope;cursor:pointer;color:var(--muted)}.hero{padding:100px 24px 80px;text-align:center;background:radial-gradient(circle at 50% 0,#eaf4ff 0,white 55%)}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.17em;color:var(--blue)}.hero h1,.auth-copy h1{font-size:clamp(48px,7vw,84px);line-height:1.02;letter-spacing:-.055em;margin:20px 0}.hero h1 span,.auth-copy h1 span{color:var(--blue)}.hero>p{max-width:670px;margin:0 auto 30px;color:var(--muted);font-size:18px;line-height:1.7}.actions{display:flex;justify-content:center;gap:12px}.trust{display:flex;justify-content:center;gap:30px;margin-top:40px;color:#708095;font-size:12px}.trust span::first-letter{color:#38bf8b}.device-preview{padding:0 24px 90px;background:linear-gradient(white 40%,var(--bg) 40%)}.window{max-width:1040px;margin:auto;border:1px solid #cfdbe8;border-radius:18px;overflow:hidden;background:white;box-shadow:0 30px 80px #17385a26}.window-bar{height:50px;background:#f4f7fa;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 18px;gap:7px;font-size:11px}.window-bar i{width:9px;height:9px;border-radius:50%;background:#c5d0da}.window-bar b{margin-left:12px}.window-bar em{margin-left:auto;color:#239b73;font-style:normal}.window-body{display:grid;grid-template-columns:200px 1fr;min-height:380px}.window aside{padding:25px 15px;background:#f9fbfd;display:flex;flex-direction:column;gap:8px}.window aside strong{margin:0 10px 18px}.window aside span{padding:10px;border-radius:8px;font-size:12px}.window aside .active{background:#e8f1ff;color:var(--blue);font-weight:700}.computer-list{padding:30px}.list-head{display:flex;justify-content:space-between;align-items:center}.list-head small{color:var(--blue);font-weight:800}.list-head h2{margin:5px 0 22px}.list-head button,.computer-list article>button{border:0;border-radius:7px;background:var(--blue);color:white;padding:9px 12px}.computer-list article{display:grid;grid-template-columns:auto 1fr auto auto;gap:14px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:15px;margin:10px 0}.computer-list article small{display:block;color:var(--muted);margin-top:4px}.pc-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:#eaf2ff;color:var(--blue)}.online{color:#179a6a;font-size:12px}.offline{color:#8996a8;font-size:12px}.features{max-width:1100px;margin:auto;padding:90px 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.features span{color:var(--blue);font-size:12px;font-weight:800}.features h3{font-size:20px}.features p{color:var(--muted);line-height:1.7}.cta{max-width:1100px;margin:0 auto 90px;border-radius:24px;padding:55px 65px;background:linear-gradient(120deg,#105de5,#1683f1);color:white;display:flex;align-items:center;justify-content:space-between}.cta h2{font-size:36px;line-height:1.2;margin:12px 0 0}.cta small{letter-spacing:.14em}.auth{min-height:calc(100vh - 150px);display:grid;grid-template-columns:1fr 440px;gap:90px;align-items:center;max-width:1050px;margin:auto;padding:60px 24px}.auth-copy h1{font-size:58px}.auth-copy p{color:var(--muted);line-height:1.7;max-width:450px}.card{border:1px solid var(--line);border-radius:18px;padding:36px;box-shadow:0 22px 60px #17385a14}.card h2{font-size:28px;margin:0}.card>p{color:var(--muted);font-size:13px;margin-bottom:28px}.card a{color:var(--blue);font-weight:700}.card label,.add-device label{display:block;font-size:12px;font-weight:700;margin:17px 0}.card input,.add-device input,.add-device select{width:100%;margin-top:7px;padding:13px;border:1px solid #cdd9e5;border-radius:9px;font:14px Manrope;outline:none}.card input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #176bff18}.card label small{display:block;color:var(--muted);margin-top:5px}.flash{max-width:800px;margin:12px auto;padding:13px 18px;border-radius:9px}.flash.error{background:#fff0f0;color:#a62424}.flash.success{background:#e9fbf4;color:#167452}.dashboard{max-width:1120px;margin:auto;padding:65px 24px 100px}.dash-head{display:flex;justify-content:space-between;align-items:end}.dash-head h1{font-size:42px;margin:10px 0 5px}.dash-head p{color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:32px 0}.stats div{background:var(--bg);border:1px solid var(--line);padding:20px;border-radius:12px}.stats small{color:var(--muted);font-weight:700}.stats b{display:block;font-size:28px;margin-top:5px}.add-device{display:grid;grid-template-columns:2fr 1fr auto;align-items:end;gap:15px;background:#f8fbff;border:1px solid var(--line);padding:14px 20px;border-radius:12px;margin-bottom:26px}.add-device label{margin:0}.device-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.device-card{padding:22px;border:1px solid var(--line);border-radius:14px}.device-top,.device-actions{display:flex;justify-content:space-between;align-items:center}.device-card h3{margin:20px 0 6px}.device-card code{color:var(--blue)}.device-card p{font-size:12px;color:var(--muted);min-height:36px}.device-actions{margin-top:20px}.device-actions button{border:0;border-radius:7px;padding:9px 13px}.device-actions .danger{background:#fff0f0;color:#a62424;cursor:pointer}.device-actions form{margin:0}.empty{grid-column:1/-1;text-align:center;padding:70px;background:var(--bg);border-radius:15px}.empty>span{font-size:32px;color:var(--blue)}.status-page{text-align:center;padding:120px 20px}.status-page>span{font-size:80px;font-weight:800;color:#dbe7f6}.status-page h1{font-size:36px}footer{max-width:1100px;margin:auto;border-top:1px solid var(--line);padding:30px 24px;display:flex;justify-content:space-between;color:var(--muted);font-size:12px}@media(max-width:750px){.nav nav>a:first-child{display:none}.hero{padding-top:70px}.hero h1{font-size:52px}.trust{flex-direction:column;gap:10px}.window-body{grid-template-columns:1fr}.window aside{display:none}.computer-list{padding:18px}.computer-list article{grid-template-columns:auto 1fr}.computer-list article>.online,.computer-list article>.offline,.computer-list article>button{display:none}.features{grid-template-columns:1fr}.cta{margin:0 18px 60px;padding:38px 28px;display:block}.cta .button{margin-top:25px}.auth{grid-template-columns:1fr;gap:30px}.auth-copy h1{font-size:45px}.dash-head{display:block}.dash-head .button{margin-top:15px}.stats{grid-template-columns:repeat(3,1fr)}.add-device{grid-template-columns:1fr}.device-grid{grid-template-columns:1fr}footer{display:block}footer span{display:block;margin:6px 0}}