:root{--bg:#0b0f14;--panel:#111821;--panel2:#151e29;--text:#f6f8fb;--muted:#91a0b4;--line:#243041;--accent:#78f0b8;--accent2:#73a7ff;--warn:#ffca76;--danger:#ff8080;--radius:22px;--shadow:0 20px 60px rgba(0,0,0,.28)}
*{box-sizing:border-box}html,body{margin:0;background:radial-gradient(circle at top,#152031 0,#0b0f14 35%,#080b0f 100%);color:var(--text);font-family:Inter,system-ui,sans-serif;min-height:100%}button,input,select,textarea{font:inherit}.app-shell{max-width:1120px;margin:0 auto;min-height:100vh;padding-bottom:88px}.topbar{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:18px 22px;background:rgba(8,11,15,.78);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.04)}.brand{display:flex;gap:11px;align-items:center;cursor:pointer}.brand-mark{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#06110d;font-weight:900}.brand-name{font-weight:800}.brand-sub{font-size:11px;color:var(--muted);margin-top:2px}.top-actions{display:flex;gap:10px}.ghost,.primary,.secondary,.chip,.avatar{border:0;cursor:pointer}.ghost{background:#131b25;color:#dbe6f4;border:1px solid var(--line);padding:10px 14px;border-radius:12px}.avatar{width:40px;height:40px;border-radius:50%;background:#1c2734;color:#fff;border:1px solid #314257;font-weight:700}.page{padding:26px 22px}.hero{padding:26px 0 18px}.eyebrow{color:var(--accent);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.hero h1{font-size:clamp(34px,7vw,64px);line-height:.98;margin:10px 0 14px;letter-spacing:-.05em;max-width:900px}.hero p{color:#b4c0cf;font-size:16px;line-height:1.55;max-width:760px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.primary{padding:13px 18px;border-radius:14px;background:var(--accent);color:#07100b;font-weight:800}.secondary{padding:13px 18px;border-radius:14px;background:#131b25;color:#e9f0f8;border:1px solid var(--line);font-weight:700}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0 28px}.stat{background:linear-gradient(180deg,#131b25,#0e141c);border:1px solid var(--line);border-radius:18px;padding:16px}.stat strong{font-size:22px}.stat span{display:block;color:var(--muted);font-size:12px;margin-top:5px}.section-head{display:flex;justify-content:space-between;align-items:end;margin:26px 0 12px}.section-head h2{margin:0;font-size:22px}.section-head p{margin:4px 0 0;color:var(--muted);font-size:13px}.doors{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.door{min-height:185px;padding:18px;border-radius:var(--radius);background:linear-gradient(145deg,#121923,#10161e);border:1px solid var(--line);cursor:pointer;transition:.18s transform,.18s border-color;position:relative;overflow:hidden}.door:hover{transform:translateY(-3px);border-color:#3d5068}.door .icon{font-size:28px}.door h3{margin:36px 0 8px;font-size:22px}.door p{color:var(--muted);font-size:13px;line-height:1.5;margin:0}.door .arrow{position:absolute;right:16px;top:16px;color:#8190a4}.feature-strip{margin-top:18px;background:linear-gradient(120deg,rgba(120,240,184,.11),rgba(115,167,255,.09));border:1px solid rgba(120,240,184,.22);border-radius:22px;padding:18px;display:flex;justify-content:space-between;gap:14px;align-items:center}.feature-strip h3{margin:0 0 6px}.feature-strip p{margin:0;color:#adc0d0;font-size:13px}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.card{background:linear-gradient(180deg,#121923,#0f151d);border:1px solid var(--line);border-radius:20px;padding:18px}.card h3{margin:4px 0 8px}.card p{color:var(--muted);font-size:13px;line-height:1.5}.badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;padding:7px 9px;border-radius:999px;background:#18222d;color:#b5c4d6;border:1px solid #2a3849}.badge.good{background:rgba(120,240,184,.09);color:var(--accent);border-color:rgba(120,240,184,.25)}.badge.warn{color:var(--warn)}.badge.danger{color:var(--danger)}.progress{height:8px;background:#1a2430;border-radius:999px;overflow:hidden}.progress>div{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2))}.row{display:flex;gap:12px;align-items:center}.row.between{justify-content:space-between}.muted{color:var(--muted)}.small{font-size:12px}.divider{height:1px;background:var(--line);margin:14px 0}.field{margin:12px 0}.field label{display:block;font-size:12px;color:#acbbcd;margin-bottom:7px}.field input,.field select,.field textarea{width:100%;background:#0d131a;color:#fff;border:1px solid var(--line);border-radius:13px;padding:12px;outline:none}.field textarea{min-height:90px;resize:vertical}.chip-row{display:flex;gap:8px;flex-wrap:wrap}.chip{background:#131c26;color:#d7e2ee;border:1px solid var(--line);border-radius:999px;padding:9px 11px;font-size:12px}.chip.active{background:rgba(120,240,184,.11);border-color:rgba(120,240,184,.32);color:var(--accent)}.list{display:grid;gap:10px}.list-item{padding:15px;border:1px solid var(--line);background:#101720;border-radius:17px;cursor:pointer}.list-item:hover{border-color:#3b4b60}.price{font-weight:800}.task-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.task{background:#101720;border:1px solid var(--line);border-radius:18px;padding:16px}.task h4{margin:8px 0}.task p{color:var(--muted);font-size:12px;line-height:1.45}.big-number{font-size:38px;font-weight:850;letter-spacing:-.04em}.modal{position:fixed;inset:0;background:rgba(0,0,0,.66);display:grid;place-items:center;z-index:50;padding:18px}.modal.hidden{display:none}.modal-card{width:min(650px,100%);max-height:86vh;overflow:auto;background:#111821;border:1px solid #2a394c;border-radius:24px;padding:20px;box-shadow:var(--shadow)}.bottom-nav{display:none}.notice{border:1px dashed #33475f;background:#101823;border-radius:16px;padding:14px;color:#b5c5d7;font-size:13px}.success{color:var(--accent)}.danger{color:var(--danger)}.link{color:#9bc0ff;cursor:pointer}.timeline{display:grid;gap:12px}.timeline-step{display:flex;gap:12px}.dot{width:26px;height:26px;border-radius:50%;background:#1b2632;display:grid;place-items:center;border:1px solid #33465d;font-size:11px;flex:0 0 auto}.dot.done{background:rgba(120,240,184,.13);border-color:rgba(120,240,184,.35);color:var(--accent)}
@media(max-width:800px){.stats{grid-template-columns:repeat(2,1fr)}.doors{grid-template-columns:1fr 1fr}.cards,.task-grid{grid-template-columns:1fr}.bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;left:0;right:0;z-index:20;background:rgba(9,13,18,.93);backdrop-filter:blur(16px);border-top:1px solid var(--line);padding:7px 8px max(7px,env(safe-area-inset-bottom))}.nav-item{background:none;border:0;color:#718096;display:grid;place-items:center;gap:3px;padding:6px;cursor:pointer}.nav-item span{font-size:18px}.nav-item small{font-size:10px}.nav-item.active{color:var(--accent)}}
@media(max-width:520px){.page{padding:20px 15px}.topbar{padding:14px 15px}.doors{grid-template-columns:1fr}.hero h1{font-size:42px}.feature-strip{align-items:flex-start;flex-direction:column}.stats{grid-template-columns:1fr 1fr}}