*{margin:0;padding:0;box-sizing:border-box}
:root{--bg:#0a0a0c;--bg2:#141418;--card:#1a1a20;--red:#e63946;--red2:#c1121f;--gold:#ffb703;--gold2:#fb8500;--white:#f1faee;--glass:rgba(230,57,70,0.08);--glass-border:rgba(230,57,70,0.25);--text-dim:rgba(241,250,238,0.6)}
html,body{font-family:'Rajdhani','Orbitron',Arial,sans-serif;background:var(--bg);min-height:100vh;color:var(--white);text-align:center;overflow-x:hidden}
body::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 20% 0%,rgba(230,57,70,0.12) 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(255,183,3,0.08) 0%,transparent 50%);pointer-events:none;z-index:0}

/* Loading */
.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg);display:flex;justify-content:center;align-items:center;z-index:10000}
.loading-content{text-align:center}
.loading-logo{font-size:7em;margin-bottom:30px;filter:drop-shadow(0 0 40px rgba(230,57,70,0.7));animation:floatLogo 3s ease-in-out infinite}
@keyframes floatLogo{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-15px) scale(1.05)}}
.loading-bar-track{width:220px;height:4px;background:rgba(255,255,255,0.08);border-radius:4px;margin:20px auto;overflow:hidden}
.loading-bar-fill{height:100%;width:0;background:linear-gradient(90deg,var(--red),var(--gold));border-radius:4px;animation:loadFill 1.4s ease forwards}
@keyframes loadFill{to{width:100%}}
.loading-content p{font-size:1em;color:var(--text-dim);letter-spacing:3px;text-transform:uppercase;font-weight:600}

/* Header */
.main-container{max-width:1400px;margin:0 auto;padding:20px;padding-bottom:120px;position:relative;z-index:1}
.site-header{padding:30px 0 10px;position:relative}
.header-glow{position:absolute;top:-60px;left:50%;transform:translateX(-50%);width:500px;height:200px;background:radial-gradient(ellipse,rgba(230,57,70,0.15),transparent 70%);pointer-events:none}
.main-logo{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:8px}
.logo-icon{font-size:3em;filter:drop-shadow(0 0 20px rgba(230,57,70,0.6))}
.logo-text{font-family:'Orbitron',sans-serif;font-size:3.8em;font-weight:900;letter-spacing:10px;background:linear-gradient(135deg,var(--red),var(--gold),var(--red));background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 4s linear infinite;filter:drop-shadow(0 0 25px rgba(230,57,70,0.4))}
@keyframes shimmer{0%{background-position:0% center}100%{background-position:200% center}}
.logo-subtitle{font-size:1.15em;color:var(--text-dim);letter-spacing:4px;font-weight:600;text-transform:uppercase}
.header-stats{display:flex;justify-content:center;padding:18px 0}
.stat-badge{display:inline-flex;align-items:center;gap:10px;padding:10px 24px;border-radius:40px;font-weight:700;font-size:1em}
.live-badge{background:rgba(230,57,70,0.12);border:1.5px solid var(--glass-border)}
.live-dot{width:8px;height:8px;background:var(--red);border-radius:50%;animation:blink 1.5s infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
.active-users-count{color:var(--gold);font-weight:800;font-size:1.1em}

/* Steps */
.step{display:none}
.step.active{display:block;animation:fadeUp .5s ease}
@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.select-title{margin:30px 0 28px;font-family:'Orbitron',sans-serif;font-size:1.8em;font-weight:800;text-transform:uppercase;letter-spacing:5px;color:var(--white);position:relative;display:inline-block}
.select-title::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:80px;height:3px;background:linear-gradient(90deg,var(--red),var(--gold));border-radius:2px}

