.account-page{--gold:#f3b95a;--gold-bright:#ffc43d;--text:#f5f1eb;--muted:#b7aea3;--line:#594a37;min-height:100vh;color:var(--text);background:#08090c;font-family:Inter,sans-serif}
.account-page::before{content:"";position:fixed;inset:80px 0 auto;height:590px;pointer-events:none;background:radial-gradient(ellipse at 15% 10%,#d8963820,transparent 45%),radial-gradient(ellipse at 83% 30%,#52667b18,transparent 38%);z-index:0}
.account-page .site-header{font-family:Inter,sans-serif}.account-page main{position:relative;padding-top:80px}.account-page .site-header a{text-decoration:none}.account-page #home-nav>a{font-size:10px}
.account-page .account-member{background:linear-gradient(110deg,#efc273,#b9792e);color:#1a120c;border-color:#c79751;box-shadow:0 0 20px #d99b4240}.account-page .account-member:hover{filter:brightness(1.15);transform:translateY(-1px)}
.account-page .eyebrow{color:#f1bb70;font:700 10px/1.5 'Space Grotesk',sans-serif;letter-spacing:.2em;text-transform:uppercase}.account-page .muted{color:#b3ada8}.account-page .account-loading{min-height:calc(100vh - 80px)}
.account-layout{max-width:1500px;min-height:calc(100vh - 80px);padding:clamp(40px,6vw,94px) clamp(20px,5vw,76px) 100px;gap:clamp(30px,7vw,110px);grid-template-columns:minmax(0,1fr) minmax(360px,510px);align-items:center}
.account-intro{position:relative;align-self:stretch;min-height:650px;display:flex;flex-direction:column;justify-content:center;padding:50px 35px 50px 0;isolation:isolate}.account-intro::before{content:"";position:absolute;inset:-70px -38px -40px -100px;z-index:-1;background:linear-gradient(90deg,#08090c 0%,#08090cba 43%,#08090c35 78%,#08090caa 100%),linear-gradient(0deg,#08090c,transparent 32%),url('/assets/v2/velkar-portal.webp') center/cover;opacity:.82;mask-image:linear-gradient(90deg,#000 70%,transparent)}
.account-intro h1{font:800 clamp(47px,5vw,77px)/1.03 Sora,sans-serif;letter-spacing:-.055em;max-width:700px;margin:17px 0 24px;text-shadow:0 4px 25px #000}.account-intro h1 em{font-style:normal;color:var(--gold-bright);-webkit-text-fill-color:var(--gold-bright)}.account-intro>p:not(.eyebrow){max-width:560px;font:400 15px/1.75 Inter,sans-serif;color:#e0d6ca;text-shadow:0 2px 15px #000}
.account-benefits{max-width:575px;margin-top:38px;border-top-color:#d9b57544}.account-benefits li{gap:18px;padding:16px 0;border-bottom-color:#d9b57533;color:#e9e0d6;font:500 12px/1.45 Inter,sans-serif;transition:padding .2s,color .2s,background .2s}.account-benefits li:hover{padding-left:12px;color:#fff;background:#e4a64e15}.account-benefits span{font:800 17px Sora,sans-serif;color:var(--gold-bright)}
.account-card{position:relative;padding:35px 38px 40px;background:linear-gradient(145deg,#1d2029f5,#101218fa 65%);border:1px solid #9b78494d;border-top:3px solid #e4ad5e;box-shadow:0 30px 85px #000a,0 0 40px #d4902620;overflow:hidden}.account-card::after{content:"";position:absolute;right:-90px;top:-105px;width:220px;height:220px;border:1px solid #eab96227;transform:rotate(45deg);pointer-events:none}.account-tabs{margin:-5px 0 32px}.account-tabs button{font:800 11px 'Space Grotesk',sans-serif;letter-spacing:.13em;cursor:pointer;transition:color .2s,background .2s,border .2s}.account-tabs button:hover{color:#ffddac;background:#dc9d4714}.account-tabs button[aria-selected=true]{color:#ffc43d;border-color:#ffc43d;background:#d99e4813}
.account-card h2{font:800 clamp(27px,3vw,38px)/1.15 Sora,sans-serif;letter-spacing:-.035em;color:#faf6f1}.account-card .eyebrow{margin-bottom:10px}.account-card label:not(.consent),.dashboard-card label{font:700 11px 'Space Grotesk',sans-serif;color:#e5d9cb;letter-spacing:.06em}.account-card input:not([type=checkbox]),.dashboard-card input,.dashboard-card select{min-height:49px;background:#090b0f;border:1px solid #655543;color:#fff;border-radius:0}.account-card input:focus,.dashboard-card input:focus,.dashboard-card select:focus{outline:2px solid #ffc43d;outline-offset:1px}.account-card .button,.dashboard-card .button,.member-welcome .button{display:inline-flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:12px 19px;border:1px solid #e5ad5b;border-radius:0;color:#1a140c;background:linear-gradient(110deg,#f4c778,#b88038);font:800 11px 'Space Grotesk',sans-serif;letter-spacing:.06em;text-decoration:none;cursor:pointer;transition:transform .2s,filter .2s,box-shadow .2s}.account-card .button:hover,.dashboard-card .button:hover,.member-welcome .button:hover{filter:brightness(1.12);transform:translateY(-2px);box-shadow:0 9px 25px #db9d4044}.account-card .button.secondary,.dashboard-card .button.secondary{color:#f5c786;background:#292018;border-color:#9f7247}.account-card .button.secondary:hover,.dashboard-card .button.secondary:hover{background:#473222}.account-page button:disabled{opacity:.55;cursor:wait;transform:none!important;box-shadow:none!important}.recovery-box summary,.dashboard-card summary{cursor:pointer;transition:color .2s}.recovery-box summary:hover,.dashboard-card summary:hover{color:#ffc43d}.account-card .consent a{color:#ffca6c}.account-card .result{color:#ffc97c}.account-card small{color:#aaa39d}
.member-shell{max-width:1520px;gap:22px;grid-template-columns:255px minmax(0,1fr);padding:40px clamp(18px,4vw,60px) 90px}.member-sidebar{top:103px;min-height:0;align-self:start;padding:26px 18px 22px;background:linear-gradient(155deg,#1c2028,#101218);border:1px solid #65503868;border-top:3px solid #dca45a;box-shadow:0 16px 45px #0005}.member-sidebar>.eyebrow,.member-sidebar h1,.member-sidebar .member-state{margin-left:12px}.member-avatar{width:68px;height:68px;margin:24px 12px 20px;border-color:#dba75b;background:linear-gradient(135deg,#876036,#211b18);color:#ffe1a3;font:800 30px Sora,sans-serif;box-shadow:0 0 30px #dba75b2a}.member-sidebar h1{font:800 26px/1.2 Sora,sans-serif;overflow-wrap:anywhere}.member-state{color:#9fdfb2}.member-sidebar nav{gap:3px;padding-top:15px}.member-sidebar nav a{position:relative;display:block;padding:13px 14px;border:1px solid transparent;color:#c2bbb5;font:700 11px/1.4 'Space Grotesk',sans-serif;text-decoration:none;transition:color .2s,background .2s,border .2s,transform .2s}.member-sidebar nav a:nth-child(1){--hover:#f3b95a}.member-sidebar nav a:nth-child(2){--hover:#5ab5e0}.member-sidebar nav a:nth-child(3){--hover:#ea7c69}.member-sidebar nav a:nth-child(4){--hover:#b89bf6}.member-sidebar nav a:nth-child(5){--hover:#80d2ab}.member-sidebar nav a:nth-child(6){--hover:#ffc43d}.member-sidebar nav a:hover,.member-sidebar nav a.active{color:var(--hover);background:color-mix(in srgb,var(--hover) 12%,transparent);border-color:color-mix(in srgb,var(--hover) 30%,transparent);transform:translateX(3px)}.member-sidebar nav a::before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:2px;background:var(--hover);opacity:0}.member-sidebar nav a:hover::before,.member-sidebar nav a.active::before{opacity:1}.member-sidebar .logout{margin:23px 12px 0;padding:7px 0;border:0;background:none;color:#d79c83;font:700 11px 'Space Grotesk',sans-serif;cursor:pointer}.member-sidebar .logout:hover{color:#ffb195;text-decoration:underline}
.member-welcome{min-height:275px;padding:clamp(28px,3vw,44px);border:1px solid #9870466b;border-top:3px solid #dca45a;background:linear-gradient(90deg,#11141cf2 0%,#151922ce 55%,#13161aa3),url('/assets/hero.jpg') 70% 38%/cover;box-shadow:0 16px 40px #0005}.member-welcome h2{font:800 clamp(35px,4vw,56px)/1.06 Sora,sans-serif;letter-spacing:-.05em}.member-welcome p:not(.eyebrow){max-width:480px;color:#dad4cf;font-size:13px;line-height:1.65}.member-welcome .button{flex-shrink:0;min-width:173px}
.member-metrics{gap:12px}.member-metrics article{position:relative;min-width:0;padding:23px;background:linear-gradient(140deg,#1b2029,#101319);border:1px solid #6d58406b;transition:transform .2s,border-color .2s,background .2s}.member-metrics article:nth-child(1){--metric:#8cdaa7}.member-metrics article:nth-child(2){--metric:#6dbfeb}.member-metrics article:nth-child(3){--metric:#efba68}.member-metrics article:hover{transform:translateY(-3px);border-color:var(--metric);background:linear-gradient(140deg,color-mix(in srgb,var(--metric) 15%,#151922),#101319)}.member-metrics span{font:700 10px 'Space Grotesk',sans-serif;color:#aea9a4}.member-metrics strong{font:800 29px Sora,sans-serif;color:var(--metric)}.member-metrics small{color:#b6aea5;font-size:11px}
.dashboard-card{background:linear-gradient(150deg,#191d26,#101319);border:1px solid #705a406b;border-top:2px solid #ae814c;padding:clamp(23px,3vw,34px);scroll-margin-top:102px}.card-heading{border-bottom-color:#9a785443}.card-heading h3{font:800 clamp(21px,2vw,28px)/1.2 Sora,sans-serif;letter-spacing:-.04em}.card-icon{color:#f1bc6c}.dashboard-card>p{color:#b9b3ac;font-size:12px;line-height:1.7}.character-profile{background:#111720;border:1px solid #65533e;padding:19px;transition:transform .2s,border-color .2s,box-shadow .2s}.character-profile:hover{transform:translateY(-2px);border-color:#6cbfe7;box-shadow:0 9px 25px #51a4df1d}.character-profile-head>span{background:#519bd827;color:#8bd1f7;border-color:#60b8e788}.character-profile-head strong{font:800 17px Sora,sans-serif;color:#f7f3ed}.character-profile-head small,.character-profile-head em{color:#c2b8ad}.character-stats{background:#5b67745c}.character-stats div{background:#101319}.character-stats span{font:700 8px 'Space Grotesk',sans-serif;color:#a4a8ad}.character-stats strong{font:700 13px Sora,sans-serif}.empty-state{padding:40px 15px;color:#a9cbe2}.dashboard-grid{gap:14px}.dashboard-grid .dashboard-card{min-width:0}.connection-card{grid-column:1/-1;background:linear-gradient(110deg,#281c1b,#151820 70%);border-color:#9c624b;border-top-color:#d48b70}.connection-card .card-icon,.connection-card .eyebrow{color:#f09d7d}.connection-card .button.secondary{color:#ffba9e;border-color:#ba755b;background:#46291f}.connection-card .button.secondary:hover{background:#663729}.dashboard-grid #seguridad{border-top-color:#a994db}.dashboard-grid #seguridad .card-icon,.dashboard-grid #seguridad .eyebrow{color:#c1aaf3}.dashboard-grid #descarga{border-top-color:#75c69e}.dashboard-grid #descarga .card-icon,.dashboard-grid #descarga .eyebrow{color:#99e2b9}.dashboard-card summary{padding:14px 0;color:#d5befb}
.security-code-card{border-color:#f0be70;background:#50361c48}.security-code-card code{color:#ffe0a6}.beta-shop{border-top-color:#e7b453}.beta-shop-balance{color:#e6c28a!important}.beta-shop-balance strong{color:#ffc43d}.beta-shop-public{color:#ffc97c;text-decoration:none}.beta-shop-public:hover{color:#fff}.beta-product{transition:transform .2s,border-color .2s,box-shadow .2s}.beta-product:hover{transform:translateY(-3px);border-color:#f0bb69;box-shadow:0 13px 30px #e7a84b26}.beta-product .button:hover{transform:none}.account-privacy{position:relative;max-width:1300px;padding:32px clamp(20px,4vw,60px);margin:0 auto 30px;border-top:1px solid #9c754943;color:#a39b94}.account-privacy h2{font:800 19px Sora,sans-serif;color:#e9c593}.account-privacy p{font-size:11px}
@media(max-width:1160px){.account-page .site-header-inner{padding-right:16px}.account-layout{grid-template-columns:minmax(0,1fr) minmax(340px,440px);gap:28px}.account-intro h1{font-size:clamp(43px,5vw,62px)}.member-shell{grid-template-columns:220px minmax(0,1fr)}.member-welcome{display:block}.member-welcome .button{margin-top:18px}}
@media(max-width:900px){.account-layout{grid-template-columns:1fr;gap:26px;padding-top:25px}.account-intro{min-height:310px;padding:30px 0}.account-intro::before{inset:-25px -20px;mask-image:linear-gradient(90deg,#000 70%,transparent)}.account-intro h1{max-width:650px;font-size:clamp(43px,7vw,62px)}.account-benefits{display:none}.account-card{width:min(100%,600px);margin:auto}.member-shell{grid-template-columns:1fr}.member-sidebar{position:relative;top:auto}.member-sidebar nav{display:flex;overflow-x:auto;gap:5px}.member-sidebar nav a{white-space:nowrap;border:1px solid #5e4a3760}.member-sidebar .logout{position:absolute;right:24px;top:49px;margin:0}.member-welcome{display:flex}.member-welcome .button{margin:0}.dashboard-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.account-page main{padding-top:72px}.account-layout{min-height:0}.member-shell{padding-top:20px}.member-welcome{display:block}.member-welcome .button{width:100%;margin-top:18px}.dashboard-grid{grid-template-columns:1fr}.account-page .account-member{display:none}}
@media(max-width:620px){.account-layout{padding:18px 16px 55px}.account-intro{min-height:280px}.account-intro h1{font-size:clamp(38px,10vw,50px)}.account-intro>p:not(.eyebrow){font-size:13px}.account-card{padding:25px 20px}.member-shell{padding:15px 12px 60px}.member-sidebar{padding:22px 15px}.member-sidebar .logout{right:18px}.member-welcome{padding:28px 23px}.member-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.member-metrics article:nth-child(3){grid-column:1/-1}.dashboard-card{padding:23px 18px}.character-profile-head{grid-template-columns:42px 1fr}.character-profile-head em{grid-column:1/-1}.character-stats{grid-template-columns:repeat(4,1fr)}.download-options{grid-template-columns:1fr}}

.account-page .auth-modal{max-width:calc(100vw - 32px)}@media(max-width:760px){.account-page .auth-modal{max-width:min(560px,calc(100vw - 18px))}}

.account-footer{position:relative;display:grid;grid-template-columns:1fr auto;gap:18px 30px;align-items:center;padding:35px clamp(20px,5vw,76px);border-top:1px solid #755a3a60;background:#0b0d11;color:#9c958e}.account-footer-brand{display:block;color:#f3bd71;font:800 18px Sora,sans-serif;letter-spacing:.08em;text-decoration:none}.account-footer-brand small{display:block;margin-top:5px;color:#9f8464;font:700 9px 'Space Grotesk',sans-serif}.account-footer p{font-size:11px;margin:12px 0 0}.account-footer nav{display:flex;gap:18px}.account-footer nav a{color:#c9b9a3;text-decoration:none;font:700 10px 'Space Grotesk',sans-serif;transition:color .2s}.account-footer nav a:hover{color:#ffc43d}.account-footer>small{grid-column:1/-1;color:#817b75;font-size:10px}@media(max-width:620px){.account-footer{grid-template-columns:1fr}.account-footer nav{flex-wrap:wrap}}

/* Account navigation: profile row and full-width horizontal tabs */
.account-page .member-shell{display:block;max-width:1440px;padding-top:34px}
.account-page .member-sidebar{position:relative;top:auto;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:0 28px;width:100%;min-height:0;margin:0 0 20px;padding:20px 28px 0;background:linear-gradient(110deg,#1c2029,#11151c 68%,#211b19);border:1px solid #72573e;border-top:3px solid #dda85e;box-shadow:0 15px 35px #0007}
.account-page .member-identity{display:flex;align-items:center;gap:18px;min-width:0;padding-bottom:21px}
.account-page .member-avatar{flex:0 0 62px;width:62px;height:62px;margin:0}
.account-page .member-identity-copy{min-width:0}
.account-page .member-identity-copy .eyebrow,.account-page .member-sidebar h1,.account-page .member-sidebar .member-state{margin:0}
.account-page .member-sidebar h1{margin:3px 0 4px;font-size:clamp(20px,2.2vw,29px)}
.account-page .member-state{font-size:9px}
.account-page .member-sidebar .logout{position:static;display:inline-flex;align-items:center;gap:12px;margin:0 0 21px;padding:11px 14px;border:1px solid #b37b6855;background:#3a242052;color:#efab8d;white-space:nowrap;transition:background .2s,color .2s}
.account-page .member-sidebar .logout:hover{color:#fff;background:#6c332a;text-decoration:none}
.account-page .member-sidebar nav{grid-column:1/-1;display:flex;align-items:stretch;gap:4px;min-width:0;overflow-x:auto;margin:0 -28px;padding:0 24px;border-top:1px solid #755b405e;scrollbar-width:thin;scrollbar-color:#8d693b #181a20}
.account-page .member-sidebar nav a{flex:1 0 auto;display:flex;align-items:center;justify-content:center;min-height:56px;margin:0;padding:14px clamp(12px,1.5vw,22px);border:0;border-bottom:3px solid transparent;background:transparent;color:#c7bbb0;text-align:center;white-space:nowrap;font:800 11px/1.25 'Space Grotesk',sans-serif;letter-spacing:.03em;transition:color .2s,background .2s,border-color .2s}
.account-page .member-sidebar nav a:hover,.account-page .member-sidebar nav a.active{transform:none;color:var(--hover);background:color-mix(in srgb,var(--hover) 11%,transparent);border-color:var(--hover)}
.account-page .member-sidebar nav a::before{inset:auto 14px 0;height:0;width:auto}
.account-page .member-content{width:100%}
.account-page .member-welcome{min-height:280px}
.account-page .dashboard-card{scroll-margin-top:100px}
@media(max-width:900px){.account-page .member-sidebar{padding:17px 18px 0}.account-page .member-sidebar nav{margin:0 -18px;padding:0 14px}.account-page .member-sidebar nav a{flex:0 0 auto}.account-page .member-sidebar .logout{right:auto;top:auto}}
@media(max-width:620px){.account-page .member-sidebar{gap:0 8px;padding:15px 13px 0}.account-page .member-identity{gap:10px;padding-bottom:15px}.account-page .member-avatar{flex-basis:45px;width:45px;height:45px;font-size:22px}.account-page .member-sidebar h1{font-size:18px}.account-page .member-identity-copy .eyebrow{font-size:8px}.account-page .member-state{font-size:8px}.account-page .member-sidebar .logout{padding:9px 8px;margin-bottom:15px;font-size:0}.account-page .member-sidebar .logout span{font-size:15px}.account-page .member-sidebar nav{margin:0 -13px;padding:0 9px}.account-page .member-sidebar nav a{min-height:49px;padding:12px 13px;font-size:10px}}

/* Sidebar tabs: show one account section at a time */
.account-page .member-shell{display:grid;grid-template-columns:260px minmax(0,1fr);align-items:start;gap:22px;max-width:1440px}
.account-page .member-sidebar{position:sticky;top:103px;display:flex;flex-direction:column;align-items:stretch;gap:0;width:auto;min-height:0;margin:0;padding:26px 18px 20px;background:linear-gradient(155deg,#1c2028,#101218);border:1px solid #65503868;border-top:3px solid #dca45a}
.account-page .member-identity{display:block;padding:0 10px 23px;border-bottom:1px solid #80634450}
.account-page .member-avatar{width:64px;height:64px;margin:8px 0 18px}
.account-page .member-sidebar h1{font-size:25px}
.account-page .member-state{margin-top:8px!important}
.account-page .member-sidebar nav{order:2;display:flex;flex-direction:column;gap:5px;width:100%;min-width:0;overflow:visible;margin:0;padding:14px 0 0;border:0}
.account-page .member-sidebar nav a{flex:0 0 auto;display:flex;justify-content:flex-start;min-height:47px;width:100%;padding:11px 14px;border:1px solid transparent;border-left:3px solid transparent;text-align:left;white-space:normal;font-size:11px;line-height:1.35}
.account-page .member-sidebar nav a:hover,.account-page .member-sidebar nav a.active{color:var(--hover);background:color-mix(in srgb,var(--hover) 12%,#12151b);border-color:color-mix(in srgb,var(--hover) 28%,transparent);border-left-color:var(--hover)}
.account-page .member-sidebar nav a:focus-visible{outline:2px solid var(--hover);outline-offset:2px}
.account-page .member-sidebar .logout{order:3;width:calc(100% - 20px);justify-content:space-between;margin:20px 10px 0;padding:12px 13px;font-size:11px}
.account-page .member-content{min-width:0}
.account-page .member-content > .account-panel{margin:0}
.account-page .account-summary .member-welcome{min-height:260px}
.account-page .account-summary .member-metrics{margin-bottom:0}
.account-page .member-content > .dashboard-card{min-height:320px}
.account-page #seguridad{border-top-color:#a994db}
.account-page #seguridad .card-icon,.account-page #seguridad .eyebrow{color:#c1aaf3}
.account-page #descarga{border-top-color:#75c69e}
.account-page #descarga .card-icon,.account-page #descarga .eyebrow{color:#99e2b9}
.account-page #conexion{grid-column:auto}
.account-page #tienda{margin:0}
.account-page #member-result{margin:10px 0}
@media(max-width:900px){.account-page .member-shell{grid-template-columns:1fr}.account-page .member-sidebar{position:static;padding:17px 18px 0}.account-page .member-identity{display:flex;align-items:center;gap:14px;padding:0 0 17px}.account-page .member-avatar{flex:0 0 54px;width:54px;height:54px;margin:0}.account-page .member-sidebar .logout{position:absolute;top:20px;right:18px;width:auto;margin:0;order:0}.account-page .member-sidebar nav{order:3;flex-direction:row;gap:3px;overflow-x:auto;margin:0 -18px;padding:0 14px;border-top:1px solid #80634450}.account-page .member-sidebar nav a{width:auto;min-height:49px;white-space:nowrap;border:0;border-bottom:3px solid transparent;border-left:0;padding:12px 15px}.account-page .member-sidebar nav a:hover,.account-page .member-sidebar nav a.active{border-left:0;border-bottom-color:var(--hover)}}
@media(max-width:620px){.account-page .member-sidebar{padding:15px 13px 0}.account-page .member-identity{padding:0 38px 14px 0}.account-page .member-avatar{flex-basis:44px;width:44px;height:44px;margin:0}.account-page .member-sidebar h1{font-size:18px}.account-page .member-sidebar .logout{top:18px;right:13px;width:34px;height:34px;margin:0;padding:7px;font-size:0}.account-page .member-sidebar nav{margin:0 -13px;padding:0 9px}.account-page .member-sidebar nav a{min-height:47px;font-size:10px}}