.account-main{max-width:1050px;margin:0 auto;padding:54px 5% 100px}
.account-main .page-intro{margin-bottom:34px}
.account-main .page-intro h1{font-size:clamp(42px,7vw,80px);margin:14px 0;line-height:1.05}
.account-main .page-intro>p:last-child{max-width:720px;line-height:1.7;color:var(--muted)}
.account-panel{max-width:650px;padding:clamp(24px,4vw,46px);border:1px solid var(--line);background:var(--panel)}
.account-panel[hidden],.account-view[hidden],.account-main [hidden]{display:none!important}
.account-panel h2{font-size:clamp(26px,3vw,38px);line-height:1.15;margin:0 0 18px}
.account-panel p{color:var(--muted);line-height:1.6}
.account-panel form{display:grid;gap:18px;margin-top:25px}
.account-panel label{display:grid;gap:9px;color:var(--ink);font-size:14px;letter-spacing:.02em}
.account-panel input{width:100%;box-sizing:border-box;background:#111;color:var(--ink);border:1px solid #62605c;border-radius:0;min-height:52px;padding:13px 15px;font:inherit}
.account-panel input:focus-visible,.account-panel button:focus-visible,.account-tabs button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.account-panel button{cursor:pointer}
.account-panel button:disabled{opacity:.5;cursor:wait}
.account-panel .button{justify-self:start;margin-top:5px;padding:14px 24px;border:1px solid var(--gold);background:var(--gold);color:#111;font-weight:700}
.account-tabs{display:flex;gap:22px;border-bottom:1px solid var(--line);margin-bottom:34px}
.account-tabs button{padding:0 0 15px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);font:inherit;font-weight:700}
.account-tabs button[aria-current="true"]{color:var(--ink);border-color:var(--gold)}
.account-text-button{display:inline-block;margin:20px 22px 0 0;padding:0;border:0;background:transparent;color:var(--gold);font:inherit;text-decoration:underline;text-underline-offset:4px}
.account-google{margin-top:35px;border-top:1px solid var(--line);padding-top:28px;text-align:center}
.account-google span{display:block;color:var(--muted);font-size:12px;letter-spacing:.15em;margin-bottom:20px}
.account-google button{width:100%;min-height:52px;border:1px solid var(--gold);background:transparent;color:var(--ink);font:inherit;font-weight:700}
.account-google button:hover{background:#34291b}
.account-status,.account-error{max-width:650px;line-height:1.6;margin:0 0 22px}
.account-status:not(:empty){color:var(--gold)}
.account-error{padding:12px 16px;border-left:3px solid #cb7979;background:#291b1b;color:#ffe0e0}
.account-note{border-top:1px solid var(--line);padding-top:20px;margin:26px 0}
.account-orders{margin-top:34px;border-top:1px solid var(--line);padding-top:30px}
.account-orders h3{font-size:25px;margin:0 0 18px}
.my-orders-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.my-orders-list li{border:1px solid var(--line);padding:16px;display:grid;gap:5px}
.my-orders-list strong{color:var(--gold)}
.my-orders-list span{color:var(--muted);font-size:14px}
.my-orders-list li{padding:0}
.my-orders-list a{display:grid;gap:5px;padding:18px;color:inherit;text-decoration:none;min-height:76px}
.my-orders-list a:hover{background:#34291b}
.my-orders-list a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:600px){.account-main{padding:34px 5% 70px}.account-panel{padding:25px 19px}.account-tabs{gap:15px}.account-tabs button{font-size:14px}}