.account-layout{max-width:1100px;margin:70px auto;padding:0 24px;display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.login-intro img{width:200px;margin-bottom:20px}.login-intro h1,.account-welcome h1{font-size:52px}.login-intro>p:last-child{margin-top:25px;max-width:400px}.account-panel{background:var(--surface);padding:36px;border:1px solid var(--line)}.account-panel h2{font-size:30px;margin-bottom:14px}.account-panel label{display:block;font-size:13px;margin:20px 0 8px}.account-panel input{width:100%;padding:14px;border:1px solid #ffffff30;background:var(--bg);color:var(--ink);font:inherit;border-radius:4px}.account-panel .button{width:100%;margin-top:24px;cursor:pointer}.provider{width:100%;padding:15px;border:1px solid #ffffff30;background:transparent;display:flex;align-items:center;justify-content:center;gap:10px;text-align:center;font-size:14px;margin-top:12px}.provider:hover{border-color:var(--gold);color:var(--gold)}.provider-icon{width:20px;height:20px;flex:0 0 auto;fill:currentColor}.provider i{font-style:normal;font-size:12px}[hidden]{display:none!important}.social-login{margin:24px 0}.separator{font-size:10px;letter-spacing:2px;color:var(--muted);text-align:center;margin:24px 0}.note{font-size:12px;margin-top:20px}#feedback{color:var(--gold);font-size:14px;margin:18px 0}button:disabled{opacity:.5;cursor:wait}.account-welcome,.wide{grid-column:1/-1}.account-welcome p{margin-top:16px}dl{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:40px}dt{font-size:12px;color:var(--muted);margin-bottom:8px}dd{margin:0;overflow-wrap:anywhere}#characters{display:grid;gap:12px}.character{padding:18px;background:var(--bg);border:1px solid var(--line);display:flex;justify-content:space-between;gap:18px}.character span{color:var(--muted);font-size:13px}@media(max-width:700px){.account-layout{grid-template-columns:1fr;margin:35px auto;gap:30px}.login-intro img{width:110px}.login-intro h1,.account-welcome h1{font-size:40px}.account-panel{padding:24px}dl{grid-template-columns:1fr}.character{flex-direction:column}}#feedback[data-type=error]{padding:13px 15px;border:1px solid #ff5a5f;border-radius:4px;background:#ff303018;color:#ff9a9e;font-weight:700;line-height:1.5}#feedback[data-type=error]:before{content:"⚠ ";color:#ff5a5f}
