:root{font-family:Arial,Helvetica,sans-serif;color:#e8eef8;background:#08111f}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:radial-gradient(circle at top right,rgba(34,197,94,.12),transparent 20%),radial-gradient(circle at left top,rgba(59,130,246,.1),transparent 24%),linear-gradient(180deg,#08111f,#0a1730 45%,#07111f)}.page{min-height:100vh}.container{width:min(1120px,calc(100% - 32px));margin:0 auto}.narrow{max-width:820px}.hero{padding:80px 0 60px}.badge{display:inline-block;background:#22c55e1f;color:#86efac;border:1px solid rgba(34,197,94,.25);padding:10px 16px;border-radius:999px;font-weight:700;margin-bottom:24px}h1{font-size:clamp(3rem,8vw,5.6rem);line-height:.95;margin:0}.subtitle{font-size:1.4rem;color:#c6d4ea;margin:20px 0 0}.description,.sectionText{color:#9db0c9;line-height:1.8;font-size:1.05rem}.description{max-width:760px;margin-top:18px}.ctaRow{display:flex;gap:16px;flex-wrap:wrap;margin-top:28px}.primaryButton,.secondaryButton,.planButton,.featuredButton{border:none;border-radius:16px;padding:14px 22px;font-size:1rem;font-weight:700;cursor:pointer;text-decoration:none;display:inline-flex;justify-content:center;align-items:center}.primaryButton,.featuredButton{background:#22c55e;color:#05111d}.secondaryButton,.planButton{background:#ffffff0a;color:#f3f7fc;border:1px solid rgba(255,255,255,.12)}.highlightBox{margin-top:34px;max-width:760px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:24px;box-shadow:0 16px 40px #00000038}.highlightHeader{color:#86efac;font-weight:700;font-size:.95rem}.highlightTitle{margin-top:8px;font-size:1.7rem;font-weight:800}.highlightBox p{margin-top:10px;color:#b6c7dc;line-height:1.7}.section{padding:56px 0}.section h2{font-size:2rem;margin:0 0 20px}.benefitsGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.benefitCard,.planCard,.quoteBox{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:22px;padding:20px}.darkSection{background:#ffffff05;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}.plansGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:28px}.planCard.featured{border-color:#22c55e47;box-shadow:0 16px 42px #22c55e14}.planName{font-size:1.3rem;font-weight:800}.planPrice{font-size:1.8rem;font-weight:800;margin-top:12px}.planDescription{color:#a8bad1;line-height:1.7;min-height:96px}.planCard ul{padding-left:18px;color:#dbe6f5;line-height:1.8;min-height:180px}.quoteBox{font-size:1.35rem;font-weight:700;color:#f5f8fd}@media (max-width: 980px){.plansGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 700px){.benefitsGrid,.plansGrid{grid-template-columns:1fr}h1{line-height:1.02}}.contactWrap{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contactBox,.formBox{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:22px;padding:20px}.contactInfo{display:grid;gap:10px;margin-top:18px;color:#dbe6f5}.formBox{display:grid;gap:12px}.input{width:100%;background:#ffffff0a;color:#f5f8fd;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:14px 16px;font:inherit}.input::placeholder{color:#90a4bf}.textarea{min-height:120px;resize:vertical}.contactButtons{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fullButton{width:100%}@media (max-width: 700px){.contactWrap,.contactButtons{grid-template-columns:1fr}}