:root{font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:#142b4a;background:#f2f7fc;color-scheme:light}
*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px}
.card{max-width:690px;width:100%;background:white;border:1px solid #d8e6f6;border-radius:28px;padding:clamp(22px,5vw,44px);box-shadow:0 16px 50px #13375f11}
.logo{display:block;width:174px;max-width:100%;margin:0 auto 15px}
.eyebrow{display:inline-flex;background:#e5f6ee;border-radius:99px;padding:8px 13px;font-size:12px;font-weight:800;letter-spacing:.06em;color:#087254}
h1{font-size:clamp(24px,4.5vw,34px);line-height:1.2;letter-spacing:-.02em;margin:10px 0 14px}h2{font-size:22px}.intro,.hint,.footer{color:#58708d;line-height:1.65}.hint{font-size:14px}
.notice{margin:24px 0;background:#eaf4ff;border:1px solid #bcdcfb;color:#184a82;padding:15px 18px;border-radius:13px;line-height:1.5}
.notice[data-state="error"]{background:#fff1e8;border-color:#ffd0b8;color:#8a3b10}.notice[data-state="success"]{background:#e7f7ed;border-color:#a9dec1;color:#125a36}
.userline{margin-bottom:22px;color:#304e74;overflow-wrap:anywhere}
label{display:block;font-size:14px;font-weight:700;margin:17px 0 8px}
input{width:100%;border:1px solid #bfd3e9;border-radius:12px;padding:14px 15px;font-size:16px;color:#142b4a;background:white}input:focus-visible,button:focus-visible{outline:3px solid #67acf2;outline-offset:3px}
button{border:0;background:#116cc2;color:#fff;padding:15px 23px;border-radius:12px;font-weight:800;font-size:15px;margin-top:22px;cursor:pointer}button:disabled{background:#90a4bc;cursor:not-allowed}
.footer{margin:30px 0 0;border-top:1px solid #d8e6f6;padding-top:17px;font-size:13px}a{color:#0c6ebf}
[hidden]{display:none!important}

.button-link{display:inline-block;color:#fff;background:#116cc2;padding:12px 17px;border-radius:12px;text-decoration:none;font-weight:800}.button-link:focus-visible{outline:3px solid #67acf2;outline-offset:3px}