/* Items Grid */
.items-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;padding:20px}
.item-card{background:var(--card);border-radius:16px;padding:20px 14px;display:flex;flex-direction:column;align-items:center;border:2px solid rgba(255,255,255,0.06);cursor:pointer;transition:all .35s ease;position:relative;overflow:hidden}
.item-card::after{content:'';position:absolute;inset:0;border-radius:16px;opacity:0;background:linear-gradient(135deg,rgba(230,57,70,0.15),transparent);transition:opacity .3s}
.item-card:hover::after{opacity:1}
.item-card:hover{transform:translateY(-8px);border-color:var(--red);box-shadow:0 16px 40px rgba(230,57,70,0.2)}
.item-card.selected{border-color:var(--gold);box-shadow:0 0 30px rgba(255,183,3,0.3),0 16px 40px rgba(230,57,70,0.15)}
.item-card.selected::after{opacity:1;background:linear-gradient(135deg,rgba(255,183,3,0.1),rgba(230,57,70,0.08))}
.item-img{width:100px;height:100px;object-fit:contain;border-radius:12px;margin-bottom:12px;transition:transform .35s ease}
.item-card:hover .item-img{transform:scale(1.08)}
.item-name{font-size:1.05em;color:rgba(255,255,255,.85);font-weight:700;text-align:center;line-height:1.3;min-height:2.6em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin-bottom:12px}
.item-card.selected .item-name{color:var(--gold)}
.claim-btn{width:100%;padding:10px 16px;background:linear-gradient(135deg,var(--red),var(--red2));color:white;border:none;border-radius:10px;font-weight:800;font-size:.95em;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;position:relative;z-index:1}
.claim-btn:hover{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#111;box-shadow:0 4px 18px rgba(255,183,3,0.35)}
.item-card.selected .claim-btn{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#111}

/* Popup */
.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.88);backdrop-filter:blur(8px);display:none;justify-content:center;align-items:center;z-index:9999}
.popup-overlay.show{display:flex;animation:fadeIn .25s ease}
.popup-content{background:var(--card);padding:32px;border-radius:20px;width:90%;max-width:420px;text-align:center;color:var(--white);box-shadow:0 25px 80px rgba(0,0,0,.7),0 0 0 1px var(--glass-border);animation:popSlide .35s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}
.popup-content::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--red),var(--gold))}
@keyframes popSlide{from{transform:translateY(40px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}
.popup-header h3{font-family:'Orbitron',sans-serif;font-size:1.3em;margin-bottom:22px;letter-spacing:1px}
.popup-item-image{width:120px;height:120px;border-radius:50%;object-fit:contain;border:3px solid var(--red);margin-bottom:18px;background:rgba(255,255,255,.03);box-shadow:0 0 30px rgba(230,57,70,0.3);animation:itemFloat 3s ease-in-out infinite}
@keyframes itemFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.popup-item-name{font-size:1.3em;font-weight:800;margin-bottom:22px;color:var(--gold)}
.popup-avatar{width:110px;height:110px;border-radius:50%;border:3px solid var(--red);margin-bottom:18px;box-shadow:0 0 25px rgba(230,57,70,0.3)}
.popup-username{font-size:1.15em;margin-bottom:22px;color:var(--text-dim)}
.input-group input{width:100%;padding:16px 18px;background:rgba(255,255,255,.05);color:var(--white);border:2px solid rgba(255,255,255,.1);border-radius:12px;font-size:1.05em;font-weight:600;margin-bottom:14px;transition:all .3s ease}
.input-group input:focus{outline:none;border-color:var(--red);background:rgba(230,57,70,.06);box-shadow:0 0 18px rgba(230,57,70,.15)}
.input-group input::placeholder{color:rgba(255,255,255,.35)}
.popup-error{color:#ff6b6b;font-size:.9em;margin-bottom:14px;padding:10px;background:rgba(255,107,107,.1);border-radius:8px}
.popup-buttons{display:flex;gap:12px;margin-top:18px}
.cancel-btn,.continue-btn{flex:1;padding:14px;border:none;border-radius:12px;font-weight:800;cursor:pointer;font-size:.95em;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}
.cancel-btn{background:rgba(255,255,255,.06);color:var(--white);border:1.5px solid rgba(255,255,255,.12)}
.cancel-btn:hover{background:rgba(255,255,255,.12);transform:translateY(-2px)}
.continue-btn{background:linear-gradient(135deg,var(--red),var(--red2));color:white;box-shadow:0 6px 20px rgba(230,57,70,.3)}
.continue-btn:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(230,57,70,.4)}
.continue-btn.full-width{width:100%;margin-top:14px}
.error-icon{font-size:4.5em;margin:20px 0;animation:shake .5s ease}
@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-8px)}75%{transform:translateX(8px)}}
.error-text{color:#ff6b6b;font-size:1.05em;margin-bottom:22px}

/* Searching Animation */
.searching-animation{margin:35px 0}
.folding{margin:0 auto;width:60px;height:60px;position:relative;transform:rotateZ(45deg)}
.sk-cube{float:left;width:50%;height:50%;position:relative;transform:scale(1.1)}
.sk-cube:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--red),var(--gold));animation:sk-fold 2.4s infinite linear both;transform-origin:100% 100%}
.sk-cube2{transform:scale(1.1) rotateZ(90deg)}.sk-cube3{transform:scale(1.1) rotateZ(180deg)}.sk-cube4{transform:scale(1.1) rotateZ(270deg)}
.sk-cube2:before{animation-delay:.3s}.sk-cube3:before{animation-delay:.6s}.sk-cube4:before{animation-delay:.9s}
@keyframes sk-fold{0%,10%{transform:perspective(140px) rotateX(-180deg);opacity:0}25%,75%{transform:perspective(140px) rotateX(0deg);opacity:1}90%,100%{transform:perspective(140px) rotateY(180deg);opacity:0}}
.searching-text{color:var(--text-dim);font-size:1.1em;margin-top:22px;letter-spacing:1px}

