/* TBJILI Official Access page */
.official-page{background:#08000d;color:#fff}.official-page:before{background-image:linear-gradient(rgba(7,0,13,.84),rgba(7,0,13,.84)),url("../images/home/pattern.svg");opacity:.22}.official-header{width:min(var(--container),calc(100% - 40px));padding-top:18px;padding-bottom:15px}.official-header .desktop-nav{display:flex;align-items:center;justify-content:center;gap:25px;margin-left:auto}.official-header .desktop-nav a{position:relative;font-size:13.5px;font-weight:750;color:rgba(255,255,255,.84)}.official-header .desktop-nav a:hover,.official-header .desktop-nav .active-nav{color:#fff}.official-header .desktop-nav .active-nav:after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:2px;background:#f7c81d;border-radius:999px}.btn-gold{background:linear-gradient(180deg,#ffe27c 0,#f4b51d 100%);border-color:#ffe884;color:#160b00;box-shadow:0 5px 0 rgba(97,57,0,.4),inset 0 1px 0 rgba(255,255,255,.72)}
.official-main{width:100%;margin:0}.official-hero{width:min(var(--container),calc(100% - 40px));margin:0 auto;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.72fr) minmax(330px,.8fr);min-height:500px;border:1px solid rgba(187,61,243,.46);border-radius:18px;overflow:hidden;background:radial-gradient(circle at 44% 38%,rgba(157,23,198,.31),transparent 37%),linear-gradient(120deg,#28043a 0,#1a0228 53%,#100019 100%);box-shadow:var(--shadow)}.official-hero-copy{padding:45px 0 40px 38px;display:flex;flex-direction:column;justify-content:center}.official-hero-copy h1{margin:0;font-size:52px;line-height:1.04;letter-spacing:-2px}.official-hero-copy h1 span{display:block;color:var(--gold)}.official-lead{max-width:560px;margin:16px 0 24px;color:rgba(255,255,255,.76);font-size:16px;line-height:1.7}.official-lead strong{color:#fff}.official-hero-points{display:grid;grid-template-columns:1fr 1fr;gap:16px 12px;max-width:560px}.official-hero-points>div{display:grid;grid-template-columns:35px 1fr;column-gap:10px;align-items:center}.official-hero-points img{grid-row:1/3;width:38px;height:38px;object-fit:contain;border-radius:10px;filter:drop-shadow(0 6px 10px rgba(0,0,0,.28))}.official-hero-points strong{font-size:12.5px}.official-hero-points span{color:rgba(255,255,255,.56);font-size:10.5px;line-height:1.35}.official-hero-art{position:relative;overflow:hidden;min-height:500px}.official-hero-art:before{content:"";position:absolute;inset:10% -8% 8% -10%;border-radius:50%;background:radial-gradient(circle,rgba(209,48,255,.28),transparent 64%)}.official-hero-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(1.03) contrast(1.03)}.official-domain-card{align-self:center;margin:32px 28px 32px 0;padding:26px 24px;border:1px solid rgba(192,65,247,.54);border-radius:15px;background:linear-gradient(180deg,rgba(48,7,70,.97),rgba(25,2,38,.98));box-shadow:0 20px 44px rgba(0,0,0,.32)}.official-domain-card h2{margin:0 0 14px;font-size:25px}.official-domain-card>p:not(.section-kicker){margin:13px 0;color:rgba(255,255,255,.69);font-size:12.5px;line-height:1.6}.domain-display{display:flex;align-items:center;gap:10px;padding:14px 15px;border-radius:9px;background:linear-gradient(180deg,#ffe36f,#f0b221);color:#241200;border:1px solid #ffea92;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}.domain-display span{font-size:20px}.domain-display strong{font-size:20px;letter-spacing:.01em}.domain-card-divider{height:1px;background:rgba(255,255,255,.1);margin:18px 0}.official-domain-card h3{font-size:15px;margin:0 0 10px}.official-domain-card ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}.official-domain-card li{display:flex;align-items:flex-start;gap:8px;color:rgba(255,255,255,.75);font-size:11.5px;line-height:1.45}.official-domain-card li span{color:#ffd12c;font-weight:900}.domain-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}.domain-actions .btn{padding-inline:10px;font-size:12px;min-height:42px}
.official-check-band{margin-top:14px;background:#f7f6f9;color:#181224;border-top:1px solid #ece8f0;border-bottom:1px solid #ece8f0}.official-band-inner{width:min(var(--container),calc(100% - 40px));margin:0 auto;padding:30px 0}.official-check-heading{max-width:700px}.official-check-heading h2{margin:0 0 6px;font-size:28px;line-height:1.18}.official-check-heading p:not(.section-kicker){margin:0;color:#625c69;font-size:13.5px;line-height:1.65}.official-check-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:24px;border:1px solid #e6e1e9;border-radius:14px;background:#fff;box-shadow:0 10px 30px rgba(34,10,46,.06);overflow:hidden}.official-check-grid article{position:relative;padding:22px 18px 20px;border-right:1px solid #ece8ef}.official-check-grid article:last-child{border-right:0}.check-number{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#63238d;color:#fff;font-size:11px;font-weight:900}.check-icon-image{width:72px;height:72px;object-fit:contain;margin-bottom:10px;filter:drop-shadow(0 8px 18px rgba(91,31,128,.18))}.official-check-grid h3{margin:0 0 7px;font-size:14px}.official-check-grid p{margin:0;color:#68616e;font-size:11.8px;line-height:1.55}.official-check-grid strong{color:#292130}
.official-content-band{background:#fff;color:#1a1223}.official-content-grid{width:min(var(--container),calc(100% - 40px));margin:0 auto;padding:30px 0;display:grid;grid-template-columns:1.05fr .95fr;gap:16px}.official-paths-card,.lookalike-card{border-radius:16px;overflow:hidden;border:1px solid #e5dfea;box-shadow:0 12px 32px rgba(31,11,42,.07)}.official-paths-card{background:linear-gradient(135deg,#33104a,#16051f);color:#fff;display:grid;grid-template-columns:1.2fr .8fr}.official-paths-copy{padding:28px 28px 26px}.official-paths-copy h2,.lookalike-copy h2{margin:0 0 10px;font-size:25px;line-height:1.18}.official-paths-copy>p:not(.section-kicker),.lookalike-copy>p:not(.section-kicker){margin:0;color:rgba(255,255,255,.7);font-size:12.8px;line-height:1.65}.path-link-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}.path-link-grid a{padding:12px 13px;border-radius:9px;border:1px solid rgba(199,72,255,.27);background:rgba(104,20,144,.28);transition:transform .18s ease,border-color .18s ease}.path-link-grid a:hover{transform:translateY(-2px);border-color:rgba(255,207,50,.6)}.path-link-grid strong{display:block;font-size:12px}.path-link-grid span{display:block;margin-top:2px;color:rgba(255,255,255,.56);font-size:10.5px}.official-paths-art{min-height:360px;background:radial-gradient(circle at 50% 45%,rgba(201,50,244,.28),transparent 58%)}.official-paths-art img{width:100%;height:100%;object-fit:cover;object-position:center}.lookalike-card{display:grid;grid-template-columns:.8fr 1.2fr;background:#fff}.lookalike-art{min-height:360px;display:grid;place-items:center;background:linear-gradient(135deg,#f2eef4,#fff);overflow:hidden}.lookalike-art img{width:100%;height:100%;object-fit:cover;object-position:center}.warning-screen{width:100%;max-width:300px;min-height:200px;border-radius:12px;border:8px solid #2a1d2d;background:linear-gradient(180deg,#420b0f,#1c0709);box-shadow:0 20px 30px rgba(44,11,14,.22);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:22px;color:#fff}.warning-screen span{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#d82d34;border:4px solid #ff989c;font-size:34px;font-weight:900}.warning-screen b{font-size:18px;margin:10px 0 4px}.warning-screen small{color:rgba(255,255,255,.65);font-size:10px}.lookalike-copy{padding:28px 28px 26px}.lookalike-copy>p:not(.section-kicker){color:#67606b}.warning-list{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:11px}.warning-list li{display:flex;gap:9px;align-items:flex-start;color:#5e5664;font-size:11.8px;line-height:1.5}.warning-list span{flex:0 0 20px;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#dc2d39;color:#fff;font-size:12px;font-weight:900}
.official-longcopy{width:min(var(--container),calc(100% - 40px));margin:16px auto;display:grid;grid-template-columns:1fr 1fr;border:1px solid rgba(188,53,244,.4);border-radius:16px;overflow:hidden;background:linear-gradient(135deg,rgba(53,7,78,.96),rgba(20,2,31,.98));box-shadow:var(--shadow)}.official-longcopy>div{padding:30px 32px}.official-longcopy>div+div{border-left:1px solid rgba(255,255,255,.08)}.official-longcopy h2{margin:0 0 12px;font-size:26px;line-height:1.18}.official-longcopy p{margin:0 0 13px;color:rgba(255,255,255,.72);font-size:13.5px;line-height:1.72}.official-longcopy a{color:#ffd32b;text-decoration:underline;text-underline-offset:3px;font-weight:700}.official-longcopy strong{color:#fff}.official-faq{width:min(var(--container),calc(100% - 40px));margin:0 auto;padding:22px 0 8px}.official-faq-list{display:grid;gap:8px}.official-faq-list details{border:1px solid rgba(187,54,242,.46);border-radius:9px;background:linear-gradient(180deg,rgba(70,8,100,.96),rgba(35,4,52,.98));overflow:hidden}.official-faq-list summary{list-style:none;cursor:pointer;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:800}.official-faq-list summary::-webkit-details-marker{display:none}.official-faq-list summary span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;border:1px solid rgba(255,202,31,.55);color:#ffd128;font-size:17px}.official-faq-list details[open] summary span{transform:rotate(45deg)}.official-faq-list details>div{padding:0 16px 15px;color:rgba(255,255,255,.7);font-size:12.5px;line-height:1.65}.official-faq-list a{color:#ffd22b;text-decoration:underline;text-underline-offset:3px}.official-final-cta{width:min(var(--container),calc(100% - 40px));margin:17px auto 22px;display:grid;grid-template-columns:170px minmax(0,1fr) auto;align-items:center;gap:22px;min-height:170px;padding:16px 24px;border:1px solid rgba(188,53,244,.45);border-radius:16px;overflow:hidden;background:radial-gradient(circle at 11% 40%,rgba(255,83,232,.23),transparent 32%),linear-gradient(90deg,#470764,#2b0442 57%,#170022);box-shadow:var(--shadow)}.official-final-art{height:135px;overflow:hidden}.official-final-art img{width:100%;height:100%;object-fit:cover;object-position:center}.official-final-copy h2{margin:0 0 5px;font-size:26px}.official-final-copy p:not(.section-kicker){margin:0;color:rgba(255,255,255,.7);font-size:13px}.official-final-actions{display:flex;gap:9px}.official-footer{margin-top:0}
@media(max-width:1080px){.official-header .desktop-nav{gap:15px}.official-header .desktop-nav a{font-size:12.5px}.official-hero{grid-template-columns:1fr .75fr}.official-hero-art{display:none}.official-domain-card{margin-left:0}.official-check-grid{grid-template-columns:repeat(2,1fr)}.official-check-grid article:nth-child(2){border-right:0}.official-check-grid article:nth-child(-n+2){border-bottom:1px solid #ece8ef}.official-content-grid{grid-template-columns:1fr}.official-final-cta{grid-template-columns:140px 1fr auto}}
@media(max-width:850px){.official-header .desktop-nav{display:none}.official-hero{grid-template-columns:1fr}.official-hero-copy{padding:34px 28px 24px;text-align:center;align-items:center}.official-hero-copy h1{font-size:42px}.official-hero-points{width:100%;max-width:600px;text-align:left}.official-domain-card{margin:0 24px 24px}.official-paths-card,.lookalike-card{grid-template-columns:1fr}.official-paths-art,.lookalike-art{min-height:260px}.official-longcopy{grid-template-columns:1fr}.official-longcopy>div+div{border-left:0;border-top:1px solid rgba(255,255,255,.08)}.official-final-cta{grid-template-columns:110px 1fr}.official-final-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}}
@media(max-width:760px){.official-header,.official-hero,.official-band-inner,.official-content-grid,.official-longcopy,.official-faq,.official-final-cta{width:min(100% - 24px,var(--container))}.official-header{padding-top:12px}.official-hero-copy h1{font-size:36px}.official-lead{font-size:14px}.official-hero-points{grid-template-columns:1fr 1fr}.official-domain-card{padding:22px 18px}.official-domain-card h2{font-size:22px}.official-check-grid{grid-template-columns:1fr}.official-check-grid article{border-right:0;border-bottom:1px solid #ece8ef}.official-check-grid article:last-child{border-bottom:0}.official-content-grid{padding-top:24px;padding-bottom:24px}.official-paths-copy,.lookalike-copy,.official-longcopy>div{padding:24px 20px}.official-paths-copy h2,.lookalike-copy h2,.official-longcopy h2,.official-check-heading h2{font-size:23px}.path-link-grid{grid-template-columns:1fr 1fr}.official-final-cta{grid-template-columns:85px 1fr;padding:15px}.official-final-copy h2{font-size:21px}.official-final-art{height:95px}}
@media(max-width:430px){.official-header .header-actions{gap:6px}.official-header .btn-small{padding-inline:10px}.official-hero-copy{padding:29px 17px 21px}.official-hero-copy h1{font-size:33px}.official-hero-points{grid-template-columns:1fr}.official-domain-card{margin:0 12px 12px}.domain-actions{grid-template-columns:1fr}.path-link-grid{grid-template-columns:1fr}.official-check-heading{text-align:center}.official-final-actions{grid-template-columns:1fr}.official-final-art{display:none}.official-final-cta{grid-template-columns:1fr;text-align:center}.official-final-copy{padding:5px 0}.official-final-actions .btn{width:100%}}

/* Official Access mobile navigation */
.official-mobile-menu{display:none;position:relative;margin-left:auto;margin-right:10px}
.official-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)}
.official-mobile-menu summary::-webkit-details-marker{display:none}
.official-mobile-menu[open] summary{border-color:rgba(255,211,47,.72)}
.official-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}
.official-mobile-menu nav a{padding:11px 12px;border-radius:8px;color:rgba(255,255,255,.86);font-size:13.5px;font-weight:760}
.official-mobile-menu nav a:hover,.official-mobile-menu nav a[aria-current="page"]{background:rgba(145,27,196,.32);color:#fff}
@media(max-width:850px){.official-mobile-menu{display:block}.official-header{align-items:center}}
@media(max-width:430px){.official-mobile-menu{margin-right:5px}.official-mobile-menu summary{width:36px;height:36px;font-size:20px}}
