.welcome-tokens-overlay{position:fixed;z-index:99999;inset:0;display:none;justify-content:center;align-items:center;background:rgba(0,0,0,.75);backdrop-filter:blur(8px);animation:welcomeOverlayFadeIn .4s ease-out}.welcome-tokens-overlay.active{display:flex}.welcome-tokens-modal{position:relative;background:linear-gradient(135deg,#ffffff,#f8f9fa);padding:40px 36px 36px;border-radius:20px;width:92%;max-width:480px;box-shadow:0 24px 48px rgba(0,0,0,.2),0 8px 16px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.6);text-align:center;animation:welcomeModalSlideIn .5s cubic-bezier(.16,1,.3,1);border:2px solid rgba(255,255,255,.8);overflow:hidden}.welcome-gift-icon{font-size:72px;margin-bottom:20px;display:inline-block;animation:welcomeGiftBounce .8s ease-out .3s;filter:drop-shadow(0 4px 12px rgba(0,0,0,.15))}.welcome-tokens-title{font-size:28px;font-weight:800;color:#1a202c;margin:0 0 12px;line-height:1.2;letter-spacing:-.5px}.welcome-tokens-title .highlight{background:linear-gradient(135deg,#000,#333);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.welcome-tokens-subtitle{display:none}.welcome-tokens-card{background:linear-gradient(135deg,#e8eaed,#f5f5f5);border-radius:16px;padding:28px 24px;margin:0 0 24px;box-shadow:0 4px 12px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.8);position:relative;overflow:hidden;border:2px solid rgba(0,0,0,.08);min-height:140px}.welcome-tokens-card:before{top:12px;left:12px;animation:welcomeSparkle 2s ease-in-out infinite}.welcome-tokens-card:after,.welcome-tokens-card:before{content:"✨";position:absolute;font-size:24px;opacity:.6}.welcome-tokens-card:after{bottom:12px;right:12px;animation:welcomeSparkle 2s ease-in-out 1s infinite}.welcome-tokens-label{font-size:14px;color:#5f6368;text-transform:uppercase;letter-spacing:1px;margin:0 0 8px;font-weight:600}.welcome-tokens-amount{font-size:40px;font-weight:900;color:#1a1a1a;margin:0;line-height:1.2;letter-spacing:-1px;animation:welcomeCounterPulse .6s ease-out .8s;white-space:nowrap;min-height:48px;display:block;width:100%}.welcome-tokens-amount .tokens-number{display:inline-block;background:linear-gradient(135deg,#000,#333);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;min-width:120px;text-align:center}.welcome-tokens-description{font-size:15px;color:#718096;line-height:1.6;max-width:90%;margin:0 auto 28px}.welcome-tokens-button{background:linear-gradient(135deg,#000,#2d2d2d);color:#fff;border:none;padding:16px 40px;font-size:16px;font-weight:600;font-family:Montserrat,sans-serif;border-radius:10px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 6px 16px rgba(0,0,0,.2),0 2px 4px rgba(0,0,0,.15);width:100%;max-width:280px;position:relative;overflow:hidden}.welcome-tokens-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2) 50%,transparent);transition:left .6s ease}.welcome-tokens-button:hover:before{left:100%}.welcome-tokens-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.3),0 4px 8px rgba(0,0,0,.2);background:linear-gradient(135deg,#2d2d2d,#000)}.welcome-tokens-button:active{transform:translateY(0)}.welcome-tokens-close{position:absolute;top:16px;right:16px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;background:rgba(0,0,0,.05);transition:all .2s ease;border:none}.welcome-tokens-close:hover{background:rgba(0,0,0,.1);transform:rotate(90deg)}.welcome-tokens-close .iconify{font-size:22px;color:#718096}@keyframes welcomeOverlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes welcomeModalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-30px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes welcomeGiftBounce{0%,to{transform:translateY(0) scale(1)}25%{transform:translateY(-15px) scale(1.05)}50%{transform:translateY(0) scale(1)}75%{transform:translateY(-8px) scale(1.02)}}@keyframes welcomeCounterPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes welcomeSparkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}body.dark-mode .welcome-tokens-modal{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-color:rgba(255,255,255,.1)}body.dark-mode .welcome-tokens-title{color:#ffffff}body.dark-mode .welcome-tokens-title .highlight{background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}body.dark-mode .welcome-tokens-card{background:linear-gradient(135deg,#2a2a2a,#3a3a3a);box-shadow:0 8px 24px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.05);border-color:rgba(255,255,255,.1)}body.dark-mode .welcome-tokens-label{color:rgba(255,255,255,.7)}body.dark-mode .welcome-tokens-amount{color:#fff}body.dark-mode .welcome-tokens-amount .tokens-number{background:linear-gradient(180deg,#fff,#e0e0e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}body.dark-mode .welcome-tokens-description{color:#8a95a3}body.dark-mode .welcome-tokens-close{background:rgba(255,255,255,.05)}body.dark-mode .welcome-tokens-close:hover{background:rgba(255,255,255,.1)}body.dark-mode .welcome-tokens-close .iconify{color:#a0aec0}@media (max-width:768px){.welcome-tokens-modal{width:95%;max-width:none;margin:0 20px;padding:32px 24px 28px}.welcome-gift-icon{font-size:64px;margin-bottom:16px}.welcome-tokens-title{font-size:24px;margin-bottom:10px}.welcome-tokens-card{padding:24px 20px;margin-bottom:24px}.welcome-tokens-amount{font-size:40px}.welcome-tokens-button{padding:14px 32px;font-size:16px;max-width:none;width:100%}.welcome-tokens-close{top:12px;right:12px;width:32px;height:32px}.welcome-tokens-close .iconify{font-size:20px}}@media (max-width:480px){.welcome-tokens-modal{padding:28px 20px 24px}.welcome-gift-icon{font-size:56px}.welcome-tokens-title{font-size:22px}.welcome-tokens-amount{font-size:36px}.welcome-tokens-card:after,.welcome-tokens-card:before{font-size:20px}}