/* ===== /qeydiyyat.html — registration conversion page ===== */

/* HERO — split with form (left: text+USP+bonus, right: form) */
.qd-hero{position:relative;padding:40px 0 36px;background:radial-gradient(ellipse at top,#0a3a25 0%,#0c1018 60%);overflow:hidden;border-bottom:1px solid rgba(4,207,170,.15)}
.qd-hero-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:40px;align-items:start;position:relative;z-index:2}
.qd-hero-text{text-align:left}
.qd-hero-text h1{font-size:clamp(30px,4.4vw,46px);line-height:1.05;margin:6px 0 14px;letter-spacing:-.01em;color:#fff;font-weight:900}
.qd-hero-text h1 span{display:block;background:linear-gradient(135deg,#FFB400,#FF6B00);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.qd-hero-text .lead{font-size:15.5px;color:#cdd5e0;margin:0 0 22px;max-width:520px;line-height:1.6}

/* Hero USP 3-grid */
.hero-usp{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 22px}
.hero-usp-card{padding:14px 12px;background:linear-gradient(160deg,rgba(22,28,40,.85),rgba(13,18,26,.85));border:1px solid rgba(4,207,170,.18);border-radius:12px;text-align:center}
.hero-usp-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:rgba(4,207,170,.12);color:#04CFAA;margin-bottom:8px}
.hero-usp-icon svg{width:18px;height:18px}
.hero-usp-card h4{font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#fff;margin:0 0 4px;line-height:1.2}
.hero-usp-card p{font-size:11px;color:#a8b1c0;margin:0;line-height:1.4}

/* Hero gift bonus card */
.hero-gift{display:flex;align-items:center;gap:18px;background:linear-gradient(135deg,rgba(255,180,0,.1),rgba(13,18,26,.85));border:1.5px solid rgba(255,180,0,.3);border-radius:14px;padding:16px 20px;position:relative;overflow:hidden}
.hero-gift::before{content:"";position:absolute;top:50%;right:-30px;transform:translateY(-50%);width:140px;height:140px;background:radial-gradient(circle,rgba(255,180,0,.2),transparent 65%);pointer-events:none}
.hero-gift-icon{font-size:42px;flex-shrink:0;filter:drop-shadow(0 4px 12px rgba(255,180,0,.4))}
.hero-gift-text{position:relative;z-index:1}
.hero-gift-lbl{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#FFB400;margin-bottom:2px}
.hero-gift-amount{font-size:clamp(28px,3.5vw,36px);font-weight:900;line-height:1;background:linear-gradient(135deg,#FFD960,#FF6B00);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;margin-right:8px}
.hero-gift-sub{font-size:13px;color:#cdd5e0;font-weight:600}
.qd-hero::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:800px;height:400px;background:radial-gradient(ellipse,rgba(255,108,0,.18) 0%,transparent 60%);filter:blur(40px);pointer-events:none;animation:heroPulse 4s ease-in-out infinite alternate}
@keyframes heroPulse{from{opacity:.7}to{opacity:1}}
.qd-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#FFB400;padding:6px 14px;border:1px solid rgba(255,180,0,.35);border-radius:100px;background:rgba(255,180,0,.06);margin-bottom:20px}
.qd-eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:#FFB400;box-shadow:0 0 10px #FFB400;animation:pulse 1.4s ease-in-out infinite}
.qd-hero h1{font-size:clamp(34px,5vw,58px);line-height:1.05;margin:0 0 18px;letter-spacing:-.01em;background:linear-gradient(135deg,#fff 0%,#FFB400 50%,#FF6B00 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:900}
.qd-hero .lead{font-size:clamp(16px,1.8vw,20px);color:#cdd5e0;max-width:680px;margin:0 auto 30px;line-height:1.65}
.qd-hero .lead strong{color:#FFB400;font-weight:700}
.qd-hero-cta{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:20px}
.btn-mega{display:inline-flex;align-items:center;gap:14px;padding:20px 48px;font-size:17px;letter-spacing:.06em;text-transform:uppercase;border-radius:14px;background:linear-gradient(135deg,#FF6B00 0%,#FF2400 100%);color:#fff !important;font-weight:900;box-shadow:0 18px 40px -10px rgba(255,60,0,.6),0 0 0 0 rgba(255,108,0,.6);transition:all .25s;border:none;text-decoration:none;animation:btnPulse 2s ease-in-out infinite}
@keyframes btnPulse{0%,100%{box-shadow:0 18px 40px -10px rgba(255,60,0,.6),0 0 0 0 rgba(255,108,0,.6)}50%{box-shadow:0 18px 40px -10px rgba(255,60,0,.6),0 0 0 18px rgba(255,108,0,0)}}
.btn-mega:hover{transform:translateY(-3px) scale(1.02);animation:none;box-shadow:0 24px 50px -8px rgba(255,60,0,.75)}
.btn-mega::after{content:"→";font-size:22px;font-weight:900;transition:transform .25s}
.btn-mega:hover::after{transform:translateX(6px)}
.qd-hero-meta{font-size:13.5px;color:#8a93a3}
.qd-hero-meta strong{color:#04CFAA}

/* Bonus pop */
.qd-bonus-pop{display:inline-flex;align-items:center;gap:18px;background:linear-gradient(135deg,rgba(255,180,0,.14),rgba(255,108,0,.08));border:1.5px solid rgba(255,180,0,.4);border-radius:14px;padding:14px 22px;margin-top:8px;animation:bounce 2s ease-in-out infinite}
@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.qd-bonus-pop .pct{font-size:32px;font-weight:900;color:#FFB400;line-height:1}
.qd-bonus-pop .txt{font-size:14px;color:#fff;line-height:1.3}
.qd-bonus-pop .txt strong{color:#FFB400}

.scroll-down{display:block;width:38px;height:38px;border-radius:50%;border:2px solid rgba(4,207,170,.35);color:#04CFAA;text-decoration:none;margin:30px auto 0;display:inline-flex;align-items:center;justify-content:center;font-size:22px;font-weight:900;animation:scrollDown 1.5s ease-in-out infinite}
@keyframes scrollDown{0%,100%{transform:translateY(0);opacity:.7}50%{transform:translateY(6px);opacity:1}}

/* REGISTRATION FORM (visual, redirects to affiliate) */
.qd-form-wrap{}
.qd-form{max-width:440px;margin:0;background:linear-gradient(160deg,#161c28 0%,#0d141f 100%);border:1px solid rgba(4,207,170,.2);border-radius:18px;padding:30px 28px;box-shadow:0 30px 60px -16px rgba(0,0,0,.7),0 0 0 1px rgba(4,207,170,.05);position:relative;z-index:3}
.qd-form::before{content:"";position:absolute;inset:-2px;border-radius:18px;background:linear-gradient(135deg,rgba(4,207,170,.4),transparent 50%,rgba(255,180,0,.3));z-index:-1;opacity:.5;filter:blur(8px)}
.qd-form-title{text-align:center;font-size:22px;font-weight:800;color:#fff;margin:0 0 4px}
.qd-form-sub{text-align:center;font-size:13.5px;color:#8a93a3;margin:0 0 22px}
.qd-form-sub strong{color:#04CFAA}
.qd-tabs{display:grid;grid-template-columns:1fr 1fr;gap:0;background:rgba(255,255,255,.04);border-radius:10px;padding:4px;margin-bottom:22px}
.qd-tab{padding:12px;text-align:center;font-size:13.5px;font-weight:700;letter-spacing:.02em;color:#a8b1c0;cursor:pointer;border-radius:8px;transition:all .25s;border:none;background:transparent;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.qd-tab.active{background:linear-gradient(135deg,#04CFAA,#02A688);color:#0c1018}
.qd-tab:hover:not(.active){color:#fff;background:rgba(255,255,255,.04)}
.qd-tab svg{width:16px;height:16px}
.qd-field{margin-bottom:14px}
.qd-field label{display:block;font-size:12px;color:#8a93a3;margin-bottom:6px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.qd-input-row{display:flex;gap:8px}
.qd-select-country{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;padding:0 12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#cdd5e0;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;transition:border-color .2s}
.qd-select-country:hover{border-color:rgba(4,207,170,.5)}
.qd-flag{width:22px;height:14px;border-radius:2px;background:linear-gradient(180deg,#00B5E2 33%,#EF3340 33% 66%,#509E2F 66%);position:relative;flex-shrink:0}
.qd-flag::after{content:"☪";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:9px;color:#fff}
.qd-input-icon{position:relative;display:flex;align-items:center}
.qd-input-icon .qd-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#6c7588;pointer-events:none}
.qd-input-icon .qd-icon svg{width:18px;height:18px}
.qd-input-icon .qd-input{padding-left:42px}
.qd-input-icon .qd-eye{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#6c7588;cursor:pointer;width:18px;height:18px}
.qd-input-icon .qd-eye svg{width:18px;height:18px}
.qd-input--linked{display:flex;align-items:center;color:#6c7588 !important;text-decoration:none;flex:1}
.qd-input--linked:hover{color:#cdd5e0 !important}
.qd-checkbox{display:flex;align-items:flex-start;gap:10px;margin:14px 0 18px;cursor:pointer;user-select:none}
.qd-checkbox input{position:absolute;opacity:0;pointer-events:none}
.qd-check-box{flex-shrink:0;width:18px;height:18px;border-radius:5px;background:linear-gradient(135deg,#04CFAA,#02A688);position:relative;margin-top:1px;display:inline-flex;align-items:center;justify-content:center}
.qd-check-box::after{content:"✓";color:#0c1018;font-weight:900;font-size:13px}
.qd-check-text{font-size:12.5px;color:#a8b1c0;line-height:1.45}
.qd-check-text a{color:#04CFAA;text-decoration:none}
.qd-check-text a:hover{text-decoration:underline}

.qd-input{flex:1;padding:12px 14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:14.5px;font-family:inherit;transition:border-color .2s,background .2s}
.qd-input:hover,.qd-input:focus{border-color:rgba(4,207,170,.5);background:rgba(255,255,255,.06);outline:none}
.qd-input::placeholder{color:#6c7588}
.qd-form-submit{width:100%;margin-top:8px;padding:16px;font-size:14px;letter-spacing:.08em;text-transform:uppercase;border-radius:10px;background:linear-gradient(135deg,#FF6B00,#FF2400);color:#fff !important;font-weight:900;box-shadow:0 12px 28px -6px rgba(255,60,0,.55);transition:all .25s;border:none;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}
.qd-form-submit:hover{transform:translateY(-2px);box-shadow:0 16px 36px -6px rgba(255,60,0,.7)}
.qd-form-foot{text-align:center;margin-top:16px;font-size:13px;color:#8a93a3}
.qd-form-foot a{color:#04CFAA;font-weight:700;text-decoration:none}
.qd-form-foot a:hover{text-decoration:underline}
.qd-divider{display:flex;align-items:center;gap:12px;margin:18px 0 14px;color:#6c7588;font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:700}
.qd-divider::before,.qd-divider::after{content:"";flex:1;height:1px;background:rgba(255,255,255,.08)}
.qd-social{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.qd-social-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#cdd5e0;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s}
.qd-social-btn:hover{background:rgba(255,255,255,.07);border-color:rgba(4,207,170,.3)}
.qd-social-btn svg{width:16px;height:16px}

/* WIZARD — 7 steps */
.qd-wizard{padding:60px 0;background:#0d141f;position:relative}
.qd-wizard h2{text-align:center;font-size:clamp(26px,3.4vw,38px);margin:0 0 12px;color:#fff}
.qd-wizard .subtitle{text-align:center;color:#8a93a3;margin:0 auto 36px;font-size:15px;max-width:560px}
.wizard-steps{position:relative;max-width:920px;margin:0 auto;display:flex;flex-direction:column;gap:16px}
.wizard-steps::before{content:"";position:absolute;left:33px;top:30px;bottom:30px;width:2px;background:linear-gradient(180deg,#FFB400 0%,#FF6B00 50%,#FF2400 100%);opacity:.3}
.wstep{position:relative;display:flex;align-items:flex-start;gap:24px;background:#11161f;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:22px 26px 20px 22px;transition:transform .25s,border-color .25s;z-index:1}
.wstep:hover{transform:translateX(4px);border-color:rgba(255,180,0,.3)}
.wstep-num{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#FFB400,#FF6B00);color:#0c1018;font-weight:900;font-size:18px;flex-shrink:0;box-shadow:0 6px 16px -4px rgba(255,108,0,.4)}
.wstep h3{font-size:17px;font-weight:800;color:#fff;margin:0 0 6px;line-height:1.25}
.wstep p{font-size:14px;color:#a8b1c0;line-height:1.6;margin:0}
.wstep p strong{color:#04CFAA}

/* ALTERNATIVES — 3 tabs */
.qd-alt{padding:50px 0;background:#0c1018}
.qd-alt h2{text-align:center;font-size:clamp(24px,3vw,32px);margin:0 0 30px}
.alt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:920px;margin:0 auto}
.alt-card{background:linear-gradient(160deg,#11161f 0%,#0d141f 100%);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:26px 22px;text-align:center;transition:transform .25s,border-color .25s;position:relative;overflow:hidden}
.alt-card::before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:var(--alt-c,#04CFAA);transform:scaleX(.4);transform-origin:left;transition:transform .3s}
.alt-card:hover{transform:translateY(-3px);border-color:var(--alt-c,#04CFAA)}
.alt-card:hover::before{transform:scaleX(1)}
.alt-icon{width:54px;height:54px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid var(--alt-c,#04CFAA);display:inline-flex;align-items:center;justify-content:center;color:var(--alt-c,#04CFAA);margin-bottom:12px}
.alt-icon svg{width:26px;height:26px}
.alt-card h3{font-size:17px;color:#fff;margin:0 0 6px}
.alt-card p{font-size:13.5px;color:#a8b1c0;margin:0 0 14px;line-height:1.55}
.alt-card .alt-time{font-size:12px;font-weight:700;color:var(--alt-c,#04CFAA);letter-spacing:.06em;text-transform:uppercase}
.alt-card--phone{--alt-c:#04CFAA}
.alt-card--email{--alt-c:#FFB400}
.alt-card--social{--alt-c:#A064FF}

/* BONUS REMINDER */
.qd-bonus-block{padding:60px 0;background:linear-gradient(135deg,#1a0a08 0%,#0c1018 50%,#0a2820 100%);position:relative;overflow:hidden}
.qd-bonus-block::before,.qd-bonus-block::after{content:"";position:absolute;width:400px;height:400px;border-radius:50%;filter:blur(60px);pointer-events:none}
.qd-bonus-block::before{top:-100px;left:-100px;background:rgba(255,180,0,.12)}
.qd-bonus-block::after{bottom:-100px;right:-100px;background:rgba(4,207,170,.1)}
.qd-bonus-inner{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1.2fr;gap:42px;align-items:center}
.qd-bonus-text h2{font-size:clamp(26px,3.4vw,38px);margin:0 0 14px;color:#fff;line-height:1.15}
.qd-bonus-text h2 span{color:#FFB400}
.qd-bonus-text p{color:#cdd5e0;font-size:15.5px;margin:0 0 22px;line-height:1.65}
.qd-bonus-list{list-style:none;padding:0;margin:0 0 26px;display:flex;flex-direction:column;gap:8px}
.qd-bonus-list li{font-size:14.5px;color:#cdd5e0;display:flex;align-items:flex-start;gap:10px}
.qd-bonus-list li::before{content:"+";display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#04CFAA,#02A688);color:#0c1018;font-weight:900;font-size:14px;flex-shrink:0}
.qd-bonus-list strong{color:#FFB400}

.bonus-card-3d{position:relative;padding:34px 30px;background:linear-gradient(155deg,rgba(255,180,0,.12),rgba(255,60,0,.08));border:1.5px solid rgba(255,180,0,.3);border-radius:24px;text-align:center;transform:rotate(-3deg);transition:transform .3s}
.bonus-card-3d:hover{transform:rotate(0)}
.bonus-card-3d::after{content:"⭐";position:absolute;top:14px;right:18px;font-size:24px}
.bonus-card-3d::before{content:"NEW PLAYER";position:absolute;top:18px;left:22px;font-size:11px;font-weight:800;letter-spacing:.1em;color:#FFB400}
.bonus-amount{font-size:clamp(50px,8vw,90px);font-weight:900;line-height:1;background:linear-gradient(180deg,#FFD960 0%,#FF6B00 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:30px 0 6px;text-shadow:0 0 30px rgba(255,180,0,.3)}
.bonus-amount-label{font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:#fff;font-weight:700;margin-bottom:14px}
.bonus-extra{display:inline-block;padding:8px 16px;background:rgba(4,207,170,.12);border:1px solid rgba(4,207,170,.3);border-radius:100px;color:#04CFAA;font-size:14px;font-weight:800}

/* KYC NOTICE */
.qd-kyc{padding:40px 0;background:#0d141f;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}
.kyc-card{display:flex;gap:22px;align-items:center;max-width:880px;margin:0 auto;background:linear-gradient(135deg,rgba(4,207,170,.06),rgba(13,18,26,.6));border:1px solid rgba(4,207,170,.2);border-radius:14px;padding:22px 26px}
.kyc-icon{width:60px;height:60px;border-radius:14px;background:rgba(4,207,170,.12);border:1px solid rgba(4,207,170,.3);display:flex;align-items:center;justify-content:center;color:#04CFAA;flex-shrink:0}
.kyc-icon svg{width:30px;height:30px}
.kyc-card h3{margin:0 0 4px;font-size:16px;color:#fff}
.kyc-card p{margin:0;font-size:13.5px;color:#a8b1c0;line-height:1.55}
.kyc-card p strong{color:#04CFAA}

/* TROUBLESHOOTING */
.qd-trouble{padding:50px 0;background:#0c1018}
.qd-trouble h2{font-size:clamp(24px,3vw,32px);margin:0 0 6px;text-align:center}
.qd-trouble .subtitle{text-align:center;color:#8a93a3;margin:0 auto 28px;font-size:15px}
.trouble-list{max-width:780px;margin:0 auto}

/* FINAL MEGA CTA */
.qd-final{padding:70px 0;background:radial-gradient(ellipse at center,rgba(255,108,0,.18) 0%,#0c1018 60%);text-align:center;position:relative;overflow:hidden}
.qd-final::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent 0,transparent 40px,rgba(255,180,0,.02) 40px,rgba(255,180,0,.02) 41px);pointer-events:none}
.qd-final h2{font-size:clamp(30px,4.5vw,52px);margin:0 0 14px;color:#fff;position:relative;text-shadow:0 4px 24px rgba(0,0,0,.5);font-weight:900}
.qd-final h2 strong{background:linear-gradient(180deg,#FFD960,#FF6B00);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.qd-final p{margin:0 0 32px;color:#cdd5e0;font-size:17px;position:relative;line-height:1.5}
.qd-final p strong{color:#FFB400}
.qd-final-cta{position:relative}

/* Mobile */
@media (max-width:768px){
  .qd-hero{padding:30px 0 26px}
  .qd-hero-grid{grid-template-columns:1fr;gap:20px}
  .qd-hero-text{text-align:left}
  .qd-hero-text h1{font-size:28px}
  .hero-usp{gap:8px}
  .hero-usp-card{padding:10px 8px}
  .hero-usp-card h4{font-size:10.5px}
  .hero-usp-card p{font-size:10.5px}
  .hero-gift{padding:14px 16px;gap:12px}
  .hero-gift-icon{font-size:32px}
  .qd-hero-cta{align-items:flex-start}
  .qd-form{margin:0 auto;max-width:100%;padding:24px 22px}
  .btn-mega{padding:16px 28px;font-size:14px}
  .wstep{padding:18px 20px 16px 18px;gap:14px}
  .wstep-num{width:38px;height:38px;font-size:15px}
  .wizard-steps::before{left:30px;top:28px;bottom:28px}
  .alt-grid{grid-template-columns:1fr;gap:10px}
  .qd-bonus-inner{grid-template-columns:1fr;gap:30px;text-align:center}
  .qd-bonus-list li{justify-content:center}
  .bonus-card-3d{transform:rotate(-2deg);max-width:340px;margin:0 auto}
  .kyc-card{flex-direction:column;text-align:center;gap:14px;padding:18px 22px}
}
@media (max-width:480px){
  .qd-hero h1{font-size:30px}
  .qd-bonus-pop{padding:10px 16px;gap:12px}
  .qd-bonus-pop .pct{font-size:24px}
}