:root{--ink:#3b3429;--muted:#8a7a64;--line:#e6dac6;--accent:#5f7a52;--danger:#c0574a}*{box-sizing:border-box}[hidden]{display:none!important}html,body{min-height:100%;color:var(--ink);background:radial-gradient(1200px 600px at 20% 0,#eaf2e1 0%,#0000 60%),radial-gradient(900px 500px at 100% 100%,#f6e6d3 0%,#0000 60%),#f6efe2;margin:0;font-family:Pretendard,Apple SD Gothic Neo,Malgun Gothic,Noto Sans KR,system-ui,sans-serif}.gate{min-height:100vh;padding:16px;display:flex}.card{border:1px solid var(--line);text-align:center;background:#fffcf5f5;border-radius:22px;width:min(400px,100%);margin:auto;padding:32px 28px;box-shadow:0 18px 50px #503c1e24}.logo{font-size:44px}h1{margin:4px 0 6px;font-size:28px}.lead{color:var(--muted);margin:0 0 22px}form{text-align:left;gap:8px;display:grid}label{font-size:14px;font-weight:600}input{font:inherit;border:1px solid var(--line);border-radius:12px;outline:none;width:100%;padding:12px 14px;font-size:15px}input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #5f7a522e}button{font:inherit;background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:12px;padding:12px;font-weight:600}.error{color:var(--danger);min-height:1.2em;margin:0;font-size:13px}.hint{color:var(--muted);margin:18px 0 0;font-size:12px;line-height:1.6}.checking p{color:var(--muted)}.spinner{border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:30px;height:30px;margin:0 auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}