/* Processing - Legit Style */
.process-container{padding:10px 0}
.process-header{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:24px}
.process-header h3{font-family:'Orbitron',sans-serif;font-size:1.1em;color:var(--white);letter-spacing:1px}
.process-progress{width:100%;height:6px;background:rgba(255,255,255,.08);border-radius:6px;overflow:hidden;margin-bottom:28px}
.process-progress-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--red),var(--gold));border-radius:6px;transition:width .6s ease}
.process-steps{display:flex;flex-direction:column;gap:14px;text-align:left}
.process-step{display:flex;align-items:center;gap:14px;padding:14px 18px;background:rgba(255,255,255,.03);border-radius:12px;border:1px solid rgba(255,255,255,.05);opacity:.35;transition:all .4s ease}
.process-step.active{opacity:1;border-color:var(--glass-border);background:var(--glass)}
.process-step.done{opacity:1;border-color:rgba(76,175,80,.3);background:rgba(76,175,80,.06)}
.process-step.error{opacity:1;border-color:rgba(255,183,3,.4);background:rgba(255,183,3,.06)}
.step-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1em;flex-shrink:0;background:rgba(255,255,255,.06);color:var(--text-dim);transition:all .3s}
.process-step.active .step-icon{background:rgba(230,57,70,.15);color:var(--red)}
.process-step.done .step-icon{background:rgba(76,175,80,.15);color:#4caf50}
.process-step.error .step-icon{background:rgba(255,183,3,.15);color:var(--gold)}
.step-label{font-weight:700;font-size:.95em;color:var(--white)}
.step-spinner{width:18px;height:18px;border:2px solid rgba(230,57,70,.2);border-top:2px solid var(--red);border-radius:50%;animation:spin .7s linear infinite}

/* Verification Required Popup */
.verification-message{text-align:center;padding:24px 16px}
.warning-icon{font-size:50px;margin-bottom:12px}
.verification-message h4{font-size:1.25em;color:var(--gold);margin:12px 0}
.verification-message p{color:var(--text-dim);margin:8px 0;line-height:1.6;font-size:.95em}
.verification-message .small-text{font-size:.8em;color:rgba(255,255,255,.35)}
.verification-info{display:flex;justify-content:space-around;margin:20px 0;padding:16px;background:rgba(255,255,255,.03);border-radius:10px;border:1px solid rgba(255,255,255,.06)}
.info-item{display:flex;align-items:center;gap:7px;font-size:.85em;color:var(--text-dim)}
.info-icon{color:#4CAF50;font-weight:bold}
.verify-btn{width:100%;padding:15px;background:linear-gradient(135deg,var(--red),var(--red2));color:white;border:none;border-radius:12px;font-size:1.05em;font-weight:800;cursor:pointer;transition:all .3s;margin-top:16px;text-transform:uppercase;letter-spacing:1px;box-shadow:0 8px 25px rgba(230,57,70,.3)}
.verify-btn:hover{transform:translateY(-3px);box-shadow:0 14px 35px rgba(230,57,70,.4)}
.cancel-text{text-align:center;color:rgba(255,255,255,.35);font-size:.85em;margin-top:14px;cursor:pointer}
.cancel-text:hover{color:var(--text-dim);text-decoration:underline}

/* Step Container */
.step-container{background:linear-gradient(145deg,rgba(26,26,32,.98),rgba(20,20,24,.98));border-radius:24px;padding:36px;color:var(--white);box-shadow:0 20px 60px rgba(0,0,0,.5),0 0 0 1px var(--glass-border);margin-top:28px;position:relative;overflow:hidden}
.step-container::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--red),var(--gold))}
.instructions-box{max-width:650px;margin:0 auto 28px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:22px}
.instruction-item{display:flex;align-items:flex-start;gap:18px;margin-bottom:18px;padding:14px;background:rgba(255,255,255,.03);border-radius:10px;transition:all .3s ease}
.instruction-item:last-child{margin-bottom:0}
.instruction-item:hover{transform:translateX(4px);background:rgba(255,255,255,.06)}
.instruction-number{min-width:36px;height:36px;background:linear-gradient(135deg,var(--red),var(--red2));color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1em;font-weight:900;flex-shrink:0}
.instruction-text{flex:1;color:var(--text-dim);font-size:1em;font-weight:600;line-height:1.5;text-align:left;padding-top:6px}

