:root{--blue:#0b5fff;--blue-600:#0a52db;--blue-50:#e9f0ff;--ink:#0f172a;--muted:#475569;--surface:#fff;--ring:3px}html,body,#root{height:100%}body{color:var(--ink);background:radial-gradient(1200px 600px at 10% -20%,#f6faff 0%,#f9fbff 30%,#fff 60%);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji}main{place-items:center;gap:24px;max-width:920px;margin:0 auto;padding:24px clamp(16px,3vw,32px);display:grid}.logo{width:380px;display:block}section{text-align:center;width:100%}h1{margin:8px 0 6px;font-size:16px;line-height:1.15}h2{color:var(--muted);margin:8px 0 12px;font-size:clamp(18px,2.4vw,24px);font-weight:600}section:first-of-type p{border:2px solid var(--blue);background:var(--blue-50);color:var(--blue);letter-spacing:.02em;border-radius:999px;margin:6px 0 0;padding:8px 14px;font-weight:700;display:inline-block}.buttons{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;width:min(780px,100%);margin:0 auto;display:grid}button{appearance:none;border:2px solid var(--blue);background:var(--surface);color:var(--blue);text-transform:uppercase;letter-spacing:.04em;cursor:pointer;box-shadow:0 2px 0 0 var(--blue),0 10px 20px #0b5fff1f;border-radius:14px;padding:14px 18px;font-weight:800;transition:transform .12s,background-color .12s,box-shadow .12s,opacity .12s}button:hover:not(:disabled){background:#f3f7ff;transform:translateY(-1px)}button:active:not(:disabled){box-shadow:0 1px 0 0 var(--blue),0 6px 14px #0b5fff24;transform:translateY(0)}button:focus-visible{box-shadow:0 0 0 var(--ring)#0b5fff59,0 2px 0 0 var(--blue),0 10px 20px #0b5fff1f;outline:none}button:disabled{opacity:.55;cursor:not-allowed}.result{border:2px dashed var(--blue);margin-top:4px;background:linear-gradient(#0b5fff0a,#0b5fff0a),#fff;border-radius:16px;width:min(300px,100%);margin-inline:auto;padding:18px 16px 20px;position:relative;overflow:visible}.result p{margin:8px 0;font-size:clamp(16px,2.2vw,18px)}.result p strong{color:var(--blue)}.result p:last-of-type{font-size:clamp(18px,2.6vw,22px);font-weight:800}.result button{min-width:200px;margin-top:10px}@media (max-width:420px){.buttons{grid-template-columns:1fr 1fr}button{border-radius:12px;padding:12px 14px}.result{padding:14px}}.confetti{pointer-events:none;position:absolute;inset:0;overflow:visible}.confetti-origin{position:absolute;bottom:-6px}.confetti-origin.left{left:-6px}.confetti-origin.right{right:-6px}.confetti .piece{opacity:0;width:8px;height:12px;animation:1.2s ease-out forwards confetti-shoot,1.2s linear forwards confetti-rotate;animation-delay:calc((var(--i)*12ms));border-radius:2px;position:absolute;transform:translate(0,0)rotate(0)}.confetti .piece:nth-child(5n+1){background:#0b5fff}.confetti .piece:nth-child(5n+2){background:#00c2ff}.confetti .piece:nth-child(5n+3){background:#ff4d4f}.confetti .piece:nth-child(5n+4){background:#ffb020}.confetti .piece:nth-child(5n+5){background:#810bff}.confetti .piece:nth-child(5n+6){background:#a063df}.confetti .piece:nth-child(5n+7){background:#df63c2e0}.confetti .piece:nth-child(5n+8){background:#d56e00e0}.confetti .piece:nth-child(5n+9){background:#00953fe0}.confetti .piece:nth-child(5n){background:#22c55e}.confetti .piece:nth-child(3n){width:10px;height:10px}.confetti .piece:nth-child(4n){width:6px;height:14px}.confetti-origin.left .piece{left:calc(0px + (var(--i)*2px))}.confetti-origin.right .piece{right:calc(0px + (var(--i)*2px))}@keyframes confetti-shoot{0%{opacity:0;transform:translate(0,0)rotate(0)}6%{opacity:1}to{transform:translate3d(var(--dx,0),var(--dy,-60vh),0)rotate(720deg);opacity:.9}}@keyframes confetti-rotate{0%{filter:brightness()}to{filter:brightness(1.25)}}