/* Shared account appearance, matching the home page. */
.account-page{--bg:#f6f9ff;--ink:#172746;--purple:#285bd6;--line:#dae3f3;min-height:100svh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 90% 30%,#e6f1ff,transparent 60%),#f6f9ff;color:var(--ink);font-family:'Malgun Gothic','Apple SD Gothic Neo',Arial,sans-serif}
.account-page header{width:100%;max-width:none;height:120px;padding:0 max(6%,calc((100% - 1200px)/2));background:transparent;border-bottom:1px solid #d4e1f4;flex-shrink:0}
.account-page header .brand-logo-full{width:230px;height:auto}
.account-page .auth-nav{gap:8px}
.account-page .auth-nav a{background:#edf3ff;border-radius:12px;padding:11px 15px;color:#234675;font-weight:700}
.account-page .auth-nav a:hover{background:#dfeaff}
.account-page .auth-main{width:100%;max-width:580px;min-height:0;flex:1;padding:48px 24px 64px}
.account-page .auth-card{border:1px solid #d8e4f5;border-radius:24px;background:#fff;box-shadow:0 7px 0 #e2ebf8,0 20px 50px #20467412;padding:32px}
.account-page .auth-card h2{font-size:28px;font-weight:900;color:#172746}
.account-page .auth-sub,.account-page .field-help,.account-page .profile-list dt{color:#60738d}
.account-page .field input{border:1px solid #c9d8ec;border-radius:11px;background:#fbfdff;color:#172746}
.account-page .field input:focus{outline:2px solid #4077db;outline-offset:2px;border-color:#4077db}
.account-page .auth-submit{background:#ffb32d;color:#382600;border-radius:13px;font-weight:800;box-shadow:0 4px 0 #d58a0e}
.account-page .auth-submit:hover{background:#ffc348}
.account-page .secondary-button,.account-page .check-button{background:#edf4ff;color:#2555a4;border:1px solid #cdddf5;border-radius:10px}
.account-page .auth-links,.account-page .auth-card summary,.account-page .show-password{color:#285bd6}
.account-page .form-message{background:#edf3fc;color:#24436e;border-radius:11px}
.account-page .auth-card details,.account-page .profile-list div{border-color:#d9e4f4}
.account-page footer{width:100%;max-width:1400px;padding:30px 5%;gap:20px;flex-shrink:0}
.account-page footer .brand-logo-full{width:170px;height:auto}
.account-page footer p{color:#647791}
.account-page .back-top{color:#325b91}
@media(max-width:700px){.account-page header{height:auto;min-height:90px;flex-wrap:nowrap;gap:10px;padding:12px 6%}.account-page header .brand-logo-full{width:160px}.account-page .brand{flex-shrink:0}.account-page .auth-nav{gap:7px}.account-page .auth-nav a{font-size:12px;padding:9px 10px}.account-page .auth-main{padding:28px 18px 44px}.account-page .auth-card{padding:26px 20px}.account-page footer{padding:28px 6%}.account-page footer .brand-logo-full{width:140px}}
@media(max-width:360px){.account-page header{padding-inline:12px;gap:6px}.account-page .auth-nav{gap:4px}.account-page .auth-nav a{padding:9px 7px}}