:root{--ink:#12243a;--nav:#0b2032;--green:#20c997;--green2:#087e60;--muted:#6d8095;--line:#dce8eb;--bg:#f4f8f8;--card:#fff;--red:#d84f58}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:radial-gradient(circle at 88% 4%,#d8f9ef 0,transparent 30rem),linear-gradient(180deg,#f8fbfb,#eef5f6);font:16px/1.5 Inter,Segoe UI,Arial,sans-serif}.topbar{height:82px;display:flex;align-items:center;gap:38px;padding:0 max(5vw,28px);background:#ffffffdc;border-bottom:1px solid #dce7e9;backdrop-filter:blur(18px);position:relative;z-index:4}.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--green2);font-size:11px;font-weight:900;letter-spacing:.18em}.logo img{width:134px;height:54px;object-fit:contain}.topbar nav{display:flex;gap:28px;margin-left:auto}.topbar nav a{color:#52657a;text-decoration:none;font-weight:700;font-size:14px}.admin-link,.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:12px 18px;text-decoration:none;font-weight:850;border:0;cursor:pointer;font:inherit}.admin-link,.primary{color:#06251b;background:linear-gradient(135deg,#2bd5a4,#16b987);box-shadow:0 10px 26px #20c99730}.secondary{color:var(--ink);background:#fff;border:1px solid #cddde1}.hero{min-height:700px;display:grid;grid-template-columns:minmax(0,1fr) minmax(460px,.95fr);align-items:center;gap:70px;max-width:1500px;margin:auto;padding:76px max(5vw,32px) 95px}.eyebrow{margin:0 0 12px;color:var(--green2);font-size:12px;font-weight:950;letter-spacing:.18em}.hero h1{margin:0;font-size:clamp(50px,6.2vw,92px);line-height:.98;letter-spacing:-.055em}.hero h1 em{color:var(--green2);font-style:normal}.lead{max-width:670px;color:#5e7186;font-size:20px;margin:28px 0}.hero-actions{display:flex;gap:12px;margin-bottom:28px}.trust{display:flex;flex-wrap:wrap;gap:20px;color:#667b8d;font-size:13px}.trust span::first-letter{color:var(--green)}.hero-visual{position:relative;min-height:510px;display:grid;place-items:center}.glow{position:absolute;width:540px;height:540px;border-radius:50%;background:#26d3a01c;filter:blur(15px)}.screen{position:relative;width:min(690px,100%);height:430px;border:9px solid #10283d;border-radius:28px;background:white;box-shadow:0 38px 80px #19364c28;overflow:hidden;transform:perspective(1100px) rotateY(-5deg) rotateX(2deg)}.screen-top{height:58px;background:#102f45;color:#fff;display:flex;align-items:center;gap:9px;padding:8px 18px}.screen-top img{width:38px;height:38px}.screen-top b{margin-right:auto}.screen-top i{width:10px;height:10px;border-radius:50%;background:#2fd5a6}.screen-body{height:calc(100% - 58px);display:grid;grid-template-columns:90px 1fr}.screen-body aside{background:#0d2032;padding:26px 16px}.screen-body aside span{display:block;height:28px;margin-bottom:14px;border-radius:8px;background:#1d3a50}.screen-body>div{padding:30px}.screen-body small{color:var(--green2);font-weight:900}.screen-body h3{font-size:27px;margin:2px 0 28px}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.metric-row article{padding:17px 12px;border:1px solid var(--line);border-radius:14px;background:#f9fcfc}.metric-row b,.metric-row span{display:block}.metric-row b{font-size:21px}.metric-row span{font-size:11px;color:var(--muted)}.chart{height:135px;margin-top:20px;display:flex;align-items:end;gap:14px;padding:16px;border-radius:15px;background:#edf8f5}.chart i{flex:1;border-radius:8px 8px 3px 3px;background:linear-gradient(#2cd5a5,#128b69)}.chart i:nth-child(1){height:28%}.chart i:nth-child(2){height:52%}.chart i:nth-child(3){height:38%}.chart i:nth-child(4){height:75%}.chart i:nth-child(5){height:58%}.chart i:nth-child(6){height:90%}.chart i:nth-child(7){height:78%}.float-card{position:absolute;right:-15px;bottom:20px;padding:17px 22px;border:1px solid #dce8e8;border-radius:16px;background:#fff;box-shadow:0 20px 50px #14324824}.float-card strong,.float-card span{display:block}.float-card span{color:var(--green2);font-size:12px;margin-top:4px}.features{padding:100px max(5vw,32px);background:#fff}.section-title{max-width:760px;margin:0 auto 48px;text-align:center}.section-title h2,.security h2,.cta h2{font-size:clamp(34px,4vw,54px);line-height:1.08;letter-spacing:-.04em;margin:0}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:1450px;margin:auto}.feature-grid article{padding:30px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#fff,#f6fbfa);box-shadow:0 14px 35px #1834490b}.feature-grid article>b{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#daf8ee;color:var(--green2)}.feature-grid h3{font-size:21px;margin:25px 0 8px}.feature-grid p,.security p,.cta p{color:var(--muted)}.security{max-width:1400px;margin:90px auto;padding:55px;display:grid;grid-template-columns:1fr 1fr;gap:80px;border-radius:28px;background:#102d42;color:#fff;box-shadow:0 30px 70px #14314822}.security p{color:#b6c6d1;font-size:18px}.security-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}.security-list span{padding:19px;border:1px solid #ffffff16;border-radius:15px;background:#ffffff09;font-weight:750}.security-list span::before{content:"✓";color:#4be2b5;margin-right:10px}.cta{max-width:1400px;margin:0 auto 90px;padding:45px;display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center;border:1px solid #bfe7db;border-radius:26px;background:linear-gradient(135deg,#e8fbf5,#fff)}.cta img{width:92px;height:92px}footer{min-height:120px;padding:25px max(5vw,32px);display:flex;align-items:center;justify-content:space-between;background:#0c2032;color:#96a9b9}footer img{width:128px}
.hidden{display:none!important}.admin-page{min-height:100vh}.admin-top{justify-content:space-between}.admin-main{max-width:1450px;margin:auto;padding:56px max(4vw,24px)}.login-card{width:min(480px,100%);margin:6vh auto;padding:42px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 25px 70px #17354b18;text-align:center}.login-card>img{width:94px}.login-card h1{font-size:36px;margin:0}.login-card>p:not(.eyebrow){color:var(--muted)}.login-card form{display:grid;gap:16px;margin-top:30px;text-align:left}.login-card label,.form-grid label{display:grid;gap:7px;font-weight:800;color:#40556a}.login-card input,.form-grid input{width:100%;padding:14px;border:1px solid #cbdcdf;border-radius:12px;font:inherit}.dashboard-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:30px}.dashboard-head h1{font-size:42px;margin:0}.dashboard-head p:last-child{color:var(--muted);margin-bottom:0}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:25px}.summary article{padding:24px;border:1px solid var(--line);border-radius:18px;background:#fff}.summary small,.summary strong{display:block}.summary small{color:var(--muted);font-weight:700}.summary strong{font-size:28px;margin-top:7px}.client-grid{display:grid;gap:12px}.client-card{display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:18px;padding:20px;border:1px solid var(--line);border-radius:17px;background:#fff}.client-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:16px;background:linear-gradient(145deg,#2bd5a4,#149d75);color:#073528;font-size:26px;font-weight:950}.client-card h3{margin:0}.client-card a{color:var(--green2);font-weight:800;text-decoration:none}.client-card p{margin:4px 0 0;color:var(--muted);font-size:13px}.status{padding:7px 11px;border-radius:99px;background:#edf1f3;color:#5b6b7b;font-size:12px;font-weight:850}.status.healthy{background:#d9f8ed;color:#087355}.status.unhealthy,.status.missing{background:#ffe5e7;color:#a9343b}.empty{padding:70px;text-align:center;border:1px dashed #bed3d7;border-radius:20px;color:var(--muted)}.empty b,.empty span{display:block}.empty b{color:var(--ink);font-size:20px}dialog{width:min(760px,94vw);border:0;border-radius:24px;padding:0;box-shadow:0 35px 90px #07152266}dialog::backdrop{background:#081522c9;backdrop-filter:blur(4px)}dialog form{position:relative;padding:34px}dialog h2{font-size:31px;margin:0}.dialog-lead{color:var(--muted)}.dialog-close{position:absolute;right:18px;top:14px;border:0;background:#edf4f5;width:38px;height:38px;border-radius:50%;font-size:24px;cursor:pointer}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:24px}.domain-input{display:flex;align-items:center;border:1px solid #cbdcdf;border-radius:12px;background:#f6f9fa;overflow:hidden}.domain-input input{border:0;border-radius:0}.domain-input span{padding-right:12px;color:#687c8e;font-size:13px;white-space:nowrap}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:28px}.error{color:var(--red);font-weight:750}button:disabled{opacity:.6;cursor:wait}#toast{position:fixed;right:28px;bottom:28px;padding:14px 18px;border-radius:12px;background:#102d42;color:#fff;box-shadow:0 15px 38px #0d203244;opacity:0;transform:translateY(12px);transition:.2s;pointer-events:none}#toast.show{opacity:1;transform:none}#toast.bad{background:#a9343b}
@media(max-width:900px){.topbar nav{display:none}.hero{grid-template-columns:1fr;padding-top:55px}.hero-visual{min-height:430px}.feature-grid{grid-template-columns:1fr 1fr}.security{margin-inline:20px;grid-template-columns:1fr;gap:30px}.cta{margin-inline:20px;grid-template-columns:auto 1fr}.cta>a{grid-column:1/-1}.summary{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}}@media(max-width:580px){.topbar{padding-inline:16px}.logo img{width:105px}.admin-link{padding:10px 12px;font-size:12px}.hero{padding-inline:20px}.hero h1{font-size:49px}.hero-visual{display:none}.feature-grid{grid-template-columns:1fr}.features{padding-inline:20px}.security{padding:30px}.security-list{grid-template-columns:1fr}.cta{padding:28px;grid-template-columns:1fr}.cta img{width:72px}.dashboard-head{align-items:start;flex-direction:column}.client-card{grid-template-columns:48px 1fr}.client-icon{width:48px;height:48px}.status{grid-column:2}footer{align-items:start;gap:15px;flex-direction:column}}