@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
/* Fijas de Élite 3.2.7: same design language as homepage, existing features untouched */
body.auth-page{--fe-gold:#dbbb7b;--fe-gold-light:#f1d69b;--fe-ink:#0a0e12;--fe-line:rgba(219,228,228,.12);margin:0;min-height:100vh;color:#f5f1e8;background:#0a0e12;font-family:'DM Sans',system-ui,sans-serif;overflow-x:hidden}
body.auth-page *,body.auth-page *::before,body.auth-page *::after{box-sizing:border-box}
body.auth-page [hidden]{display:none!important}
.client-ambient{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 20% 16%,rgba(190,146,66,.11),transparent 38%),radial-gradient(ellipse at 90% 78%,rgba(52,100,87,.08),transparent 50%);z-index:0}
.client-public-header{position:relative;z-index:3;max-width:1160px;height:92px;margin:auto;padding:0 30px;display:flex;align-items:center;justify-content:space-between;gap:12px;animation:clientNavEnter .7s ease both}
.client-public-logo{text-decoration:none;display:flex;align-items:center;gap:12px;color:#f3eee6;font:800 14px Manrope,sans-serif;letter-spacing:.09em}
.client-public-logo b{color:#d6b36e}
.client-public-logo-mark,.client-brand-symbol{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border:1px solid #aa8d55;border-radius:11px;background:linear-gradient(135deg,#29271d,#131a1d);color:#eccd8d;font-size:12px;letter-spacing:-.03em}
.client-back{border:1px solid #49504b;border-radius:11px;padding:11px 16px;font-size:12px;font-weight:700;color:#d6d6cc;text-decoration:none;transition:border-color .25s,background .25s,transform .25s}
.client-back:hover{border-color:#c7a867;background:#2c2920;transform:translateY(-2px)}
.auth-page .auth-layout{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:clamp(24px,3vw,46px) 30px 70px;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:clamp(30px,6vw,95px);align-items:center}
.auth-page .auth-intro{position:relative;min-height:610px;display:flex;flex-direction:column;justify-content:center;padding:30px 0 60px;animation:clientHeroEnter .85s cubic-bezier(.22,1,.36,1) both}
.auth-page .auth-intro .eyebrow{display:inline-flex;align-items:center;gap:10px;align-self:flex-start;border:1px solid rgba(219,187,123,.25);border-radius:28px;padding:9px 13px;background:rgba(219,187,123,.05);font-size:10px;letter-spacing:.18em;color:#ddbf85;font-weight:800}
.client-pulse-dot{width:7px;height:7px;border-radius:50%;background:#d8b876;box-shadow:0 0 0 5px #d9ba7420;animation:clientPulse 2.6s ease-in-out infinite}
.auth-page .auth-intro h1{font:800 clamp(46px,5vw,72px)/1.1 Manrope,system-ui,sans-serif;letter-spacing:-.066em;margin:26px 0 18px;color:#f7f2ea}
.auth-page .auth-intro h1 em{color:#d6b36e;font-style:normal}
.auth-page .auth-intro>p{color:#aab6b5;font-size:15px;line-height:1.9;max-width:445px;margin:0}
.client-intro-signals{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:29px;color:#b1b9b3;font-size:11px}
.client-intro-signals span::first-letter{color:#d4b379}
.client-soccer-visual{position:relative;width:min(100%,430px);height:150px;margin-top:35px;border:1px solid #6a634d55;border-radius:19px;background:linear-gradient(135deg,#1b2627,#131b21);overflow:hidden;box-shadow:0 15px 55px #0005}
.client-soccer-visual:before{content:"";position:absolute;inset:13px;border:1px solid #e6c68d25;border-radius:10px}
.client-soccer-ring{position:absolute;left:50%;top:50%;width:140px;height:140px;transform:translate(-50%,-50%);border:1px solid #ddb7763b;border-radius:50%;box-shadow:0 0 0 22px #d7a95a08,0 0 0 48px #d7a95a07}
.client-soccer-center{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);font:800 31px Manrope,system-ui,sans-serif;color:#e6c589;text-align:center;letter-spacing:.02em}
.client-soccer-center span{display:block;font:800 8px 'DM Sans',sans-serif;letter-spacing:.13em;color:#aab7ae;white-space:nowrap}
.client-soccer-orbit{position:absolute;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;border:1px solid #ac8f55;background:#252d2b;box-shadow:0 10px 20px #0009}
.client-orbit-one{top:24px;left:17%;animation:clientBob 6s ease-in-out infinite}
.client-orbit-two{bottom:19px;right:17%;color:#e7c98c;animation:clientBob 5s 1s ease-in-out infinite}
.auth-page .auth-card{width:100%;max-width:515px;padding:clamp(24px,4vw,42px)!important;border:1px solid #73613d80!important;border-radius:22px!important;background:linear-gradient(155deg,#182124,#131a1e 70%)!important;box-shadow:0 35px 95px #0008,0 0 80px #bb99530a!important;position:relative;overflow:hidden;animation:clientHeroEnter .8s .1s cubic-bezier(.22,1,.36,1) both}
.auth-page .auth-card:before{content:"";pointer-events:none;position:absolute;top:0;left:14%;right:14%;height:1px;background:linear-gradient(90deg,transparent,#eac98c,transparent)}
.client-login-heading span{display:block;color:#d6b979;font-size:10px;font-weight:800;letter-spacing:.18em}
.client-login-heading p{font:800 18px Manrope,system-ui,sans-serif;letter-spacing:-.02em;color:#f7f0df;margin:12px 0 22px}
.auth-page .auth-tabs{display:flex;gap:5px;border:1px solid #343e3d;background:#0a1114;border-radius:12px;padding:5px}
.auth-page .auth-tabs button{cursor:pointer;min-height:42px;font-size:12px;transition:background .25s,color .25s}
.auth-page .auth-tabs button.active{background:linear-gradient(120deg,#433723,#272920);color:#f4d7a1}
.auth-page .auth-card h2{font:800 24px Manrope,system-ui,sans-serif;letter-spacing:-.035em;margin:26px 0 16px;color:#f8f1e4}
.auth-page .auth-card p{font-size:12px;color:#aeb9b8;line-height:1.65}
.auth-page .auth-card label{font-size:12px;font-weight:700;color:#d1d7d1;margin:17px 0}
.auth-page .auth-card input{display:block;min-height:49px;border:1px solid #3a4646!important;border-radius:10px!important;background:#0c1316!important;color:#f8f1e9!important;padding:12px 14px!important;font-size:14px;transition:border-color .2s,box-shadow .2s}
.auth-page .auth-card input:focus{outline:none!important;border-color:#d6b36e!important;box-shadow:0 0 0 3px #d6b36e20}
.auth-page .auth-card form button[type="submit"]{min-height:49px;border-radius:11px;background:linear-gradient(110deg,#eed29a,#c5a15d);color:#1d1b16;font-weight:900;transition:transform .25s,box-shadow .25s}
.auth-page .auth-card form button[type="submit"]:hover{transform:translateY(-2px);box-shadow:0 13px 28px #a383412d}
.auth-page .auth-card .text-link{font-size:12px!important;text-decoration:none!important}
.auth-page .auth-card .form-msg{font-size:12px;color:#e5bc84;min-height:16px}
/* Private dashboard */
.auth-page.client-logged-in .client-ambient{display:none}
.auth-page.client-logged-in .auth-layout{padding:0;margin:0;display:block;max-width:none}
.auth-page.client-logged-in .auth-intro{display:none}
.auth-page.client-logged-in .customer-area{grid-column:1/-1}
.auth-page .client-shell{grid-template-columns:268px minmax(0,1fr);background:#0b1115}
.auth-page .client-sidebar{background:radial-gradient(circle at 0 0,#2925193b,transparent 50%),#0e1418;border-right:1px solid #d5bc811e;padding:28px 17px 22px}
.auth-page .client-brand{display:flex;align-items:center;gap:10px;padding:9px 7px 32px;color:#f8f0df;font:800 13px Manrope,system-ui,sans-serif;letter-spacing:.06em;text-decoration:none}
.auth-page .client-brand b{color:#d9bb7b}
.auth-page .client-brand-symbol{width:41px;height:41px;flex-basis:41px}
.auth-page .client-nav-caption{font-size:9px;letter-spacing:.2em;color:#a48f66;padding:16px 14px 18px}
.auth-page .client-nav{display:grid;gap:6px}
.auth-page .client-nav button{display:flex;align-items:center;gap:10px;padding:15px 17px;color:#a9b6b4;border:1px solid transparent;background:transparent;border-radius:12px;font-weight:750;font-size:12px;cursor:pointer;transition:color .25s,background .25s,transform .25s,border-color .25s}
.auth-page .client-nav button:not(.active):hover{background:#1b2627;color:#f8e2b9;transform:translateX(3px)}
.auth-page .client-nav button.active{color:#efd19a;border-color:#9e834c80;background:linear-gradient(110deg,#382f20,#1a2425);box-shadow:inset 3px 0 #e0bc79,0 12px 22px #0002}
.auth-page .client-side-footer{display:grid;gap:8px;margin-top:auto;padding:22px 12px 3px;border-top:1px solid #d5ba7920;color:#b9a374;letter-spacing:.11em;font-size:9px}
.auth-page .client-side-footer small{color:#73898b;font-size:9px;letter-spacing:.07em}
.auth-page .client-content{padding:0 clamp(24px,4vw,64px) 74px;min-height:100vh;background:radial-gradient(ellipse at 83% 2%,#40301848,transparent 39%),radial-gradient(ellipse at 15% 70%,#233f3936,transparent 54%),#10161a}
.auth-page .client-topbar{min-height:82px;height:auto;padding:15px 0;gap:12px;border-bottom:1px solid #d5bc8123;color:#adb8b3;letter-spacing:.06em;font-size:11px}
.client-topbar-context{font-size:10px;letter-spacing:.17em;font-weight:800;color:#cbb080}
.client-topbar-actions{display:flex;align-items:center;gap:12px;min-width:0;flex-wrap:wrap;justify-content:flex-end}
.auth-page #client-account-tier{font-size:10px;font-weight:850;letter-spacing:.07em;color:#e7ca8d;background:#d8ba7912;border:1px solid #d8ba792f;padding:9px 12px;border-radius:20px}
.client-home-link{color:#d2d9d3;border:1px solid #4a5957;border-radius:9px;padding:10px 13px;white-space:nowrap;text-decoration:none;font-size:11px;transition:color .2s,border-color .2s}
.client-home-link:hover{color:#eed09a;border-color:#d3ab60}
.auth-page .client-logout{border-radius:9px!important;border-color:#645139!important;padding:10px 15px!important;color:#e8c88c!important}
.auth-page .client-welcome{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:32px;margin:31px 0 32px;padding:clamp(24px,3vw,38px);border:1px solid #a08a573e;border-radius:20px;background:linear-gradient(110deg,#20221d,#1b2525 56%,#172126);box-shadow:0 18px 70px #0003;animation:clientHeroEnter .62s cubic-bezier(.22,1,.36,1) both}
.auth-page .client-welcome:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 84% 55%,#cba66a22,transparent 38%)}
.client-welcome-copy{z-index:1;min-width:0}
.auth-page .client-welcome .eyebrow{color:#d8ba7a;font-size:10px;font-weight:800;letter-spacing:.17em}
.auth-page .client-welcome h2{font:800 clamp(29px,3.1vw,42px)/1.16 Manrope,system-ui,sans-serif;letter-spacing:-.055em;color:#f8f3e9;margin:13px 0 13px}
.auth-page .client-welcome p{color:#b4c0be;font-size:14px;line-height:1.6}
.client-welcome-meta{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:23px;color:#c3c7b9;font-size:10px;font-weight:700}
.client-welcome-art{position:relative;z-index:1;width:160px;height:160px;flex:0 0 160px;display:grid;place-items:center}
.client-welcome-ring{position:absolute;inset:8px;border:1px dashed #d3b17173;border-radius:50%;animation:clientSpin 40s linear infinite;box-shadow:0 0 0 18px #c4a2640d,0 0 0 40px #c4a26408}
.auth-page .client-welcome-art .vip-mark{position:relative;z-index:1;font:800 41px Manrope,system-ui,sans-serif;letter-spacing:-.07em;color:#f0d299;filter:drop-shadow(0 8px 14px #0006)}
.client-welcome-art small{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);white-space:nowrap;color:#b59e71;font-size:7px;letter-spacing:.11em}
.auth-page .client-section-heading h3{font:800 clamp(21px,2.4vw,29px) Manrope,system-ui,sans-serif;letter-spacing:-.04em;color:#f5efe5}
.auth-page .client-section-heading p{color:#a6b5b8;line-height:1.7;font-size:13px}
.auth-page .client-panel{animation:clientHeroEnter .38s cubic-bezier(.22,1,.36,1) both}
.auth-page .client-panel .vip-summary{border:1px solid #cbb07435!important;border-radius:17px;background:linear-gradient(135deg,#2b2b21,#1b2326)!important;box-shadow:0 17px 40px #0003}
.auth-page .client-panel .vip-stats{gap:14px}
.auth-page .client-panel .vip-stat{border:1px solid #3b4643;border-radius:14px;background:linear-gradient(145deg,#1c2727,#172024);padding:24px;transition:transform .25s,border-color .25s,box-shadow .25s}
.auth-page .client-panel .vip-stat:hover{transform:translateY(-4px);border-color:#a48c5d;box-shadow:0 15px 35px #0004}
.auth-page .client-panel .vip-stat strong{font-family:Manrope,system-ui,sans-serif;color:#f0d192}
.auth-page .client-shortcuts button,.auth-page .client-cta{border:1px solid #846e45;border-radius:13px;background:linear-gradient(110deg,#302b1d,#1e2927);color:#f2d39e;font-weight:850;transition:transform .25s,border-color .25s,box-shadow .25s}
.auth-page .client-shortcuts button:hover,.auth-page .client-cta:hover{transform:translateY(-3px);border-color:#d0ae6f;box-shadow:0 13px 28px #0005}
.auth-page .client-panel .customer-pick{border-color:#3c4847;border-radius:18px;background:linear-gradient(140deg,#1d292b,#182024);transition:border-color .25s,transform .25s}
.auth-page .client-panel .customer-pick:hover{border-color:#a48c5d;transform:translateY(-3px)}
.auth-page .client-form-card,.auth-page .client-payment-info,.auth-page .telegram-client-card,.auth-page .notice-preferences-card{border-radius:18px;box-shadow:0 15px 35px #0002}
.auth-page .client-form-card{background:linear-gradient(145deg,#1c2628,#192025);border-color:#4c514a}
.auth-page .client-form-card input,.auth-page .client-form-card select{border-radius:10px;border:1px solid #465752;background:#10191d;color:#f7ecda;font-size:14px;min-height:47px}
.auth-page .client-form-card input:focus,.auth-page .client-form-card select:focus{outline:2px solid #d8b978;outline-offset:2px}
.auth-page :is(.client-public-header a,.client-sidebar a,.client-nav button,.client-shortcuts button,.client-topbar button,.client-home-link,button,input,select):focus-visible{outline:2px solid #e7c787;outline-offset:3px}
@keyframes clientNavEnter{from{opacity:0;transform:translateY(-13px)}to{opacity:1;transform:translateY(0)}}
@keyframes clientHeroEnter{from{opacity:0;transform:translateY(23px)}to{opacity:1;transform:translateY(0)}}
@keyframes clientBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes clientPulse{50%{box-shadow:0 0 0 10px #d9ba7400}}
@keyframes clientSpin{to{transform:rotate(360deg)}}
@media(max-width:1000px){.auth-page .client-shell{grid-template-columns:225px minmax(0,1fr)}.auth-page .client-content{padding-left:24px;padding-right:24px}.auth-page .client-welcome-art{width:110px;height:110px;flex-basis:110px}.auth-page .client-welcome-art .vip-mark{font-size:31px}}
@media(max-width:750px){.client-public-header{padding:0 20px;height:75px}.auth-page .auth-layout{grid-template-columns:1fr;padding:10px 20px 50px;gap:18px}.auth-page .auth-intro{min-height:0;padding:23px 0 15px}.auth-page .auth-intro h1{font-size:clamp(43px,10vw,60px);margin:19px 0 12px}.auth-page .auth-intro>p{font-size:13px}.client-soccer-visual{display:none}.client-intro-signals{margin-top:18px}.auth-page .auth-card{max-width:none;margin:0}.auth-page .client-shell{display:block}.auth-page .client-sidebar{position:sticky;top:0;z-index:10;height:auto;display:block;padding:11px 15px 13px;background:#10171af2;backdrop-filter:blur(18px);border-right:0;border-bottom:1px solid #856e4445}.auth-page .client-brand{padding:3px 6px 9px;font-size:12px}.auth-page .client-brand-symbol{width:32px;height:32px;flex-basis:32px;font-size:10px}.auth-page .client-nav-caption,.auth-page .client-side-footer{display:none}.auth-page .client-nav{display:flex;gap:7px;overflow-x:auto;padding:3px 0 2px;scrollbar-width:thin}.auth-page .client-nav button{white-space:nowrap;flex:0 0 auto;font-size:11px;padding:11px 12px}.auth-page .client-content{padding:0 17px 40px}.auth-page .client-topbar{min-height:64px}.client-topbar-context{display:none}.client-topbar-actions{width:100%;justify-content:space-between}.auth-page #client-account-tier{padding:8px 9px;font-size:9px}.auth-page .client-welcome{margin:21px 0 27px;padding:24px 20px}.auth-page .client-welcome h2{font-size:30px}.auth-page .client-welcome-art{display:none}.client-welcome-meta{gap:8px 12px}}
@media(max-width:420px){.client-public-logo{font-size:11px;gap:8px}.client-public-logo-mark{width:33px;height:33px;flex-basis:33px;font-size:10px}.client-back{padding:9px 10px;font-size:10px}.auth-page .auth-layout{padding-left:14px;padding-right:14px}.auth-page .auth-card{padding:21px!important}.auth-page .auth-intro h1{font-size:42px}.auth-page .client-content{padding-left:12px;padding-right:12px}.auth-page .client-panel .vip-stat{padding:15px}.client-home-link{padding:8px;font-size:10px}.auth-page .client-logout{padding:9px 10px!important;font-size:10px!important}.auth-page .client-welcome{padding:20px 17px}.auth-page .client-welcome h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){.auth-page :is(.client-public-header,.auth-intro,.auth-card,.client-panel,.client-welcome,.client-pulse-dot,.client-orbit-one,.client-orbit-two,.client-welcome-ring){animation:none!important}.auth-page *{scroll-behavior:auto!important;transition:none!important}}

/* v3.2.7.1 — móvil: acceso inmediato, sin héroe encima del formulario. */
@media(max-width:750px){
  body.auth-page:not(.client-logged-in) .auth-intro{display:none!important}
  body.auth-page:not(.client-logged-in) .auth-layout{padding-top:12px;align-items:start}
}