/* TBJILI Login page */
.login-page{background:radial-gradient(circle at 50% 0,#2c0340 0,#120019 40%,#07000b 100%)}
.login-page:before{background-image:linear-gradient(rgba(10,0,16,.83),rgba(10,0,16,.83)),url("../images/home/pattern.svg");opacity:.3}
.login-header{width:min(var(--container),calc(100% - 40px));gap:24px;padding-top:18px;padding-bottom:15px}
.desktop-nav{display:flex;align-items:center;justify-content:center;gap:25px;margin-left:auto}
.desktop-nav a{font-size:13.5px;font-weight:750;color:rgba(255,255,255,.85);transition:color .18s ease}
.desktop-nav a:hover{color:#fff}
.login-main{width:min(var(--container),calc(100% - 40px));margin:0 auto}
.login-hero{position:relative;display:grid;grid-template-columns:minmax(0,.92fr) minmax(320px,.72fr) minmax(360px,.86fr);align-items:stretch;gap:0;min-height:520px;border:1px solid rgba(184,57,242,.52);border-radius:20px;overflow:hidden;background:radial-gradient(circle at 34% 32%,rgba(147,20,184,.3),transparent 35%),linear-gradient(120deg,#2d0543 0,#1c032c 48%,#14011f 100%);box-shadow:var(--shadow);isolation:isolate}
.login-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(24,1,37,.76),rgba(25,2,39,.2) 48%,rgba(10,0,16,.65));z-index:-1}
.login-hero-copy{padding:56px 0 52px 44px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}
.login-hero-copy h1{margin:0;font-size:54px;line-height:1.04;letter-spacing:-2px;max-width:430px}
.login-hero-copy h1 span{display:block;color:var(--gold);font-size:1.08em}
.login-lead{max-width:470px;margin:18px 0 22px;color:var(--muted);font-size:17px;line-height:1.75}
.hero-trust-list{list-style:none;margin:0;padding:0;display:grid;gap:12px;max-width:460px}
.hero-trust-list li{display:flex;align-items:center;gap:11px;color:rgba(255,255,255,.88);font-size:13.5px;font-weight:650}
.hero-trust-list li span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,202,30,.45);background:rgba(255,196,16,.08);color:#ffd226;font-weight:900}
.login-hero-art{position:relative;min-height:520px;overflow:hidden}
.login-hero-art:before{content:"";position:absolute;inset:10% -10% 6% -20%;border-radius:50%;background:radial-gradient(circle,rgba(189,29,247,.34),rgba(56,4,84,.08) 58%,transparent 72%);filter:blur(6px)}
.login-hero-art img{position:absolute;z-index:1;left:50%;bottom:-3%;width:135%;max-width:none;height:104%;object-fit:cover;object-position:center;transform:translateX(-50%);filter:drop-shadow(0 26px 40px rgba(0,0,0,.42))}
.login-access-card{align-self:center;margin:34px 34px 34px 0;padding:30px 28px;border-radius:16px;border:1px solid rgba(193,63,250,.54);background:linear-gradient(180deg,rgba(49,8,70,.98),rgba(30,3,45,.98));box-shadow:0 24px 50px rgba(0,0,0,.32);position:relative;z-index:3}
.login-access-card h2{margin:0 0 10px;font-size:27px;text-align:center}
.access-intro{margin:0 auto 18px;max-width:440px;text-align:center;color:var(--muted);font-size:12.5px;line-height:1.6}
.login-field-preview{display:flex;align-items:center;gap:11px;height:54px;padding:0 15px;margin:10px 0;border-radius:8px;border:1px solid rgba(163,60,216,.38);background:#1e022d;color:rgba(255,255,255,.54);font-size:13px}
.field-icon{color:#b98ce8;font-size:12px}.field-eye{margin-left:auto;color:#c5a7df}.field-note{margin:9px 2px 17px;color:rgba(255,255,255,.55);font-size:11.5px;line-height:1.5}
.login-open-button,.login-register-button{width:100%;min-height:50px}.login-card-divider{position:relative;text-align:center;margin:19px 0;color:rgba(255,255,255,.6);font-size:11px}.login-card-divider:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(255,255,255,.11)}.login-card-divider span{position:relative;background:#27043a;padding:0 12px}
.login-benefits{display:grid;grid-template-columns:repeat(6,1fr);margin:14px 0;padding:22px 12px;border:1px solid rgba(188,53,244,.48);border-radius:16px;background:linear-gradient(180deg,rgba(53,6,78,.95),rgba(25,2,38,.98));box-shadow:var(--shadow)}
.login-benefit{padding:8px 18px;text-align:center;border-right:1px solid rgba(255,255,255,.08)}.login-benefit:last-child{border-right:0}.login-benefit img{width:66px;height:66px;object-fit:contain;margin:0 auto 12px;filter:drop-shadow(0 8px 14px rgba(0,0,0,.28))}.login-benefit h2{font-size:15px;line-height:1.25;margin:0 0 7px}.login-benefit p{margin:0;color:var(--muted);font-size:11.8px;line-height:1.55}
.login-help-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(280px,.75fr);gap:14px;margin:14px 0}.trouble-card,.new-player-card,.login-content-panel,.login-final-cta{border:1px solid rgba(188,53,244,.48);border-radius:16px;background:linear-gradient(135deg,rgba(53,7,78,.96),rgba(21,2,32,.98));box-shadow:var(--shadow);overflow:hidden}.trouble-card{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr)}.trouble-copy{padding:30px 32px}.trouble-copy h2,.new-player-card h2,.login-content-panel h2{margin:0 0 10px;font-size:28px;line-height:1.18}.trouble-copy>p:not(.section-kicker),.new-player-card p,.login-content-panel p{color:var(--muted);font-size:14px;line-height:1.75}.trouble-list{list-style:none;padding:0;margin:20px 0;display:grid;gap:14px}.trouble-list li{display:flex;align-items:flex-start;gap:11px}.trouble-list li>span{flex:0 0 22px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;border:1px solid #e0b117;color:#ffd221;font-size:11px;margin-top:2px}.trouble-list strong{font-size:13px}.trouble-list p{margin:2px 0 0;color:var(--muted);font-size:12.5px;line-height:1.55}.trouble-visual{min-height:390px;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 50% 50%,rgba(128,15,169,.32),transparent 58%)}.trouble-visual img{width:100%;height:100%;object-fit:cover}
.new-player-card{padding:30px 24px 22px;display:flex;flex-direction:column}.new-player-card img{width:100%;height:210px;object-fit:cover;object-position:center;border-radius:12px;margin:12px 0 17px}.new-player-card .btn{margin-top:auto}
.login-content-panel{display:grid;grid-template-columns:1fr 1fr;margin:14px 0}.login-content-panel>div{padding:32px 34px}.login-content-panel>div+div{border-left:1px solid rgba(255,255,255,.08)}.login-content-panel h2{font-size:27px}.login-content-panel p{margin:0 0 13px}.login-content-panel a{color:#ffd22d;text-decoration:underline;text-underline-offset:3px}
.login-faq{padding:30px 0 8px}.login-faq-list{display:grid;gap:9px}.login-faq-list .faq-item{border-radius:9px}.login-faq-list .faq-item summary{padding:15px 18px}
.login-final-cta{display:grid;grid-template-columns:170px minmax(0,1fr) auto 150px;align-items:center;gap:22px;min-height:170px;margin:18px 0 22px;padding:18px 24px;background:radial-gradient(circle at 15% 35%,rgba(255,85,234,.22),transparent 30%),linear-gradient(90deg,#4b076d,#2c0445 58%,#190226)}.login-cta-phone,.login-cta-gift{height:135px;overflow:hidden;display:grid;place-items:center}.login-cta-phone img{width:160px;height:150px;object-fit:cover;object-position:right center;border-radius:12px}.login-cta-gift img{width:125px;height:125px;object-fit:contain}.login-final-copy h2{margin:0 0 5px;font-size:27px}.login-final-copy p{margin:0;color:var(--muted);font-size:13.5px}.login-final-cta .final-actions{display:flex}.login-footer{margin-top:0}
@media (max-width:1080px){.desktop-nav{gap:15px}.desktop-nav a{font-size:12.5px}.login-hero{grid-template-columns:1fr .8fr}.login-hero-copy{padding-left:34px}.login-hero-art{display:none}.login-access-card{margin-left:0}.login-benefits{grid-template-columns:repeat(3,1fr);gap:0}.login-benefit:nth-child(3){border-right:0}.login-benefit:nth-child(-n+3){border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:18px}.login-benefit:nth-child(n+4){padding-top:18px}.login-help-grid{grid-template-columns:1fr}.new-player-card{display:grid;grid-template-columns:minmax(0,1fr) 240px;align-items:center;column-gap:22px}.new-player-card img{grid-column:2;grid-row:1/5;height:210px;margin:0}.new-player-card .btn{width:max-content}.login-final-cta{grid-template-columns:120px 1fr auto}.login-cta-gift{display:none}}
@media (max-width:850px){.desktop-nav{display:none}.login-hero{grid-template-columns:1fr;min-height:0}.login-hero-copy{padding:38px 28px 26px;text-align:center;align-items:center}.login-hero-copy h1{font-size:44px}.login-lead{font-size:15px}.hero-trust-list{width:100%;max-width:520px;text-align:left}.login-access-card{margin:0 24px 24px}.login-content-panel{grid-template-columns:1fr}.login-content-panel>div+div{border-left:0;border-top:1px solid rgba(255,255,255,.08)}.login-final-cta{grid-template-columns:100px 1fr}.login-final-cta .final-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.login-cta-phone{height:100px}.login-cta-phone img{width:110px;height:100px;object-position:right center}}
@media (max-width:760px){.login-header{width:min(100% - 24px,var(--container));padding-top:12px}.login-main{width:min(100% - 24px,var(--container))}.login-hero-copy h1{font-size:38px}.login-access-card{padding:24px 18px}.login-access-card h2{font-size:23px}.login-benefits{grid-template-columns:repeat(2,1fr);padding:8px}.login-benefit{padding:16px 12px;border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.login-benefit:nth-child(odd){border-right:1px solid rgba(255,255,255,.08)}.login-benefit:nth-last-child(-n+2){border-bottom:0}.login-benefit:nth-child(-n+3),.login-benefit:nth-child(n+4){padding-top:16px;padding-bottom:16px}.trouble-card{grid-template-columns:1fr}.trouble-copy{padding:26px 20px}.trouble-visual{min-height:250px}.new-player-card{display:block;padding:26px 20px}.new-player-card img{height:200px;margin:15px 0}.new-player-card .btn{width:100%}.login-content-panel>div{padding:26px 20px}.login-content-panel h2,.trouble-copy h2,.new-player-card h2{font-size:24px}.login-final-cta{grid-template-columns:82px 1fr;padding:16px}.login-final-copy h2{font-size:21px}.login-final-copy p{font-size:12.5px}}
@media (max-width:430px){.login-header .header-actions{gap:6px}.login-header .btn-small{padding-inline:10px}.login-hero-copy{padding:30px 17px 22px}.login-hero-copy h1{font-size:34px}.hero-trust-list li{font-size:12px}.login-access-card{margin:0 12px 12px}.login-benefit p{display:none}.login-benefit h2{font-size:13px}.login-benefit img{width:58px;height:58px}.login-benefit{min-height:120px;display:flex;flex-direction:column;justify-content:center}.login-final-cta{grid-template-columns:70px 1fr}.login-cta-phone img{width:82px;height:84px;object-position:right center}.login-final-copy h2{font-size:19px}}

/* Login Final Polish v2 */
.login-benefit h3{font-size:15px;line-height:1.25;margin:0 0 7px}
.login-mobile-menu{display:none;position:relative;margin-left:auto;margin-right:10px}
.login-mobile-menu summary{list-style:none;width:40px;height:40px;display:grid;place-items:center;border-radius:10px;border:1px solid rgba(194,66,247,.58);background:linear-gradient(180deg,#5a0b7f,#35054d);color:#fff;font-size:22px;font-weight:800;cursor:pointer;box-shadow:0 5px 0 rgba(0,0,0,.2)}
.login-mobile-menu summary::-webkit-details-marker{display:none}
.login-mobile-menu[open] summary{border-color:rgba(255,211,47,.72)}
.login-mobile-menu nav{position:absolute;top:48px;right:0;width:min(270px,calc(100vw - 28px));display:grid;padding:8px;border-radius:12px;border:1px solid rgba(198,66,251,.58);background:rgba(28,2,42,.98);box-shadow:0 18px 38px rgba(0,0,0,.48);z-index:60}
.login-mobile-menu nav a{padding:11px 12px;border-radius:8px;color:rgba(255,255,255,.86);font-size:13.5px;font-weight:760}
.login-mobile-menu nav a:hover{background:rgba(145,27,196,.32);color:#fff}
@media(max-width:850px){.login-mobile-menu{display:block}.login-header{align-items:center}}
@media(max-width:760px){.login-benefit h3{font-size:14px}}
@media(max-width:430px){.login-mobile-menu{margin-right:5px}.login-mobile-menu summary{width:36px;height:36px;font-size:20px}.login-benefit h3{font-size:13px}}