*{box-sizing:border-box}:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;background:#eef3f9;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:radial-gradient(circle at 0 0,#6366f12e,#0000 32%),radial-gradient(circle at 100% 100%,#0ea5e929,#0000 30%),linear-gradient(135deg,#f8fbff 0%,#e8eef8 100%);place-items:center;min-width:320px;min-height:100vh;margin:0;padding:24px;display:grid}#root{width:100%;max-width:620px}#root>div,#root>main{width:100%}h1{text-align:center;letter-spacing:-.06em;color:#111827;margin:0 0 28px;font-size:clamp(2.3rem,8vw,4.5rem);line-height:1}form{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffc7;border:1px solid #fffc;border-radius:24px;grid-template-columns:1fr auto;gap:12px;margin-bottom:24px;padding:12px;display:grid;box-shadow:0 20px 50px #0f172a1f,inset 0 1px #ffffffe6}input{width:100%;min-width:0;font:inherit;color:#172033;background:#f8fafc;border:1px solid #d7deea;border-radius:16px;outline:none;padding:15px 17px;font-size:1rem;transition:border-color .2s,box-shadow .2s,background .2s}input::placeholder{color:#94a3b8}input:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 4px #6366f124}button{min-height:52px;font:inherit;cursor:pointer;border:0;border-radius:16px;padding:0 22px;font-weight:700;transition:transform .2s,box-shadow .2s,opacity .2s}form button{color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 12px 24px #4f46e547}button:hover{transform:translateY(-2px)}button:active{transform:translateY(0)}p{color:#1e293b;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe0;border:1px solid #e2e8f0e6;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;margin:0 0 12px;padding:17px 18px;font-size:1rem;font-weight:600;animation:.28s both slideIn;display:flex;box-shadow:0 12px 30px #0f172a14,inset 0 1px #ffffffe6}p button{color:#b42318;min-height:auto;box-shadow:none;background:#feeceb;border-radius:12px;flex-shrink:0;padding:9px 14px;font-size:.88rem}p button:hover{color:#fff;background:#dc2626;box-shadow:0 8px 18px #dc262638}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=560px){body{place-items:start center;padding:16px}#root{margin-top:32px}form{border-radius:20px;grid-template-columns:1fr}form button{width:100%}p{align-items:flex-start}}