body{font-family:'Yu Gothic UI',Meiryo,sans-serif;background:#f4f6f9;display:flex;align-items:center;justify-content:center;min-height:100vh;margin:0;padding:16px}
.card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:32px;width:400px;max-width:100%}
h1{font-size:18px;margin:0 0 4px;text-align:center}
.sub{color:#6b7280;font-size:13px;text-align:center;margin:0 0 18px}
label{display:block;font-size:12px;color:#374151;margin:10px 0 4px;font-weight:600}
input{width:100%;box-sizing:border-box;border:1px solid #d1d5db;border-radius:8px;padding:10px;font-size:14px}
button{display:block;width:100%;box-sizing:border-box;border:0;border-radius:8px;padding:12px;font-size:14px;font-weight:700;cursor:pointer;margin-top:16px;background:#2563eb;color:#fff}
button:disabled{opacity:.6;cursor:default}
.tabs{display:flex;gap:6px;margin-bottom:16px}
.tabs button{flex:1;margin:0;padding:9px;background:#eef2f7;color:#374151;font-weight:600}
.tabs button.active{background:#2563eb;color:#fff}
.err{color:#dc2626;font-size:13px;margin-top:12px;min-height:16px}
.ok{color:#059669;font-size:13px;margin-top:12px;min-height:16px}
.links{text-align:center;font-size:12px;margin-top:16px}
.links a{color:#2563eb;text-decoration:none}
.foot{font-size:11px;color:#9ca3af;text-align:center;margin-top:18px;line-height:1.6}
.foot a{color:#9ca3af}
.hint{font-size:11px;color:#9ca3af;margin-top:2px}
.hidden{display:none}
.logo{font-size:34px;text-align:center}
.logo img{width:44px;height:44px;vertical-align:middle}
.verify-text{font-size:13px;color:#374151;line-height:1.9}
.plan-banner{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:10px 12px;font-size:13px;margin-bottom:14px;line-height:1.7}
.ok-box{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:9px 12px;font-size:13px;margin-bottom:14px;line-height:1.7}
.signup-link{display:inline-block;margin-top:8px}
.plan-banner-muted{color:#6b7280;font-size:12px}
.plan-discount{margin:7px 0 5px;background:#fef3c7;border:1px solid #fde68a;border-radius:7px;padding:6px 9px;color:#92400e;font-weight:700;font-size:12.5px}
.plan-discount s{opacity:.6;font-weight:600}
.plan-discount-note{font-weight:500;font-size:11px;color:#a16207}
.personal-note-link{color:#2563eb}
.resend-link{font-weight:700}