/* TBJILI Register page */
.register-page{background:radial-gradient(circle at 50% 0,#2d0442 0,#120019 41%,#07000b 100%)}
.register-page:before{background-image:linear-gradient(rgba(10,0,16,.83),rgba(10,0,16,.83)),url("../images/home/pattern.svg");opacity:.3}
.register-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}
.register-main{width:min(var(--container),calc(100% - 40px));margin:0 auto}
.register-hero{position:relative;display:grid;grid-template-columns:minmax(0,.92fr) minmax(330px,.74fr) minmax(370px,.9fr);min-height:540px;border:1px solid rgba(184,57,242,.52);border-radius:20px;overflow:hidden;background:radial-gradient(circle at 35% 34%,rgba(162,23,193,.28),transparent 38%),linear-gradient(120deg,#300646 0,#1b032a 49%,#14011f 100%);box-shadow:var(--shadow);isolation:isolate}
.register-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(24,1,37,.76),rgba(25,2,39,.18) 49%,rgba(10,0,16,.68));z-index:-1}
.register-hero-copy{padding:54px 0 50px 44px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}
.register-hero-copy h1{margin:0;font-size:50px;line-height:1.03;letter-spacing:-1.8px;max-width:470px}
.register-hero-copy h1 span{display:block;color:var(--gold);font-size:1.04em}
.register-lead{max-width:475px;margin:18px 0 22px;color:var(--muted);font-size:16px;line-height:1.75}
.register-trust-list{list-style:none;margin:0;padding:0;display:grid;gap:12px;max-width:470px}
.register-trust-list li{display:flex;align-items:center;gap:11px;color:rgba(255,255,255,.88);font-size:13.5px;font-weight:650}
.register-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}
.register-hero-art{position:relative;min-height:540px;overflow:hidden}
.register-hero-art:before{content:"";position:absolute;inset:10% -12% 5% -18%;border-radius:50%;background:radial-gradient(circle,rgba(190,31,247,.33),rgba(56,4,84,.07) 58%,transparent 72%);filter:blur(7px)}
.register-hero-art img{position:absolute;z-index:1;left:50%;bottom:-5%;width:138%;max-width:none;height:108%;object-fit:cover;object-position:78% center;transform:translateX(-50%);filter:drop-shadow(0 26px 40px rgba(0,0,0,.42))}
.register-access-card{align-self:center;margin:34px 34px 34px 0;padding:28px 28px 24px;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}
.register-access-card h2{margin:0 0 9px;font-size:27px;text-align:center}.access-intro{margin:0 auto 15px;max-width:445px;text-align:center;color:var(--muted);font-size:12.5px;line-height:1.55}
.register-field-preview{display:flex;align-items:center;gap:11px;height:50px;padding:0 15px;margin:8px 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}
.password-preview{list-style:none;margin:11px 0 15px;padding:0;display:grid;gap:6px}.password-preview li{display:flex;align-items:flex-start;gap:8px;color:rgba(255,255,255,.68);font-size:11.5px;line-height:1.35}.password-preview li span{color:#c476ff;font-weight:900}
.register-open-button{width:100%;min-height:50px}.register-card-divider{position:relative;text-align:center;margin:17px 0 9px;color:rgba(255,255,255,.6);font-size:11px}.register-card-divider:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(255,255,255,.11)}.register-card-divider span{position:relative;background:#27043a;padding:0 12px}.login-inline-link{display:block;text-align:center;color:#d49bff;text-decoration:underline;text-underline-offset:3px;font-size:12px;font-weight:800}.registration-note{margin:13px 0 0;text-align:center;color:rgba(255,255,255,.5);font-size:10.8px;line-height:1.45}
.register-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)}
.register-benefit{padding:8px 18px;text-align:center;border-right:1px solid rgba(255,255,255,.08)}.register-benefit:last-child{border-right:0}.register-benefit img{width:66px;height:66px;object-fit:cover;border-radius:14px;margin:0 auto 12px;filter:drop-shadow(0 8px 14px rgba(0,0,0,.28))}.register-benefit h2{font-size:15px;line-height:1.25;margin:0 0 7px}.register-benefit p{margin:0;color:var(--muted);font-size:11.8px;line-height:1.55}
.register-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:14px 0}.why-join-card,.after-register-card,.register-content-panel,.register-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}
.why-join-card{display:grid;grid-template-columns:260px minmax(0,1fr)}.why-join-visual{min-height:330px;display:grid;place-items:center;background:radial-gradient(circle at 50% 50%,rgba(133,15,172,.3),transparent 58%)}.why-join-visual img{width:100%;height:100%;object-fit:cover}.why-join-copy{padding:28px 30px}.why-join-copy h2,.after-register-card h2,.register-content-panel h2{margin:0 0 10px;font-size:27px;line-height:1.18}.why-join-copy p,.after-register-card p,.register-content-panel p{color:var(--muted);font-size:13.5px;line-height:1.7}.mini-route-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:18px}.mini-route-row span{padding:8px 11px;border-radius:999px;background:rgba(116,25,158,.38);border:1px solid rgba(211,98,255,.22);font-size:11px;font-weight:800}.mini-route-row i{font-style:normal;color:#ffd427}
.after-register-card{padding:28px 30px}.after-register-links{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:18px}.after-register-links a{min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px;padding:12px 8px;border-radius:12px;border:1px solid rgba(194,73,246,.24);background:rgba(76,10,106,.34);transition:transform .18s ease,border-color .18s ease}.after-register-links a:hover{transform:translateY(-2px);border-color:rgba(222,103,255,.46)}.after-register-links img{width:58px;height:58px;object-fit:cover;border-radius:12px}.after-register-links strong{font-size:12px}.after-register-links span{font-size:10.5px;line-height:1.35;color:var(--muted)}
.register-content-panel{display:grid;grid-template-columns:1fr 1fr;margin:14px 0}.register-content-panel>div{padding:32px 34px}.register-content-panel>div+div{border-left:1px solid rgba(255,255,255,.08)}.register-content-panel h2{font-size:27px}.register-content-panel p{margin:0 0 13px}.register-content-panel a{color:#ffd22d;text-decoration:underline;text-underline-offset:3px}
.register-final-cta{display:grid;grid-template-columns:165px minmax(0,1fr) auto;align-items:center;gap:22px;min-height:160px;margin:18px 0 22px;padding:18px 24px;background:linear-gradient(90deg,rgba(43,4,66,.96) 0%,rgba(40,4,60,.86) 48%,rgba(22,2,34,.34) 100%),url("../images/register/final-cta.webp") center/cover no-repeat}.register-cta-art{height:128px;overflow:hidden;display:grid;place-items:center}.register-cta-art img{width:135px;height:125px;object-fit:cover;object-position:72% center;border-radius:16px}.register-final-copy h2{margin:0 0 5px;font-size:26px}.register-final-copy p{margin:0;color:var(--muted);font-size:13px}.register-final-actions{display:flex;gap:10px}.register-footer{margin-top:0}
@media (max-width:1080px){.desktop-nav{gap:15px}.desktop-nav a{font-size:12.5px}.register-hero{grid-template-columns:1fr .82fr}.register-hero-copy{padding-left:34px}.register-hero-art{display:none}.register-access-card{margin-left:0}.register-benefits{grid-template-columns:repeat(3,1fr)}.register-benefit:nth-child(3){border-right:0}.register-benefit:nth-child(-n+3){border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:18px}.register-benefit:nth-child(n+4){padding-top:18px}.register-info-grid{grid-template-columns:1fr}.after-register-links{grid-template-columns:repeat(5,1fr)}.register-final-cta{grid-template-columns:120px 1fr auto}}
@media (max-width:850px){.desktop-nav{display:none}.register-hero{grid-template-columns:1fr;min-height:0}.register-hero-copy{padding:38px 28px 26px;text-align:center;align-items:center}.register-hero-copy h1{font-size:43px}.register-lead{font-size:15px}.register-trust-list{width:100%;max-width:520px;text-align:left}.register-access-card{margin:0 24px 24px}.register-content-panel{grid-template-columns:1fr}.register-content-panel>div+div{border-left:0;border-top:1px solid rgba(255,255,255,.08)}.register-final-cta{grid-template-columns:100px 1fr}.register-final-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.register-cta-art{height:100px}.register-cta-art img{width:100px;height:95px}}
@media (max-width:760px){.register-header{width:min(100% - 24px,var(--container));padding-top:12px}.register-main{width:min(100% - 24px,var(--container))}.register-hero-copy h1{font-size:36px}.register-access-card{padding:24px 18px}.register-access-card h2{font-size:23px}.register-benefits{grid-template-columns:repeat(2,1fr);padding:8px}.register-benefit{padding:16px 12px;border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.register-benefit:nth-child(odd){border-right:1px solid rgba(255,255,255,.08)}.register-benefit:nth-last-child(-n+2){border-bottom:0}.register-benefit:nth-child(-n+3),.register-benefit:nth-child(n+4){padding-top:16px;padding-bottom:16px}.why-join-card{grid-template-columns:1fr}.why-join-visual{min-height:220px}.why-join-copy,.after-register-card{padding:25px 20px}.after-register-links{grid-template-columns:repeat(2,1fr)}.after-register-links a:last-child{grid-column:1/-1}.register-content-panel>div{padding:26px 20px}.why-join-copy h2,.after-register-card h2,.register-content-panel h2{font-size:24px}.register-final-cta{grid-template-columns:82px 1fr;padding:16px}.register-final-copy h2{font-size:21px}.register-final-copy p{font-size:12.5px}}
@media (max-width:430px){.register-header .header-actions{gap:6px}.register-header .btn-small{padding-inline:10px}.register-hero-copy{padding:30px 17px 22px}.register-hero-copy h1{font-size:32px}.register-trust-list li{font-size:12px}.register-access-card{margin:0 12px 12px}.register-benefit p{display:none}.register-benefit h2{font-size:13px}.register-benefit img{width:58px;height:58px}.register-benefit{min-height:120px;display:flex;flex-direction:column;justify-content:center}.register-final-cta{grid-template-columns:70px 1fr}.register-cta-art img{width:82px;height:80px}.register-final-copy h2{font-size:19px}}

/* Register final polish */
.register-mobile-menu{display:none;position:relative;margin-left:auto;margin-right:10px}
.register-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)}
.register-mobile-menu summary::-webkit-details-marker{display:none}
.register-mobile-menu[open] summary{border-color:rgba(255,211,47,.72)}
.register-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}
.register-mobile-menu nav a{padding:11px 12px;border-radius:8px;color:rgba(255,255,255,.86);font-size:13.5px;font-weight:760}
.register-mobile-menu nav a:hover{background:rgba(145,27,196,.32);color:#fff}
.register-benefit h3{margin:8px 0 4px;font-size:14px}
.register-faq{margin:18px 0 8px;padding:28px 0 6px}
.register-faq-list{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px}
.register-faq .faq-item{border-radius:9px;border:1px solid rgba(196,65,251,.45);background:linear-gradient(180deg,#4b086d,#29043d);overflow:hidden}
.register-faq .faq-item summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 18px;cursor:pointer;font-weight:800;font-size:14px}
.register-faq .faq-item summary::-webkit-details-marker{display:none}
.register-faq .faq-item summary span{width:24px;height:24px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:#691195;border:1px solid rgba(255,219,48,.52);color:var(--gold);font-size:20px;transition:transform .18s ease}
.register-faq .faq-item[open] summary span{transform:rotate(45deg)}
.register-faq .faq-answer{padding:0 18px 16px;color:var(--muted);font-size:13.5px;line-height:1.7}
@media(max-width:850px){.register-mobile-menu{display:block}.register-header{align-items:center}.register-faq-list{grid-template-columns:1fr}}
@media(max-width:430px){.register-mobile-menu{margin-right:5px}.register-mobile-menu summary{width:36px;height:36px;font-size:20px}.register-benefit h3{font-size:13px}.register-faq .faq-item summary{font-size:13.5px;padding:14px 15px}.register-faq .faq-answer{font-size:13px}}