:root{--bg-from:#fffbeb;--bg-via:#ecfdf5;--bg-to:#eff6ff;--accent:#059669;--accent-hover:#047857;--text:#1f2937;--text-muted:#6b7280;--border:#e5e7eb}*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif;color:var(--text)}body{background:linear-gradient(135deg,var(--bg-from),var(--bg-via),var(--bg-to))}.container,body{min-height:100vh}.container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}.card{width:100%;max-width:420px;background:#ffffff;border:1px solid var(--border);border-radius:16px;box-shadow:0 4px 16px rgba(0,0,0,.06);padding:32px 28px}.logo{font-size:20px;font-weight:700;margin-bottom:8px}.logo,.title{text-align:center}.title{font-size:16px;font-weight:600;margin:0 0 4px}.message{font-size:14px;text-align:center;margin:12px 0;line-height:1.6}.label,.message{color:var(--text-muted)}.label{display:block;font-size:13px;margin-bottom:6px}.input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;font-size:14px;margin-bottom:16px}.input:focus{outline:none;border-color:var(--accent)}.button{width:100%;padding:10px 12px;background:var(--accent);color:#ffffff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer}.button:hover{background:var(--accent-hover)}.button:disabled{opacity:.6;cursor:not-allowed}.note{font-size:12px;color:var(--text-muted);text-align:center;margin-top:20px;line-height:1.6}.error{color:#dc2626}.error,.success{font-size:13px;text-align:center;margin:12px 0}.success{color:var(--accent)}