/* Success */
.success-animation{text-align:center;padding:36px}
.success-icon{font-size:5em;margin-bottom:22px;animation:successBounce 1s ease infinite}
@keyframes successBounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}
.success-animation h2{font-family:'Orbitron',sans-serif;font-size:1.8em;margin-bottom:12px;background:linear-gradient(135deg,var(--red),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.success-animation p{color:var(--text-dim);font-size:1.05em}
.success-details{margin:28px 0}
.success-item{display:inline-flex;align-items:center;gap:16px;background:linear-gradient(135deg,var(--red),var(--red2));padding:16px 28px;border-radius:50px;margin-bottom:18px;box-shadow:0 10px 30px rgba(230,57,70,.35);animation:floatBadge 3s ease-in-out infinite}
@keyframes floatBadge{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.success-item img{width:48px;height:48px;border-radius:50%;border:2px solid rgba(255,255,255,.3);background:rgba(255,255,255,.08)}
.success-item span{font-weight:800;font-size:1.05em;color:white}
.play-again-btn{background:linear-gradient(135deg,var(--red),var(--red2));color:white;border:none;padding:16px 44px;border-radius:50px;font-size:1.1em;font-weight:800;cursor:pointer;transition:all .35s ease;margin-top:22px;box-shadow:0 10px 30px rgba(230,57,70,.3);text-transform:uppercase;letter-spacing:1px}
.play-again-btn:hover{transform:translateY(-5px);box-shadow:0 16px 40px rgba(230,57,70,.4)}

/* Social Proof */
.social-proof{position:fixed;bottom:20px;left:15px;background:rgba(20,20,24,.95);backdrop-filter:blur(10px);border-radius:12px;padding:12px 16px;box-shadow:0 8px 25px rgba(0,0,0,.5);border:1.5px solid var(--glass-border);z-index:9998;width:50%;min-width:220px;max-width:300px;animation:slideInProof .4s ease}
@keyframes slideInProof{from{transform:translateX(-120%);opacity:0}to{transform:translateX(0);opacity:1}}
.proof-content{display:flex;align-items:center;gap:12px}
.proof-item-icon img{width:42px;height:42px;border-radius:8px;border:1.5px solid var(--glass-border);background:rgba(255,255,255,.03)}
.proof-info{text-align:left;min-width:0;flex:1}
.proof-main{display:flex;align-items:center;gap:6px;margin-bottom:2px}
.proof-name{font-weight:700;color:#fff;font-size:.88em}
.proof-flag{width:18px;height:13px;border-radius:2px}
.proof-item-name{font-size:.82em;color:var(--text-dim);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.proof-time{font-size:.65em;color:rgba(255,255,255,.4);margin-top:1px}

/* Language Selector */
.language-selector{position:fixed;top:18px;right:18px;z-index:99999}
.lang-btn{display:flex;align-items:center;gap:9px;background:rgba(20,20,24,.92);border:1.5px solid var(--glass-border);border-radius:40px;padding:9px 16px;cursor:pointer;font-weight:700;transition:all .3s ease;box-shadow:0 6px 20px rgba(0,0,0,.3);color:var(--white)}
.lang-btn:hover{transform:translateY(-2px);border-color:var(--red);box-shadow:0 10px 28px rgba(230,57,70,.2)}
.lang-flag{font-size:1.2em}
.btn-flag-img{width:24px;height:16px;border-radius:3px}
.lang-name{font-size:.9em;color:var(--white)}
.lang-arrow{font-size:.7em;transition:transform .3s;color:var(--text-dim)}
.language-selector.open .lang-arrow{transform:rotate(180deg)}
.lang-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--card);border-radius:16px;box-shadow:0 16px 50px rgba(0,0,0,.5);overflow:hidden;opacity:0;visibility:hidden;transform:translateY(-12px) scale(.95);transition:all .3s ease;min-width:190px;max-height:380px;overflow-y:auto;border:1.5px solid var(--glass-border)}
.language-selector.open .lang-dropdown{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
.lang-option{display:flex;align-items:center;gap:11px;padding:13px 18px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid rgba(255,255,255,.05);color:var(--white)}
.lang-option:last-child{border-bottom:none}
.lang-option:hover{background:rgba(230,57,70,.1);padding-left:22px}
.lang-option.active{background:linear-gradient(135deg,var(--red),var(--red2));color:white}
.option-flag-img{width:28px;height:18px;border-radius:3px}
.option-name{font-weight:700;font-size:.92em;color:inherit}

/* Animations */
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}

/* Responsive */
@media(max-width:1200px){.items-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:900px){.items-grid{grid-template-columns:repeat(3,1fr);gap:14px}.item-img{width:85px;height:85px}.select-title{font-size:1.4em}.logo-text{font-size:2.8em}}
@media(max-width:600px){.items-grid{grid-template-columns:repeat(2,1fr);gap:10px;padding:5px}.item-card{padding:14px 10px;border-radius:12px}.item-img{width:75px;height:75px}.item-name{font-size:.95em}.claim-btn{font-size:.85em;padding:9px 14px}.select-title{font-size:1.1em;letter-spacing:2px}.logo-text{font-size:2em;letter-spacing:5px}.logo-subtitle{font-size:.9em}.social-proof{left:12px;width:50%;min-width:200px;max-width:270px;bottom:12px}.lang-name{display:none}.step-container{padding:22px 16px;border-radius:16px}.instructions-box{padding:14px}.instruction-item{flex-direction:column;align-items:center;text-align:center;gap:8px;padding:10px}.instruction-text{text-align:center;padding-top:0;font-size:.9em}.instruction-number{min-width:32px;height:32px;font-size:1em}.verification-info{flex-direction:column;gap:8px}}

/* RTL */
html[dir="rtl"] body,body.rtl{direction:rtl;text-align:right}
body.rtl .language-selector{right:auto;left:18px}
body.rtl .lang-dropdown{right:auto;left:0}
body.rtl .social-proof{left:auto;right:20px}
body.rtl .proof-info{text-align:right}
body.rtl .proof-content{flex-direction:row-reverse}
body.rtl .proof-main{flex-direction:row-reverse}
body.rtl .lang-option:hover{padding-left:18px;padding-right:22px}
body.rtl .instruction-item{flex-direction:row-reverse}
body.rtl .instruction-text{text-align:right}
body.rtl .instruction-item:hover{transform:translateX(-4px)}
body.rtl .process-steps{text-align:right}
body.rtl .process-step{flex-direction:row-reverse}
@media(max-width:600px){body.rtl .social-proof{right:12px;left:auto}}

/* Scrollbar */
::-webkit-scrollbar{width:6px}
::-webkit-scrollbar-track{background:rgba(255,255,255,.03)}
::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--red),var(--gold));border-radius:4px}
::-webkit-scrollbar-thumb:hover{background:var(--gold)}