*{box-sizing:border-box}:root{--pink:#f3a9c5;--pink-dark:#d8759b;--pink-border:#f0cbd9;--text:#604b55;--muted:#a0808d}body{margin:0;min-height:100vh;font-family:"Segoe UI",Tahoma,Arial,sans-serif;color:var(--text);background:linear-gradient(145deg,#fff8fb 0%,#ffeef5 52%,#fff7fa 100%)}.app{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.card{width:min(500px,100%);background:rgba(255,255,255,.96);border:1px solid #f3d7e2;border-radius:26px;padding:30px;box-shadow:0 18px 50px rgba(213,139,169,.18)}.brand{font-size:27px;line-height:1.3;font-weight:700;text-align:center;color:var(--pink-dark);letter-spacing:.2px}.subtitle{margin-top:8px;text-align:center;color:var(--muted);font-size:14px}.field{margin-top:24px}label{display:block;margin-bottom:10px;font-size:14px;font-weight:700;color:#765967}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:9px}button{width:100%;height:48px;border-radius:14px;border:1px solid var(--pink-border);background:#fffafd;color:#795d69;font-size:15px;cursor:pointer;transition:.15s}button:hover{transform:translateY(-1px)}.segmented button{height:58px;line-height:1.35;font-weight:600}.segmented button small{display:block;margin-top:2px;font-size:11px;font-weight:500;opacity:.9}button.active{background:var(--pink);border-color:var(--pink);color:#fff;font-weight:700;box-shadow:0 6px 15px rgba(233,143,180,.22)}.tiers{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.tier{height:48px;font-weight:600}.tier.active{background:var(--pink);border-color:var(--pink);color:#fff}.result{margin-top:28px;padding:25px 18px;border-radius:21px;background:linear-gradient(145deg,#fff0f6,#fff8fb);border:1px solid #f5d5e2;text-align:center}.result-label{color:var(--muted);font-size:14px}#price{margin-top:7px;font-size:38px;line-height:1.15;font-weight:900;letter-spacing:-1px;color:var(--pink-dark)}.result-note{margin-top:9px;color:#a0848f;font-size:12px;line-height:1.7}.result-note strong{color:#d4779d;font-size:14px}@media(max-width:420px){.card{padding:22px;border-radius:23px}.brand{font-size:23px}.tiers{grid-template-columns:repeat(3,1fr)}#price{font-size:33px}}