:root{--paper:#111416;--ink:#f1ede5;--muted:#8b9290;--line:rgba(241,237,229,.14);--panel:#1b1f21;--err:#e6a37a}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--paper);color:var(--ink)}body{font-family:Manrope,"Segoe UI",sans-serif}.silent-topbar{height:56px;display:flex;align-items:center;padding:0 clamp(22px,3.2vw,54px);border-bottom:1px solid var(--line)}.silent-topbar a{color:var(--ink);text-decoration:none;font:650 10px/1 Manrope,sans-serif;letter-spacing:.19em}.login-wrap{width:min(420px,calc(100% - 48px));min-height:calc(100svh - 56px);margin:auto;padding:clamp(58px,9vh,96px) 0 42px;display:flex;flex-direction:column;align-items:center;text-align:center}.login-wrap header p{margin:0 0 22px;color:var(--muted);font:650 9px/1 Manrope,sans-serif;letter-spacing:.22em}.login-wrap h1{margin:0;font:430 clamp(34px,5vw,44px)/1.18 "OM Noto Serif KR",SourceSerif,serif;letter-spacing:-.035em}.login-wrap header div{margin:20px 0 0;color:var(--muted);font:400 15px/1.7 "OM Noto Serif KR",SourceSerif,serif}form{width:100%;margin-top:clamp(40px,6vh,56px);display:flex;flex-direction:column;gap:14px}label{text-align:left;color:var(--muted);font:600 10px/1 Manrope,sans-serif;letter-spacing:.14em}input{width:100%;padding:14px 16px;border:1px solid var(--line);background:var(--panel);color:var(--ink);font:400 16px/1.4 Manrope,sans-serif;letter-spacing:.02em}input:focus-visible{outline:1px solid var(--ink);outline-offset:2px}button{margin-top:6px;padding:14px 16px;border:1px solid var(--line);background:var(--ink);color:var(--paper);font:650 13px/1 Manrope,sans-serif;letter-spacing:.08em;cursor:pointer;transition:opacity .2s}button:hover{opacity:.86}button:disabled{opacity:.5;cursor:default}.err{margin:2px 0 0;color:var(--err);font:500 13px/1.5 Manrope,sans-serif;text-align:left}.help{margin-top:28px;color:var(--muted);font:400 13px/1.6 "OM Noto Serif KR",SourceSerif,serif}