:root{--stroke: rgba(0,0,0,.12);--stroke-2: rgba(0,0,0,.08);--text: rgba(0,0,0,.88);--muted: rgba(0,0,0,.6);--muted-2: rgba(0,0,0,.46);--accent: #0F7A4B;--warn: #B57900;--bad: #C93636;--ok: #0B8F57;--shadow: 0 18px 50px rgba(0,0,0,.14);--radius: 18px;--mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--sans: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;--bg1: #f6f8f7;--bg2: #ffffff}*{box-sizing:border-box}html,body{height:100%}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--sans);color:var(--text);min-height:100vh;overflow-x:hidden;background:radial-gradient(1200px 700px at 20% -10%,rgba(15,122,75,.1),transparent 60%),radial-gradient(900px 600px at 90% 10%,rgba(15,122,75,.08),transparent 55%),linear-gradient(180deg,var(--bg1) 0%,var(--bg2) 40%,var(--bg1) 100%)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(transparent 96%,rgba(0,0,0,.05) 96%,rgba(0,0,0,.05) 97%,transparent 97%) 0 0/100% 18px,radial-gradient(circle at 30% 20%,rgba(0,0,0,.04),transparent 50%),radial-gradient(circle at 70% 75%,rgba(0,0,0,.03),transparent 55%);mix-blend-mode:overlay;opacity:.65}.hidden{display:none!important}.wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 14px}.card{width:min(520px,100%);border:1px solid var(--stroke);background:linear-gradient(180deg,#fffc,#ffffff8c);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;position:relative}.card:before{content:"";position:absolute;inset:0;background:radial-gradient(900px 300px at 20% 0%,rgba(15,122,75,.1),transparent 55%),linear-gradient(90deg,rgba(15,122,75,.06),transparent 35%,transparent 65%,rgba(15,122,75,.05));pointer-events:none}.head{position:relative;z-index:1;padding:18px 18px 12px;border-bottom:1px solid var(--stroke-2);display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:12px;min-width:0}.crest{width:44px;height:44px;border-radius:12px;background:radial-gradient(circle at 30% 30%,rgba(15,122,75,.18),transparent 60%),linear-gradient(135deg,#0f7a4b24,#00000008);border:1px solid var(--stroke);box-shadow:0 12px 34px #00000026;position:relative;overflow:hidden;flex:0 0 auto}.crest:after{content:"";position:absolute;inset:-45%;background:conic-gradient(from 210deg,transparent 0 25%,rgba(15,122,75,.12) 25% 35%,transparent 35% 100%);animation:spin 10s linear infinite;opacity:.9}@keyframes spin{to{transform:rotate(360deg)}}.title{min-width:0}.title h1{margin:0;font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:#000000d1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.title p{margin:6px 0 0;font-size:12px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pill{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:999px;border:1px solid var(--stroke-2);background:#ffffff8c;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#000000b3;white-space:nowrap}.dot{width:10px;height:10px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 6px #0b8f571f}.body{position:relative;z-index:1;padding:20px 18px 18px;display:flex;flex-direction:column;gap:16px}.notice{border-radius:16px;padding:12px 14px;border:1px solid var(--stroke-2);background:#ffffff8c;color:#000000b3;font-size:12px;letter-spacing:.04em;line-height:1.35;margin-bottom:4px}.notice strong{font-family:var(--mono);letter-spacing:.1em;color:#000000d1}form{display:flex;flex-direction:column;gap:14px;margin-top:4px}.field{border:1px solid var(--stroke-2);background:#ffffff8c;border-radius:16px;padding:12px 12px 10px;display:flex;flex-direction:column;gap:10px}.label{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-2)}.row{display:flex;align-items:center;gap:12px;padding-top:2px}input{width:100%;border:0;outline:0;background:transparent;color:#000000e0;font-size:16px;letter-spacing:.02em;padding:10px 0;min-width:0;caret-color:var(--accent)}input::placeholder{color:#0000004d}.btnMini{appearance:none;border:1px solid var(--stroke-2);background:#0000000a;color:#000000b8;padding:10px 12px;border-radius:12px;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .08s ease;flex:0 0 auto;font-size:12px;letter-spacing:.1em;text-transform:uppercase;-webkit-user-select:none;user-select:none}.btnMini:hover{background:#0000000f;border-color:#0f7a4b4d}.btnMini:active{transform:translateY(1px)}.btn{appearance:none;border:1px solid var(--stroke);color:#000000d1;background:#ffffff8c;padding:14px;border-radius:14px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:transform .08s ease,background .2s ease,border-color .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:10px;-webkit-user-select:none;user-select:none;width:100%;margin-top:2px}.btn.primary{border-color:#0f7a4b59;background:linear-gradient(180deg,#0f7a4b1f,#ffffff8c)}.btn:hover{background:#ffffffc7;border-color:#0f7a4b59}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.alert{border-radius:16px;padding:12px 14px;border:1px solid rgba(201,54,54,.28);background:#c9363614;color:#000000d1;font-size:12px;letter-spacing:.04em;line-height:1.35;margin-top:2px}.alert strong{font-family:var(--mono);letter-spacing:.1em}@media(max-width:420px){.head{padding:16px 16px 10px}.body{padding:18px 16px 16px}.pill{display:none}form{gap:12px}.btn{padding:14px}}