.configurator{padding:28px;overflow:hidden}.config-steps{display:flex;gap:8px;margin-bottom:25px}.config-dot{height:7px;flex:1;border-radius:99px;background:rgba(255,255,255,.1);transition:.3s}.config-dot.active{background:var(--purple-blue);box-shadow:0 0 14px var(--purple)}.config-stage{display:none;animation:fadeUp .35s ease}.config-stage.active{display:block}.config-stage h3{font-size:24px;margin:0 0 4px}.config-stage>p{color:var(--muted);margin:0 0 18px;font-size:14px}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.choice{border:1px solid var(--border);padding:15px;text-align:left;background:rgba(255,255,255,.025);border-radius:14px;color:var(--soft);transition:.25s}.choice:hover,.choice.selected{background:rgba(108,77,255,.17);border-color:var(--purple-light);transform:translateY(-2px)}.choice b{display:block;font-size:14px}.choice span{display:block;font-size:11px;color:var(--muted);margin-top:3px}
.choice-with-logo{display:flex;align-items:center;gap:11px}
.choice-logo{flex:none;width:34px;height:34px;border-radius:9px}
/* Home "Trade with major platforms" section */
.home-platforms .home-platforms-head{max-width:640px;margin:0 auto 42px;text-align:center}
.platform-logo-row{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}
.platform-logo-card{display:flex;align-items:center;gap:16px;padding:20px 28px;border:1px solid var(--border);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.02));transition:transform .3s,border-color .3s,box-shadow .3s}
.platform-logo-card:hover{transform:translateY(-6px);border-color:rgba(154,123,255,.55);box-shadow:0 20px 45px rgba(1,3,15,.35)}
.platform-logo-card img{width:64px;height:64px;border-radius:16px;flex:none}
.platform-logo-card b{display:block;font-size:16px}
.platform-logo-card small{color:var(--muted);font-size:12px}
@media(max-width:600px){.platform-logo-card{width:100%}}
/* Certificate showcase — cinematic 3D card flow (appear far away, sharpen, fade out) */
.home-cert-gallery{background:radial-gradient(ellipse 50% 45% at 18% 22%,rgba(108,77,255,.14),transparent 70%),radial-gradient(ellipse 45% 40% at 86% 82%,rgba(74,125,255,.12),transparent 72%);overflow:hidden}
.cert-gallery-head{max-width:700px;margin:0 auto 10px;text-align:center}
.cert-gallery-head .section-intro{margin-left:auto;margin-right:auto}
.cert-flow{position:relative;height:680px;overflow:clip}
.cert-flow-glow{position:absolute;left:50%;top:56%;width:760px;height:420px;transform:translate(-50%,-50%);background:radial-gradient(ellipse,rgba(108,77,255,.16),transparent 65%);filter:blur(6px);pointer-events:none}
.cert-flow-stage{position:absolute;inset:0}
.cert-flow-card{position:absolute;left:50%;top:50%;width:380px;margin:-150px 0 0 -190px;display:block;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.14);background:#0b0d1c;box-shadow:0 26px 60px rgba(1,3,15,.55);opacity:0;animation:certFlow 16s linear infinite;animation-delay:var(--d,0s);will-change:transform,opacity,filter}
.cert-flow-card img{display:block;width:100%;height:auto}
.cert-flow:hover .cert-flow-card,.cert-flow:focus-within .cert-flow-card{animation-play-state:paused}
.cert-flow-card:hover{border-color:rgba(174,145,255,.7);box-shadow:0 34px 80px rgba(1,3,15,.65),0 0 44px rgba(108,77,255,.3)}
/* keyframes animate ONLY transform/opacity/filter so the whole effect stays on the compositor */
@keyframes certFlow{
  0%{opacity:0;transform:translate3d(560px,-260px,0) rotate(-14deg) scale(.3);filter:blur(4px)}
  9%{opacity:.5}
  30%{opacity:.7;transform:translate3d(300px,-120px,0) rotate(8deg) scale(.48);filter:blur(1.5px)}
  56%{opacity:.95;transform:translate3d(20px,20px,0) rotate(-6deg) scale(.78);filter:blur(0)}
  80%{opacity:1;transform:translate3d(-280px,120px,0) rotate(5deg) scale(1.02);filter:blur(0)}
  92%{opacity:.55;transform:translate3d(-470px,170px,0) rotate(11deg) scale(1.08);filter:blur(0)}
  100%{opacity:0;transform:translate3d(-560px,200px,0) rotate(14deg) scale(1.12);filter:blur(0)}
}
.cert-frame-chip{position:absolute;left:50%;bottom:14px;transform:translateX(-50%) translateY(8px);display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:99px;border:1px solid rgba(174,145,255,.5);background:rgba(10,8,28,.87);backdrop-filter:blur(8px);color:#e9e4ff;font-size:12px;font-weight:800;opacity:0;transition:opacity .3s,transform .3s;pointer-events:none}
.cert-frame-chip i{width:14px;height:14px}
.cert-flow-card:hover .cert-frame-chip{opacity:1;transform:translateX(-50%) translateY(0)}
@media(max-width:900px){.cert-flow{height:500px}.cert-flow-card{width:280px;margin:-105px 0 0 -140px}
  @keyframes certFlow{
    0%{opacity:0;transform:translate3d(240px,-170px,0) rotate(-15deg) scale(.34);filter:blur(3px)}
    10%{opacity:.5}
    28%{opacity:.72;transform:translate3d(130px,-75px,0) rotate(9deg) scale(.52);filter:blur(1.5px)}
    52%{opacity:.94;transform:translate3d(15px,15px,0) rotate(-7deg) scale(.76);filter:blur(0)}
    76%{opacity:1;transform:translate3d(-95px,80px,0) rotate(5deg) scale(1);filter:blur(0)}
    90%{opacity:.6;transform:translate3d(-185px,115px,0) rotate(11deg) scale(1.05);filter:blur(0)}
    100%{opacity:0;transform:translate3d(-240px,135px,0) rotate(15deg) scale(1.09);filter:blur(0)}
  }}
@media(prefers-reduced-motion:reduce){
  .cert-flow{height:auto;overflow:visible;padding:30px 24px}
  .cert-flow-stage{position:static;display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:1080px;margin:0 auto}
  .cert-flow-card{position:static;width:auto;margin:0;opacity:1;animation:none;filter:none}
  .cert-flow-card[aria-hidden="true"]{display:none}
}.config-summary{display:grid;gap:10px;margin-top:5px}.summary-row{display:flex;justify-content:space-between;color:var(--muted);font-size:14px}.summary-row strong{color:var(--white)}.summary-total{font-size:22px;padding-top:13px;border-top:1px solid var(--border);color:var(--white)}.config-actions{display:flex;justify-content:space-between;gap:12px;margin-top:22px}.form-error{display:block;color:#ff9b9b;font-size:12px;margin-top:6px}.field{position:relative;margin-bottom:16px}.field label{display:block;color:#cfd6e5;font-size:12px;font-weight:800;margin-bottom:7px}.field input,.field select,.field textarea{width:100%;background:rgba(255,255,255,.045);border:1px solid var(--border);border-radius:13px;color:var(--white);padding:13px 14px;outline:none;transition:border-color .2s,box-shadow .2s}.field textarea{min-height:130px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--purple-light);box-shadow:0 0 0 4px rgba(108,77,255,.16)}.field select option{background:#101326}.checkbox{display:flex;align-items:flex-start;gap:9px;color:var(--muted);font-size:13px}.checkbox input{accent-color:var(--purple);margin-top:4px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-art{padding:60px;position:relative;overflow:hidden;background:radial-gradient(circle at 55% 45%,rgba(108,77,255,.32),transparent 26%),radial-gradient(circle at 80% 20%,rgba(74,125,255,.23),transparent 25%),#070914}.auth-art::after{content:"FF";position:absolute;inset:0;display:grid;place-items:center;font-weight:900;font-size:clamp(190px,30vw,470px);letter-spacing:-.18em;background:var(--purple-blue);-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 0 60px rgba(108,77,255,.45));opacity:.62}.auth-art-content{position:relative;z-index:1;max-width:430px;margin:20vh auto}.auth-art-content h1{font-size:clamp(45px,5vw,72px);margin:28px 0 15px}.auth-art-content p{color:#c2c9d8}.auth-trust{margin-top:34px;display:grid;gap:10px;font-size:13px;font-weight:800}.auth-trust span{display:flex;gap:9px;align-items:center}.auth-trust i{color:var(--green-bright)}.auth-form-wrap{display:grid;place-items:center;padding:48px}.auth-card{width:min(100%,510px);padding:38px}.auth-card h1{font-size:42px;margin:8px 0}.auth-card>p{color:var(--muted);margin-bottom:27px}.auth-card .glass-button{width:100%;margin-top:5px}.auth-meta{margin-top:22px;text-align:center;color:var(--muted);font-size:13px}.auth-meta a{color:var(--purple-light);font-weight:800}.password-wrap{position:relative}.password-toggle{position:absolute;right:9px;bottom:7px;color:var(--muted);background:transparent;border:0;padding:6px}.strength{height:4px;background:rgba(255,255,255,.1);border-radius:99px;overflow:hidden;margin-top:7px}.strength span{display:block;width:0;height:100%;background:var(--danger);transition:.2s}.strength.medium span{width:55%;background:var(--gold)}.strength.strong span{width:100%;background:var(--green)}
@keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.objectives-list{display:grid;gap:11px}.objective{padding:14px;border:1px solid var(--border);border-radius:13px;background:rgba(255,255,255,.025)}.objective-head{display:flex;justify-content:space-between;gap:10px;font-size:13px;font-weight:800}.objective small{color:var(--muted);font-size:10px}.progress{height:6px;background:rgba(255,255,255,.09);border-radius:99px;margin-top:10px;overflow:hidden}.progress>i{display:block;height:100%;border-radius:inherit;background:var(--purple-blue);width:var(--value,0%)}
.nav-logo,.dashboard-logo img,.site-footer img,.auth-art>a img,.auth-card>a img{mix-blend-mode:screen}
.home-challenge-section{position:relative;overflow:hidden;padding-top:108px;background:linear-gradient(180deg,transparent,rgba(66,47,144,.08) 42%,transparent)}.home-challenge-section::before{content:"";position:absolute;inset:9% -15% auto;height:440px;background:radial-gradient(ellipse,rgba(102,72,255,.22),transparent 64%);filter:blur(12px);pointer-events:none}.home-challenge-orbit{position:absolute;width:min(920px,78vw);height:390px;top:155px;left:50%;border:1px solid rgba(140,113,255,.17);border-radius:50%;transform:translateX(-50%) rotate(-8deg);box-shadow:0 0 110px rgba(75,94,255,.12) inset;pointer-events:none}.home-challenge-heading{position:relative;z-index:1;max-width:700px;margin-bottom:42px}.home-challenge-heading .section-heading{margin:13px 0}.home-challenge-stage{position:relative;z-index:1}.home-challenge-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(276px,1fr);grid-template-rows:1fr;gap:22px;overflow-x:auto;overflow-y:visible;padding:28px max(18px,calc((100% - 1190px)/2)) 39px;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain}.home-challenge-rail::-webkit-scrollbar{display:none}.home-challenge-card{--accent:#a77aff;--accent-soft:rgba(167,122,255,.26);--stage-rotate:0deg;--stage-lift:0px;--tilt-x:0deg;--tilt-y:0deg;--spotlight-x:50%;--spotlight-y:10%;position:relative;isolation:isolate;display:flex;min-height:565px;width:min(318px,76vw);padding:23px;flex-direction:column;border:1px solid rgba(210,218,255,.2);border-radius:26px;overflow:hidden;scroll-snap-align:center;background:linear-gradient(150deg,rgba(38,43,78,.88),rgba(13,16,31,.87) 58%,rgba(24,20,51,.92));box-shadow:0 25px 70px rgba(0,0,0,.35),0 0 0 1px rgba(255,255,255,.025) inset;transform:perspective(1500px) translate3d(0,var(--stage-lift),0) rotateX(var(--tilt-x)) rotateY(calc(var(--stage-rotate) + var(--tilt-y)));transform-style:preserve-3d;transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .3s;animation:challengeCardFloat 6.5s ease-in-out infinite;animation-delay:calc(var(--card-index) * -.8s);opacity:0}.home-challenge-card::before{content:"";position:absolute;z-index:-1;inset:-1px;background:radial-gradient(circle at var(--spotlight-x) var(--spotlight-y),var(--accent-soft),transparent 40%),linear-gradient(115deg,rgba(255,255,255,.13),transparent 28%);opacity:.9;transition:opacity .3s}.home-challenge-card::after{content:"";position:absolute;inset:1px;border-radius:24px;border:1px solid rgba(255,255,255,.05);pointer-events:none}.challenge-cards-visible .home-challenge-card{opacity:1;transition:opacity .55s ease calc(var(--card-index) * 85ms),transform .35s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .3s}.home-challenge-card:hover,.home-challenge-card:focus-within{border-color:var(--accent);box-shadow:0 30px 80px rgba(0,0,0,.45),0 0 42px var(--accent-soft);z-index:3}.challenge-accent-purple{--accent:#a77aff;--accent-soft:rgba(167,122,255,.33)}.challenge-accent-blue{--accent:#65bcff;--accent-soft:rgba(76,143,255,.31)}.challenge-accent-green{--accent:#63dfb5;--accent-soft:rgba(55,217,159,.28)}.challenge-accent-gold{--accent:#ffcc5c;--accent-soft:rgba(255,196,77,.28)}.home-challenge-card.is-featured{--stage-lift:-12px;width:min(348px,80vw);border-color:rgba(176,140,255,.72);background:linear-gradient(148deg,rgba(58,45,116,.94),rgba(18,21,48,.93) 58%,rgba(34,23,78,.94));box-shadow:0 31px 86px rgba(66,38,185,.28),0 0 0 1px rgba(183,153,255,.16) inset}.challenge-card-glow{position:absolute;z-index:-1;width:210px;height:170px;top:-65px;right:-50px;background:radial-gradient(circle,var(--accent-soft),transparent 68%);filter:blur(4px)}.challenge-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.challenge-card-eyebrow{display:block;color:var(--accent);font-size:10px;letter-spacing:.14em;font-weight:900}.challenge-card-top h3{margin:7px 0 0;font-size:22px;letter-spacing:-.045em}.challenge-popular,.challenge-ready{display:inline-flex;white-space:nowrap;border-radius:999px;padding:7px 9px;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.challenge-popular{color:#1b132b;background:linear-gradient(135deg,#f8d46d,#fff0ab);box-shadow:0 7px 22px rgba(255,206,87,.28)}.challenge-ready{color:#ccd6ec;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05)}.challenge-size{margin:34px 0 15px;font-size:clamp(38px,4vw,48px);font-weight:900;letter-spacing:-.07em;background:linear-gradient(112deg,#fff,var(--accent));background-clip:text;-webkit-background-clip:text;color:transparent}.challenge-platforms{display:flex;align-items:center;gap:7px;min-height:32px;margin:0;color:#aeb9d0;font-size:11px;line-height:1.45}.challenge-platforms i{width:15px;color:var(--accent)}.challenge-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:22px 0}.challenge-metrics>div{min-height:57px;padding:10px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:rgba(5,7,17,.26)}.challenge-metrics span{display:block;margin-bottom:4px;color:#95a0b9;font-size:9px;font-weight:800;letter-spacing:.04em}.challenge-metrics strong{display:block;font-size:13px;letter-spacing:-.02em}.challenge-metrics .limit strong{color:#ffd281}.challenge-card-bottom{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-top:auto;padding-top:10px}.challenge-price{display:block;margin-top:4px;font-size:26px;letter-spacing:-.05em}.challenge-select{padding:10px 12px;font-size:11px;white-space:nowrap}.challenge-select i{width:14px}.challenge-compare{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;padding:12px 3px 0;color:#b8c4dd;background:transparent;border:0;font-size:11px;font-weight:800;cursor:pointer}.challenge-compare:hover,.challenge-compare:focus-visible{color:var(--accent)}.challenge-compare i{width:13px}.home-challenge-navigation{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:-5px}.home-challenge-dots{display:flex;align-items:center;gap:7px}.challenge-page-dot{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.25);cursor:pointer;transition:width .2s,background .2s}.challenge-page-dot.is-active{width:25px;border-radius:999px;background:var(--purple-light)}.home-challenge-arrows{display:flex;gap:9px}.challenge-nav-button{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;border:1px solid var(--border);color:var(--white);background:rgba(255,255,255,.04);cursor:pointer}.challenge-nav-button:hover,.challenge-nav-button:focus-visible{border-color:var(--purple-light);background:rgba(154,123,255,.16)}.challenge-nav-button i{width:17px}.home-challenge-empty{max-width:680px;padding:54px 30px;text-align:center}.home-challenge-empty>i{width:40px;height:40px;margin:auto;color:var(--purple-light)}.home-challenge-empty h3{font-size:25px;margin:17px 0 8px}.home-challenge-empty p{color:var(--muted);margin:0 auto 22px;max-width:480px}.plan-comparison-modal{position:fixed;z-index:200;inset:0;display:grid;place-items:center;padding:24px}.plan-comparison-modal[hidden]{display:none!important}.plan-modal-backdrop{position:absolute;inset:0;background:rgba(3,5,13,.75);backdrop-filter:blur(12px)}.glass-modal{position:relative;width:min(570px,100%);padding:32px;border:1px solid rgba(193,188,255,.3);border-radius:25px;background:linear-gradient(145deg,rgba(39,43,77,.96),rgba(10,13,28,.97));box-shadow:0 40px 100px rgba(0,0,0,.6)}.plan-modal-close{position:absolute;top:16px;right:16px;display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid var(--border);border-radius:10px;color:var(--white);background:rgba(255,255,255,.04);cursor:pointer}.glass-modal h2{margin:12px 0 5px;font-size:35px;letter-spacing:-.055em}.glass-modal>p{margin:0;color:var(--muted)}.plan-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:26px 0 14px}.plan-modal-grid>div{padding:13px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:rgba(255,255,255,.035)}.plan-modal-grid span{display:block;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.06em}.plan-modal-grid strong{display:block;margin-top:5px;font-size:15px}.plan-modal-platforms{display:flex;gap:9px;align-items:center;color:#c5d0e7;font-size:12px}.plan-modal-platforms i{width:16px;color:var(--purple-light)}.plan-modal-open{overflow:hidden}
/* Alert cards (auth + forms): red for warnings/errors, green for success */
.alert{display:flex;gap:11px;align-items:flex-start;padding:14px 16px;border-radius:14px;margin-bottom:18px;font-size:13.5px;font-weight:650;line-height:1.45;border:1px solid transparent}
.alert::before{content:"";flex:none;width:4px;align-self:stretch;border-radius:99px;background:currentColor;opacity:.85}
.alert.success{background:rgba(34,197,94,.14);border-color:rgba(53,232,121,.35);color:#7ef0a6;box-shadow:0 10px 30px rgba(34,197,94,.10)}
.alert.error,.alert.warning{background:rgba(239,68,68,.13);border-color:rgba(239,68,68,.38);color:#ff9d9d;box-shadow:0 10px 30px rgba(239,68,68,.10)}
/* Community / social channel cards (FundedNext-style brand banners) */
.social-head{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:44px}
.social-head>p{max-width:400px;margin:0;color:#aeb8cd;font-size:15px;line-height:1.7}
.social-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.social-card{border:1px solid var(--border);border-radius:22px;overflow:hidden;background:rgba(255,255,255,.025);transition:transform .3s,border-color .3s,box-shadow .3s}
.social-card:hover{transform:translateY(-6px);border-color:rgba(154,123,255,.5);box-shadow:0 24px 55px rgba(1,3,15,.45)}
.social-banner{position:relative;display:grid;place-items:center;height:250px;overflow:hidden}
.social-banner-glow{position:absolute;inset:0;transition:transform .5s}
.social-card:hover .social-banner-glow{transform:scale(1.08)}
.social-banner-mark{position:relative;z-index:1;display:flex;align-items:center;gap:16px;color:#fff}
.social-banner-mark svg{width:64px;height:64px;filter:drop-shadow(0 8px 22px rgba(0,0,0,.35))}
.social-banner-mark b{font-family:Poppins,Manrope,sans-serif;font-size:42px;font-weight:700;letter-spacing:-.03em;text-shadow:0 6px 24px rgba(0,0,0,.35)}
.social-banner--discord .social-banner-glow{background:radial-gradient(ellipse 70% 90% at 30% 20%,rgba(255,255,255,.18),transparent 55%),linear-gradient(135deg,#3f4ae0,#5865f2 55%,#7a5cff)}
.social-banner--youtube .social-banner-glow{background:radial-gradient(ellipse 62% 85% at 70% 45%,rgba(255,0,0,.5),transparent 68%),#140606}
.social-banner--telegram .social-banner-glow{background:radial-gradient(ellipse 70% 90% at 30% 20%,rgba(255,255,255,.16),transparent 55%),linear-gradient(135deg,#1c7fb8,#229ed9 60%,#31b2ef)}
.social-banner--instagram .social-banner-glow{background:radial-gradient(ellipse 80% 100% at 25% 100%,#f09433 0%,rgba(240,148,51,0) 60%),linear-gradient(135deg,#dc2743,#cc2366 55%,#bc1888)}
.social-banner--x .social-banner-glow{background:radial-gradient(ellipse 60% 80% at 60% 30%,rgba(255,255,255,.12),transparent 60%),#0a0a0d}
.social-banner--tiktok .social-banner-glow{background:radial-gradient(ellipse 55% 75% at 28% 30%,rgba(37,244,238,.35),transparent 60%),radial-gradient(ellipse 55% 75% at 75% 75%,rgba(254,44,85,.4),transparent 62%),#0b0b12}
.social-banner--facebook .social-banner-glow{background:radial-gradient(ellipse 70% 90% at 30% 20%,rgba(255,255,255,.16),transparent 55%),linear-gradient(135deg,#0f5ec7,#1877f2)}
.social-banner--whatsapp .social-banner-glow{background:radial-gradient(ellipse 70% 90% at 30% 20%,rgba(255,255,255,.16),transparent 55%),linear-gradient(135deg,#1da851,#25d366)}
.social-card-body{padding:24px 26px 26px}
.social-card-body h3{font-size:21px;letter-spacing:-.03em;margin:0 0 9px}
.social-card-body p{margin:0 0 18px;color:#aeb8cd;font-size:14px;line-height:1.65;min-height:44px}
@media(max-width:860px){.social-head{display:block}.social-head>p{margin-top:16px}.social-cards{grid-template-columns:1fr}.social-banner{height:200px}.social-banner-mark b{font-size:32px}.social-banner-mark svg{width:50px;height:50px}}
/* First-visit offer popup — Fandora ticket style */
.offer-popup{width:min(820px,calc(100% - 32px));padding:0;border:1px solid rgba(174,145,255,.4);border-radius:26px;background:#10121f;color:#f2f4ff;box-shadow:0 40px 120px rgba(0,0,0,.65);overflow:hidden}
.offer-popup[open]{display:grid;grid-template-columns:290px 1fr;animation:offerPopIn .45s cubic-bezier(.16,1,.3,1)}
.offer-popup::backdrop{background:rgba(3,4,11,.74);backdrop-filter:blur(7px)}
@keyframes offerPopIn{from{opacity:0;transform:translateY(26px) scale(.94)}to{opacity:1;transform:none}}
.offer-popup-close{position:absolute;right:12px;top:12px;z-index:2;display:grid;place-items:center;height:38px;width:38px;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:rgba(10,10,22,.55);color:#fff;cursor:pointer}
.offer-popup-close:hover{background:rgba(108,77,255,.35)}
.offer-popup-ticket{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:38px 22px;background:radial-gradient(ellipse 90% 60% at 30% 0%,rgba(255,255,255,.16),transparent 60%),linear-gradient(160deg,#6C4DFF,#8a5cf5 45%,#c98a2e 130%);border-right:2px dashed rgba(255,255,255,.4)}
.offer-popup-shine{position:absolute;inset:0;background:radial-gradient(ellipse 70% 45% at 70% 100%,rgba(246,195,90,.35),transparent 70%);pointer-events:none}
.offer-popup-brand{width:46px;height:46px;margin-bottom:14px;filter:drop-shadow(0 6px 18px rgba(0,0,0,.4))}
.offer-popup-ticket strong{font-family:Poppins,Manrope,sans-serif;font-size:76px;font-weight:800;line-height:.9;letter-spacing:-.04em;text-shadow:0 10px 30px rgba(0,0,0,.35)}
.offer-popup-off{font-size:22px;font-weight:900;letter-spacing:.34em;margin-top:6px;text-indent:.34em}
.offer-popup-timer{display:inline-flex;margin-top:16px;padding:7px 14px;border-radius:99px;border:1px solid rgba(255,255,255,.4);background:rgba(0,0,0,.25);font-size:12px;font-weight:800;font-style:normal}
.offer-popup-body{position:relative;padding:38px 40px 30px}
.offer-popup-body h3{font-size:30px;letter-spacing:-.04em;margin:0 0 10px}
.offer-popup-body p{margin:0 0 20px;color:#aeb8cd;font-size:15px;line-height:1.65}
.offer-popup-code{display:flex;align-items:center;gap:12px;width:100%;margin-bottom:16px;padding:14px 18px;border:1px dashed rgba(246,195,90,.6);border-radius:14px;background:rgba(246,195,90,.08);color:#f6d9a0;cursor:pointer;transition:background .2s}
.offer-popup-code:hover{background:rgba(246,195,90,.16)}
.offer-popup-code span{font-family:Poppins,monospace;font-size:19px;font-weight:800;letter-spacing:.12em}
.offer-popup-code i{width:17px;height:17px}
.offer-popup-code small{margin-left:auto;font-size:11px;color:#cbb98f;font-weight:800}
.offer-popup-auto{display:flex;align-items:center;gap:9px;margin-bottom:18px;padding:12px 16px;border:1px solid rgba(73,218,138,.35);border-radius:13px;background:rgba(73,218,138,.09);color:#8ff0b8;font-size:13.5px;font-weight:700}
.offer-popup-auto i{width:17px;height:17px;flex:none}
.offer-popup-cta{width:100%;justify-content:center}
.offer-popup-note{display:block;margin-top:14px;text-align:center;color:#8b94ab;font-size:11px;font-weight:700;letter-spacing:.06em}
@media(max-width:700px){.offer-popup[open]{grid-template-columns:1fr}.offer-popup-ticket{flex-direction:row;flex-wrap:wrap;gap:14px;padding:24px 60px 20px 24px;border-right:0;border-bottom:2px dashed rgba(255,255,255,.4)}.offer-popup-brand{margin:0;width:38px;height:38px}.offer-popup-ticket strong{font-size:52px}.offer-popup-off{font-size:16px;margin:0}.offer-popup-timer{margin:6px auto 0;flex-basis:100%;justify-content:center;white-space:nowrap}.offer-popup-body{padding:26px 22px 22px}}