:root{--navy:#0b2730;--ink:#102c34;--green:#24d19b;--soft:#f2f7f7;--line:#dce6e7;--muted:#6b7e84}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;background:#f5f8f8}.top{height:76px;padding:0 max(5vw,24px);display:flex;align-items:center;gap:42px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--navy);font-weight:900;letter-spacing:.08em}.brand i{font-style:normal;background:var(--green);padding:9px 12px;border-radius:9px;transform:skew(-8deg)}.brand small{display:block;font-size:8px;letter-spacing:.28em;color:#71888e}.top nav{display:flex;gap:25px;flex:1}.top a{color:inherit;text-decoration:none}.user{font-size:12px;color:var(--muted);margin-right:12px}.button{border:0;border-radius:9px;background:var(--navy);color:#fff!important;padding:12px 18px;text-decoration:none;display:inline-flex;justify-content:center;cursor:pointer;font-weight:700;font-size:13px}.button.ghost{background:#edf4f4;color:var(--ink)!important}.button.light{background:#fff;color:var(--navy)!important}.button:disabled{opacity:.45}.catalog,.portal{max-width:1240px;margin:auto}.hero{min-height:570px;padding:100px 5%;background:radial-gradient(circle at 80% 20%,#27545c 0,transparent 28%),var(--navy);color:#fff;border-radius:0 0 28px 28px}.hero h1{font-size:64px;line-height:1.02;letter-spacing:-.045em;margin:22px 0}.hero h1 em{font-style:normal;color:var(--green)}.hero p{max-width:610px;line-height:1.7;color:#b7c9cd;font-size:17px;margin-bottom:30px}.pill,.kicker{font-size:10px;font-weight:800;letter-spacing:.18em;color:#0b8e6b}.pill{background:#dff8ef;padding:7px 10px;border-radius:99px}.hero .pill{background:#173c45;color:#57e5b7}.catalog>section:not(.hero),.portal{padding:70px 5%}.section-head h2{font-size:32px;margin:10px 0 24px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card,.stats article,.empty{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:0 8px 30px #11323a0a}.app-icon{width:44px;height:44px;background:#ddf8ef;color:#06765b;border-radius:11px;display:grid;place-items:center;font-size:23px}.state{float:right;font-size:9px;color:#08775e;background:#e9faf4;border-radius:99px;padding:6px 9px;text-transform:uppercase}.card h3{font-size:22px;margin:22px 0 8px}.card p{color:var(--muted);line-height:1.6;min-height:52px}.price{font-size:22px;font-weight:800;margin:22px 0}.price small{font-size:11px;color:var(--muted)}.card .button{width:100%}.login-panel{margin:30px 5% 70px!important;padding:42px!important;background:var(--navy);color:white;border-radius:22px;display:flex;align-items:center;justify-content:space-between}.login-panel h2{font-size:30px;margin:9px 0}.login-panel p{color:#a9bdc1}.welcome{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.welcome h1{font-size:34px;margin:18px 0 7px}.welcome p{color:var(--muted)}.health{font-size:11px;color:#08775e}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:45px}.stats small,.stats b,.stats span{display:block}.stats small{color:var(--muted);font-size:10px}.stats b{font-size:20px;margin:12px 0 5px;text-transform:capitalize}.stats span{font-size:10px;color:var(--muted)}dialog{width:min(520px,92vw);border:0;border-radius:18px;padding:28px;box-shadow:0 24px 80px #0a273055}dialog::backdrop{background:#071d2388}.x{float:right;border:0;background:none;font-size:25px}.checkout label,dialog label{display:block;font-size:11px;font-weight:700;margin:14px 0}dialog input{display:block;width:100%;margin-top:6px;border:1px solid var(--line);border-radius:8px;padding:12px}.error{color:#b22;font-size:12px}footer{padding:25px 5%;border-top:1px solid var(--line);color:var(--muted);font-size:11px}footer a{color:inherit}@media(max-width:800px){.top nav{display:none}.top{gap:12px}.top>div:last-child{margin-left:auto}.user{display:none}.hero{min-height:520px;padding-top:75px}.hero h1{font-size:43px}.cards,.stats{grid-template-columns:1fr}.login-panel{align-items:flex-start;gap:20px;flex-direction:column}.welcome{align-items:flex-start;gap:18px;flex-direction:column}}