:root{--bg:#07111f;--bg-soft:#0b1728;--panel:rgba(16,24,40,.82);--panel-strong:rgba(12,20,36,.94);--line:hsla(0,0%,100%,.08);--line-strong:hsla(0,0%,100%,.14);--text:#ecf3ff;--muted:#9fb0c9;--primary:#2563eb;--primary-strong:#1d4ed8;--accent:#06b6d4;--shadow:0 20px 50px rgba(0,0,0,.28);--radius:18px;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:radial-gradient(circle at top left,rgba(37,99,235,.22),transparent 28%),radial-gradient(circle at top right,rgba(6,182,212,.16),transparent 24%),linear-gradient(180deg,#07111f,#091321 50%,#07111f);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}a{color:inherit}main{width:100%}.section{padding:34px 20px}.hero,.section{max-width:var(--max);margin:0 auto}.hero{padding:54px 20px 26px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);grid-gap:28px;gap:28px;align-items:stretch}.hero h1{margin:0 0 18px;font-size:clamp(2.2rem,4.6vw,4.1rem);line-height:1.05;letter-spacing:-.03em;max-width:12ch}.hero p{margin:0;font-size:1.05rem;color:var(--muted);max-width:64ch}.hero-card{background:linear-gradient(180deg,rgba(16,24,40,.95),rgba(8,14,28,.96));border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:var(--shadow);position:relative;overflow:hidden}.hero-card:before{content:"";position:absolute;inset:auto -40px -40px auto;width:180px;height:180px;background:radial-gradient(circle,rgba(37,99,235,.2),transparent 65%);pointer-events:none}.badge{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:7px 12px;border-radius:999px;background:rgba(37,99,235,.14);border:1px solid rgba(37,99,235,.22);color:#dbeafe;font-size:.86rem;font-weight:600;letter-spacing:.01em;margin-bottom:16px}.actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 16px;border-radius:12px;border:1px solid var(--line-strong);background:hsla(0,0%,100%,.02);color:var(--text);text-decoration:none;font-weight:600;transition:transform .18s ease,background .18s ease,border-color .18s ease}.button:hover{transform:translateY(-1px);border-color:hsla(0,0%,100%,.22);background:hsla(0,0%,100%,.05)}.button.primary{background:linear-gradient(135deg,var(--primary),var(--accent));border-color:transparent;color:#fff;box-shadow:0 10px 22px rgba(37,99,235,.22)}.button.primary:hover{background:linear-gradient(135deg,var(--primary-strong),#0891b2)}.grid-2,.grid-3{display:grid;grid-gap:18px;gap:18px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:linear-gradient(180deg,rgba(14,22,36,.92),rgba(10,17,30,.96));border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}.card h3{margin:0 0 10px;font-size:1.12rem;line-height:1.25;letter-spacing:-.01em}.card p{margin:0}.list,.small{color:var(--muted)}.list{margin:0;padding-left:1.1rem}.list li+li{margin-top:8px}.price{margin:8px 0 14px;font-size:1.35rem;font-weight:800;color:#dbeafe}section .card,section .hero-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}h2{margin:0 0 10px;font-size:clamp(1.65rem,2vw,2.2rem);line-height:1.1;letter-spacing:-.02em}.section>p,section>p{color:var(--muted)}.section+.section{padding-top:12px}@media (max-width:980px){.hero{grid-template-columns:1fr;padding-top:34px}.hero h1{max-width:none}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:680px){.hero,.section{padding-left:16px;padding-right:16px}.grid-2,.grid-3{grid-template-columns:1fr}.button{width:100%}.actions{flex-direction:column}.hero h1{font-size:2.15rem}}