:root{--page-a:#ff6b6b;--page-b:#ffb65c;--card:#fffffff0;--text:#251a21;--muted:#6e5d64;--accent:#e92d45;--accent-hover:#c91934;--chip:#fff7f4;--chip-border:#f4d5d0;--shadow:#5b182233}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:#ff8d70;font-family:Arial,Helvetica,sans-serif}button{font:inherit}.site{min-height:100svh;color:var(--text);background:radial-gradient(circle at 15% 20%, #ffffff6b, transparent 28%), radial-gradient(circle at 88% 82%, #ffdc8061, transparent 30%), linear-gradient(135deg, var(--page-a), var(--page-b));place-items:center;padding:32px 18px;transition:color .3s,background .4s;display:grid}.site.dark{--page-a:#0c0921;--page-b:#332562;--card:#18162bf5;--text:#f8f4ff;--muted:#b8afcf;--accent:#ff526d;--accent-hover:#ff7086;--chip:#28243f;--chip-border:#464063;--shadow:#0000006b}.card{text-align:center;background:var(--card);width:min(100%,680px);box-shadow:0 28px 80px var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid #ffffff8c;border-radius:28px;padding:44px 46px 38px;position:relative}.mode-toggle{min-height:38px;color:var(--text);background:var(--chip);border:1px solid var(--chip-border);cursor:pointer;border-radius:999px;padding:7px 13px;position:absolute;top:18px;right:18px}.brand-mark{margin-top:12px;font-size:2.5rem;line-height:1}h1{letter-spacing:-.055em;margin:10px 0 8px;font-size:clamp(2.2rem,7vw,3.65rem);line-height:.98}h1 span{color:var(--accent)}.tagline{color:var(--muted);margin:0 auto 30px;font-size:1.05rem;line-height:1.5}.packages{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:28px;display:grid}.pkg{min-width:0;color:var(--text);background:var(--chip);border:2px solid var(--chip-border);cursor:pointer;border-radius:15px;padding:14px 10px 13px;transition:transform .15s,border-color .15s,box-shadow .15s}.pkg:hover{transform:translateY(-2px)}.pkg.active{border-color:var(--accent);box-shadow:0 8px 24px var(--shadow)}.pkg strong,.pkg span{display:block}.pkg strong{font-size:1rem}.pkg span{color:var(--muted);margin-top:5px;font-size:.8rem}.cta{color:#fff;background:var(--accent);min-height:52px;box-shadow:0 10px 24px color-mix(in srgb, var(--accent) 32%, transparent);cursor:pointer;border:0;border-radius:13px;padding:13px 30px;font-size:1.1rem;font-weight:800;transition:transform .15s,background .15s}.cta:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-2px)}.cta:disabled{cursor:wait;opacity:.85}.mode-toggle:focus-visible,.pkg:focus-visible,.cta:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 40%, white);outline-offset:3px}.result{place-items:center;min-height:88px;margin-top:22px;font-size:1.25rem;font-weight:750;line-height:1.5;display:grid}footer{color:var(--muted);margin-top:12px;font-size:.9rem}@media (max-width:590px){.card{border-radius:22px;padding:60px 20px 28px}.brand-mark{margin-top:0}.packages{grid-template-columns:1fr}.pkg{padding:12px}.result{min-height:104px;font-size:1.1rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}