*{box-sizing:border-box}body{margin:0;background:#080b18;color:#f5f2ff;font-family:Inter,system-ui,sans-serif;background-image:radial-gradient(circle at 15% 10%,#452d7038,transparent 30%),radial-gradient(circle at 90% 30%,#263d7330,transparent 28%)}a{color:inherit;text-decoration:none}header{height:74px;padding:0 5vw;display:flex;align-items:center;gap:28px;border-bottom:1px solid #ffffff12;background:#080b18dd;position:sticky;top:0;z-index:5;backdrop-filter:blur(16px)}.brand{font-size:21px;font-weight:800}.brand span{color:#aa8cff}nav{display:flex;gap:26px;margin:auto}nav a{color:#aaa8bb;font-size:14px}nav .active{color:white}header button{background:transparent;border:1px solid #303146;color:white;border-radius:9px;padding:8px 11px}.add{background:#7959d7;padding:10px 14px;border-radius:10px;font-size:14px;font-weight:700}main{width:min(1160px,90vw);margin:auto}.hero{text-align:center;padding:72px 0 35px}.eye{color:#a38bdf;font-size:11px;letter-spacing:.2em;font-weight:800}.hero h1{font:700 clamp(36px,5vw,57px) Georgia;margin:12px 0}.hero>p:not(.eye){color:#aaa8ba}.overall{max-width:720px;margin:28px auto 0;padding:18px 20px;border:1px solid #a98cff3d;background:#7c58bd12;border-radius:15px;display:flex;text-align:left;gap:13px}.overall i{width:10px;height:10px;background:#b495ff;border-radius:50%;box-shadow:0 0 15px #a47cff;margin-top:6px}.overall div{display:flex;flex-direction:column;gap:4px}.overall small{color:#8f8d9f}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:15px 0 55px}.stats article,.services article,.panel{border:1px solid #ffffff12;background:#111429d9;border-radius:15px}.stats article{padding:21px}.stats b{font-size:25px;display:block}.stats small,.title>small{color:#858397}.title{display:flex;justify-content:space-between;align-items:end;margin-bottom:17px}h2{font:700 27px Georgia;margin:7px 0}.services{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:55px}.services article{padding:17px 19px;display:flex;align-items:center;gap:13px}.services article>span{width:39px;height:39px;background:#9874e51b;border-radius:11px;display:grid;place-items:center;color:#b398f6}.services article div{display:flex;flex-direction:column;gap:3px}.services small{color:#858397}.services em{margin-left:auto;font-style:normal;font-size:10px;letter-spacing:.08em;border:1px solid #39394c;border-radius:99px;padding:6px 8px;color:#9290a1}.services .online{color:#76e2a7;border-color:#4bd78b55}.twocol{display:grid;grid-template-columns:1.4fr .8fr;gap:13px}.panel{padding:24px}.placeholder,.empty{height:235px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#9b82df;text-align:center}.placeholder b,.empty b{color:#cac6d8}.placeholder small,.empty small{color:#858397}.maintenance{margin:13px 0 70px;display:flex;justify-content:space-between;align-items:center}.maintenance p{color:#898699;font-size:13px}.maintenance>span{border:1px solid #373649;border-radius:99px;padding:9px 12px;color:#9895a6;font-size:12px}footer{border-top:1px solid #ffffff12;padding:35px 5vw;display:flex;justify-content:space-between;align-items:center;color:#7e7b8e}footer p,footer div:last-child{font-size:12px}footer div:last-child{display:flex;gap:20px}@media(max-width:800px){nav{display:none}.add{display:none}header button{margin-left:auto}.stats,.services{grid-template-columns:1fr 1fr}.twocol{grid-template-columns:1fr}.maintenance{align-items:flex-start;flex-direction:column;gap:15px}}@media(max-width:520px){.stats,.services{grid-template-columns:1fr}.hero{padding-top:48px}footer{align-items:flex-start;flex-direction:column;gap:15px}footer div:last-child{flex-wrap:wrap}}