:root{font-family:system-ui,sans-serif;color:#1a1a2e;background:#f4f5fb}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center}.card{width:100%;max-width:420px;margin:24px;padding:32px;background:#fff;border-radius:12px;box-shadow:0 8px 30px #00000014}h1{margin:0 0 4px;font-size:22px}p.sub{margin:0 0 24px;color:#666;font-size:14px}label{display:block;font-size:13px;font-weight:600;margin-bottom:6px}select,input{width:100%;padding:10px 12px;font-size:14px;border:1px solid #d0d3e0;border-radius:8px;margin-bottom:16px;background:#fff}button{width:100%;padding:12px;font-size:15px;font-weight:600;color:#fff;background:#4a54e1;border:none;border-radius:8px;cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}.result{margin-top:20px;padding:12px 14px;border-radius:8px;font-size:13px;word-break:break-all}.result.ok{background:#e7f7ee;color:#106b3a}.result.err{background:#fdecec;color:#b3261e}