*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;background:#f7f8fc;color:#111827}button{cursor:pointer}.container{max-width:520px;margin:0 auto;padding:24px}.card{background:#fff;border-radius:18px;box-shadow:0 20px 50px #0f172a14;padding:28px}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.input,textarea{border:1px solid #d2d6dc;border-radius:12px;padding:12px 14px;font-size:16px}button.primary{width:100%;border:none;border-radius:14px;padding:14px;background:#3b82f6;color:#fff;font-weight:600}button.secondary{background:transparent;border:1px solid #d2d6dc;color:#111827}.alert{padding:14px;border-radius:14px;background:#fee2e2;color:#991b1b;margin-bottom:16px}.nav{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}.nav a{color:#3b82f6;text-decoration:none}