:root{color:#ecf2ff;background:#101827;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #7dd3fc;outline-offset:2px}.shell{width:min(1120px,calc(100% - 40px));margin:auto;padding-bottom:72px}.header{align-items:center;border-bottom:1px solid #29364f;display:flex;justify-content:space-between;min-height:74px}.brand{background:none;border:0;color:#fff;font-size:1.08rem;font-weight:800;letter-spacing:.08em;padding:8px 0}.brand span,.eyebrow{color:#67e8f9}nav{display:flex;gap:6px}nav button,.link,.back{background:transparent;border:0;color:#c8d4ec;padding:9px 11px}nav button:hover,nav .active,.link:hover,.back:hover{color:#fff;background:#1d2b44;border-radius:8px}.hero{max-width:760px;padding:80px 0 48px}.eyebrow{font-size:.78rem;font-weight:800;letter-spacing:.12em;margin:0 0 14px;text-transform:uppercase}h1{color:#fff;font-size:clamp(2rem,5vw,4.1rem);letter-spacing:-.045em;line-height:1.02;margin:0 0 20px}.hero>p:last-child{color:#b7c4dd;font-size:1.12rem;line-height:1.7;max-width:670px}h2{color:#fff;margin:0 0 12px}.catalog{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(270px,1fr))}.card{background:linear-gradient(145deg,#192741,#142038);border:1px solid #31405d;border-radius:16px;display:flex;flex-direction:column;min-height:265px;padding:24px}.card>p:not(.badge):not(.license){color:#b7c4dd;line-height:1.55;margin:0}.badge{color:#8ccff9;font-size:.75rem;font-weight:700;letter-spacing:.08em;margin:0 0 24px;text-transform:uppercase}.card-actions{align-items:center;display:flex;gap:12px;margin-top:auto;padding-top:24px}.primary{background:#67e8f9;border:1px solid #67e8f9;border-radius:8px;color:#102033;font-weight:800;padding:10px 14px}.primary:hover{background:#a5f3fc}.primary:disabled{cursor:wait;opacity:.65}.muted,.license{color:#91a0ba;font-size:.86rem}.back{margin-bottom:20px;padding-left:0}.empty,.auth{background:#17233a;border:1px solid #31405d;border-radius:16px;margin-top:56px;max-width:680px;padding:38px}.empty h1,.auth h1{font-size:clamp(2rem,4vw,3rem)}.empty p{color:#b7c4dd;line-height:1.6}.notice{align-items:center;background:#164e63;border:1px solid #22d3ee;border-radius:10px;display:flex;justify-content:space-between;margin-top:22px;padding:12px 16px}.notice button{background:transparent;border:0;color:#fff;font-size:1.4rem}form{display:grid;gap:18px;max-width:480px}label{color:#d8e3f8;display:grid;font-weight:700;gap:8px}input{background:#0f1a2d;border:1px solid #52617b;border-radius:8px;color:#fff;padding:11px}.switch{margin-top:18px;padding-left:0}dl{border-top:1px solid #35435e;display:flex;gap:32px;margin-top:auto;padding-top:17px}dt{color:#91a0ba;font-size:.75rem;text-transform:uppercase}dd{margin:5px 0 0}.loading{padding:80px 0;color:#b7c4dd}@media(max-width:600px){.shell{width:min(100% - 24px,1120px)}.header{align-items:flex-start;flex-direction:column;gap:8px;padding:14px 0}nav{width:100%;justify-content:space-between}nav button{font-size:.88rem;padding:8px 5px}.hero{padding:48px 0 32px}.empty,.auth{margin-top:32px;padding:24px}}
