*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:#f5f7fa;display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1rem}.card{background:#fff;border-radius:12px;box-shadow:0 4px 24px #00000014;padding:2rem;width:100%;max-width:360px}h1{margin:0 0 1.5rem;font-size:1.25rem;color:#1f2937;text-align:center}.field{margin-bottom:1rem}label{display:block;margin-bottom:.375rem;font-size:.875rem;font-weight:500;color:#4b5563}input[type=number]{width:100%;padding:.625rem .75rem;font-size:1rem;border:1px solid #d1d5db;border-radius:8px;outline:none;transition:border-color .15s ease}input[type=number]:focus{border-color:#3b82f6}button{width:100%;padding:.75rem;margin-top:.5rem;font-size:1rem;font-weight:600;color:#fff;background:#3b82f6;border:none;border-radius:8px;cursor:pointer;transition:background .15s ease}button:hover{background:#2563eb}button:active{background:#1d4ed8}.result{margin-top:1.25rem;padding:1rem;border-radius:8px;text-align:center;font-size:1.125rem;font-weight:600}.result.success{background:#ecfdf5;color:#047857}.result.error{background:#fef2f2;color:#b91c1c}.result-label{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;opacity:.8}