@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@700;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@600&display=swap);:root{--color-bg-main:#131124;--color-bg-card:#181825;--color-primary:#a259f7;--color-secondary:#4facfe;--color-accent1:#a259f7;--color-accent2:#00ffd0;--color-accent3:#ff61e6;--color-warning:#ffb347;--color-success:#00e676;--color-error:#ff5252;--color-text-main:#fff;--color-text-muted:#b3b3c6;--color-glass:#23234a;--color-glow:0 0 8px #a259f7}*{box-sizing:border-box;margin:0;padding:0}body{background:#131124;background:var(--color-bg-main);color:#fff;color:var(--color-text-main);font-family:Poppins,Arial,sans-serif;font-weight:700;letter-spacing:.01em;overflow-x:hidden}.App,body{min-height:100vh}.App{display:flex;flex-direction:column}.App,main{background:none}main{flex:1 1;transition:padding-right .3s ease,margin-top .3s ease}main.party-open{padding-right:350px}.main-content{transition:margin-top .3s ease}.main-content:has(~.referral-banner),.referral-banner+.main-content{margin-top:140px!important}@media (max-width:768px){.main-content:has(~.referral-banner),.referral-banner+.main-content{margin-top:60px!important}}.link,a{color:#a259f7;color:var(--color-accent1);text-decoration:none;transition:color .2s}.link:hover,a:hover{color:#00ffd0;color:var(--color-accent2)}button{cursor:pointer;font-family:inherit;outline:none}::-webkit-scrollbar{width:10px}::-webkit-scrollbar,::-webkit-scrollbar-track{background:#23234a;background:var(--color-glass)}::-webkit-scrollbar-track{border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#a259f7,#4facfe);background:linear-gradient(180deg,var(--color-primary) 0,var(--color-secondary) 100%);border:2px solid #181825;border-radius:10px;box-shadow:0 0 8px #a259f7;box-shadow:var(--color-glow)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#4facfe,#a259f7);background:linear-gradient(180deg,var(--color-secondary) 0,var(--color-primary) 100%)}html{scrollbar-color:#a259f7 #23234a;scrollbar-color:var(--color-primary) var(--color-glass);scrollbar-width:thin}body{-ms-overflow-style:scrollbar}.container{margin:0 auto;max-width:1300px;padding:0 2rem}.text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#a259f7 0,var(--color-accent) 100%);background:linear-gradient(90deg,var(--color-primary) 0,var(--color-accent) 100%);-webkit-background-clip:text;background-clip:text}.glass{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#23234a;background:var(--color-glass);border:1px solid #ffffff1f;border-radius:18px;box-shadow:0 8px 32px 0 #1f26872e}.card{background:#181825;background:var(--color-bg-card);border:none;border-radius:12px;box-shadow:none;padding:2rem;transition:transform .2s}.card:hover{box-shadow:none;transform:translateY(-4px) scale(1.02)}.btn,.btn-primary,.interactive,button{background:#a259f7;background:var(--color-accent1);border:none;border-radius:8px;box-shadow:0 0 16px #a259f733;box-shadow:0 0 16px var(--color-accent1,#a259f7)33;color:#fff;font-weight:700;transition:background .2s,box-shadow .2s,color .2s}.btn-primary:hover,.btn:hover,.interactive:hover,button:hover{background:#00ffd0;background:var(--color-accent2);box-shadow:0 0 32px #00ffd055;box-shadow:0 0 32px var(--color-accent2,#00ffd0)55;color:#131124}.btn-secondary{background:#ff61e6;background:var(--color-accent3);border:none;border-radius:8px;color:#fff;font-weight:700;transition:background .2s,box-shadow .2s,color .2s}.btn-secondary:hover{background:#00ffd0;background:var(--color-accent2);box-shadow:0 0 32px #00ffd055;box-shadow:0 0 32px var(--color-accent2,#00ffd0)55;color:#131124}.fade-in{animation:fadeIn .7s cubic-bezier(.25,1.7,.45,.87)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.bounce{animation:bounce .7s cubic-bezier(.25,1.7,.45,.87)}@keyframes bounce{0%{transform:scale(1)}30%{transform:scale(1.1)}50%{transform:scale(.97)}70%{transform:scale(1.03)}to{transform:scale(1)}}.notification-container{bottom:30px;display:flex;flex-direction:column;gap:14px;position:fixed;right:30px;z-index:1000}.notification{align-items:center;animation:slideIn .4s cubic-bezier(.25,1.7,.45,.87);border-radius:12px;box-shadow:0 4px 24px #0008;display:flex;font-size:1.1rem;font-weight:700;justify-content:space-between;min-width:320px;padding:18px 24px}.notification.success{background:linear-gradient(90deg,#00e676,#00c853);color:#fff}.notification.error{background:linear-gradient(90deg,#ff1744,#ff5252);color:#fff}.notification.info{background:linear-gradient(90deg,#a259f7,#4facfe);background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));color:#fff}.notification.warning{background:linear-gradient(90deg,#ffa000,#ffb74d);color:#fff}@keyframes slideIn{0%{opacity:0;transform:translateX(120%)}to{opacity:1;transform:translateX(0)}}.party-tab-indicator{align-items:center;background:#23234a;background:var(--color-glass);border-bottom-left-radius:12px;border-top-left-radius:12px;box-shadow:0 2px 8px #4facfe55;cursor:pointer;display:flex;height:44px;justify-content:center;position:fixed;right:0;top:80px;transition:all .3s cubic-bezier(.25,1.7,.45,.87);width:44px;z-index:999}.party-tab-indicator:hover{background:#a259f7;background:var(--color-primary)}.party-tab-indicator svg{fill:#a259f7;fill:var(--color-primary);height:22px;width:22px}.party-notification-badge{align-items:center;background:#ff5252;background:var(--color-error);border-radius:50%;box-shadow:0 0 8px #ff5252aa;display:flex;font-size:11px;font-weight:700;height:20px;justify-content:center;position:absolute;right:-6px;top:-6px;width:20px}h1,h2,h3,h4,h5,h6{color:#fff;color:var(--color-text-main);font-family:Poppins,Arial,sans-serif;font-weight:900;letter-spacing:.02em}@media (max-width:600px){.container{padding:0 .5rem}.notification{font-size:1rem;min-width:90vw}.card{padding:1rem}.btn-primary,.btn-secondary{font-size:1rem;padding:.7rem 1.2rem}}.background-highlight{background:radial-gradient(circle,#a259f7 0,#0000 70%);filter:blur(120px);height:600px;left:60%;opacity:.25;top:10%;width:600px}.background-highlight,.background-highlight2{border-radius:50%;pointer-events:none;position:fixed;z-index:0}.background-highlight2{background:radial-gradient(circle,#00ffd0 0,#0000 70%);bottom:5%;filter:blur(100px);height:400px;opacity:.18;right:10%;width:400px}.tournaments-coming-soon{color:#fff;font-family:Poppins,sans-serif;font-size:4rem;font-weight:800;letter-spacing:.1em;text-shadow:0 0 32px #a259f7,0 0 8px #00ffd0}.tournaments-subtext{color:#00ffd0;font-family:Inter,sans-serif;font-size:2rem;font-weight:600;margin-top:1.5rem;text-shadow:0 0 16px #00ffd0,0 0 8px #a259f7}.tournaments-description{color:#fff;font-family:Inter,sans-serif;font-size:1.2rem;letter-spacing:.04em;margin-top:2.5rem;max-width:500px;opacity:.7;text-align:center}.tournaments-hype-btn{background:linear-gradient(90deg,#a259f7,#00ffd0);border-radius:2rem;box-shadow:0 0 24px #a259f7,0 0 8px #00ffd0;color:#18122b;cursor:not-allowed;display:inline-block;font-family:Poppins,sans-serif;font-size:1.3rem;font-weight:700;letter-spacing:.08em;margin-top:3rem;opacity:.85;padding:.8rem 2.5rem;-webkit-user-select:none;user-select:none}.nav-link.active,.nav-link:focus,.nav-link[active]{color:#a259f7!important;font-weight:700;text-shadow:0 0 8px #a259f7,0 0 2px #00ffd0}.nav-link:hover{color:#00ffd0!important;text-shadow:0 0 8px #00ffd0,0 0 2px #a259f7}.global-chat{border:1px solid #a259f733;border-radius:12px;bottom:20px;box-shadow:0 8px 32px #a259f726;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;position:fixed;right:20px;transition:all .3s cubic-bezier(.4,0,.2,1);width:420px;z-index:1000}.global-chat,.global-chat.collapsed{background:linear-gradient(135deg,#1a1a2e,#16213e)}.global-chat.collapsed{cursor:pointer;height:60px;width:200px}.global-chat.collapsed:hover{box-shadow:0 12px 40px #a259f740;transform:translateY(-2px)}.global-chat.expanded{display:flex;flex-direction:column;height:600px;max-height:85vh}.chat-header{align-items:center;background:linear-gradient(135deg,#2d1b69,#1a1a2e);border-bottom:1px solid #a259f733;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:16px 20px}.chat-header.collapsed{border-bottom:none;border-radius:12px;padding:12px 16px}.chat-title{align-items:center;color:#fff;display:flex;font-family:Poppins,sans-serif;font-weight:600;gap:8px}.chat-icon{filter:drop-shadow(0 0 8px rgba(162,89,247,.6));font-size:18px}.message-count{background:linear-gradient(135deg,#a259f7,#ff61e6);border-radius:12px;color:#fff;font-size:12px;font-weight:600;min-width:20px;padding:2px 8px;text-align:center}.connection-status{align-items:center;display:flex;gap:6px;margin-left:12px}.status-dot{border-radius:50%;height:8px;transition:all .3s ease;width:8px}.status-dot.connected{background:#00ffd0;box-shadow:0 0 12px #00ffd099}.status-dot.disconnected{background:#ff4757;box-shadow:0 0 12px #ff475799}.status-text{color:#ffffffb3;font-size:12px;font-weight:500}.collapse-btn,.expand-btn{background:#a259f733;border:1px solid #a259f74d;border-radius:8px;color:#a259f7;cursor:pointer;font-weight:600;padding:8px 12px;transition:all .3s ease}.collapse-btn:hover,.expand-btn:hover{background:#a259f74d;transform:scale(1.05)}.messages-container{background:#0003;flex:1 1;overflow-y:auto;padding:0;position:relative}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:#0000001a}.messages-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#a259f7,#ff61e6);border-radius:3px}.messages-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#8b47d1,#e055c7)}.empty-state,.loading-state{align-items:center;color:#fff9;display:flex;flex-direction:column;height:200px;justify-content:center;padding:20px;text-align:center}.loading-spinner{border:3px solid #a259f733;height:32px;margin-bottom:12px;width:32px}.empty-icon{font-size:48px;margin-bottom:12px;opacity:.6}.empty-state p{font-size:14px;line-height:1.5;margin:0}.messages-list{padding:16px 0}.message-item{display:flex;gap:12px;padding:8px 16px;transition:background-color .2s ease}.message-item:hover{background:#a259f70d}.message-avatar{flex-shrink:0;margin-top:4px}.message-content{flex:1 1;min-width:0}.message-header{align-items:center;display:flex;flex-wrap:wrap;gap:4px;margin-bottom:4px}.message-username{color:#a259f7;font-family:Poppins,sans-serif;font-size:14px;font-weight:600}.vip-icon{animation:vipGlow 2s ease-in-out infinite alternate;cursor:help;filter:drop-shadow(0 0 4px rgba(255,215,0,.8));font-size:14px;margin-left:.25rem}@keyframes vipGlow{0%{filter:drop-shadow(0 0 4px rgba(255,215,0,.8))}to{filter:drop-shadow(0 0 8px rgba(255,215,0,1)) drop-shadow(0 0 12px rgba(255,215,0,.6))}}.message-time{color:#ffffff80;font-size:12px;font-weight:400;margin-left:auto}.delete-btn{background:none;border:none;border-radius:4px;color:#fff6;cursor:pointer;font-size:16px;line-height:1;margin-left:auto;padding:2px 6px;transition:all .2s ease}.delete-btn:hover{background:#ff47571a;color:#ff4757}.message-text{word-wrap:break-word;color:#ffffffe6;font-size:14px;line-height:1.4;white-space:pre-wrap}.scroll-to-bottom{align-items:center;background:linear-gradient(135deg,#a259f7,#ff61e6);border:none;border-radius:20px;bottom:16px;box-shadow:0 4px 16px #a259f766;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:4px;padding:8px 12px;position:absolute;right:16px;transition:all .3s ease}.scroll-to-bottom:hover{box-shadow:0 6px 20px #a259f799;transform:translateY(-2px)}.message-input-container{background:#0000004d;border-radius:0 0 12px 12px;border-top:1px solid #a259f733;padding:16px}.error-message{background:#ff47571a;border:1px solid #ff47574d;color:#ff6b7a;font-size:12px;margin-bottom:12px;padding:8px 12px}.error-icon{font-size:14px}.message-form{align-items:flex-end;display:flex;gap:12px}.input-wrapper{flex:1 1;position:relative}.message-input{background:#ffffff1a;border:1px solid #a259f74d;border-radius:12px;box-sizing:border-box;color:#fff;font-family:Inter,sans-serif;font-size:14px;padding:12px 16px;resize:none;transition:all .3s ease;width:100%}.message-input::placeholder{color:#ffffff80}.message-input:focus{background:#ffffff26;border-color:#a259f7;box-shadow:0 0 0 3px #a259f733;outline:none}.message-input:disabled{cursor:not-allowed;opacity:.6}.message-input.muted{background-color:#2d1b3d;border-color:#ff6b6b;color:#999;cursor:not-allowed}.message-input.muted::placeholder{color:#ff6b6b;font-style:italic}.message-item.system-message{background:#a259f71a;border-left:3px solid #a259f7;border-radius:8px;margin:8px 0;padding:12px 16px}.message-item.system-message .message-username{color:#a259f7!important;font-weight:700}.message-item.system-message .message-text{color:#fff;font-style:italic;text-align:center}.char-counter{bottom:-20px;color:#fff6;font-size:11px;position:absolute;right:8px}.send-btn{align-items:center;background:linear-gradient(135deg,#a259f7,#ff61e6);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;justify-content:center;min-width:70px;padding:12px 20px;transition:all .3s ease}.send-btn:hover:not(:disabled){box-shadow:0 6px 20px #a259f766;transform:translateY(-2px)}.send-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.btn-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.login-prompt{background:#a259f71a;border:1px solid #a259f733;border-radius:8px;color:#fff9;font-size:14px;padding:16px;text-align:center}@media (max-width:768px){.global-chat{bottom:10px;right:10px;width:320px}.global-chat.expanded{height:450px}.chat-header{padding:12px 16px}.message-input-container{padding:12px}}@media (max-width:480px){.global-chat{bottom:5px;max-width:350px;right:5px;width:calc(100vw - 10px)}.global-chat.collapsed{width:180px}}.global-chat *{box-sizing:border-box}.collapse-btn,.expand-btn,.send-btn{overflow:hidden;position:relative}.collapse-btn:before,.expand-btn:before,.send-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.collapse-btn:hover:before,.expand-btn:hover:before,.send-btn:hover:before{left:100%}.global-chat{animation:slideInUp .4s cubic-bezier(.4,0,.2,1)}@keyframes slideInUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.referral-banner{background:linear-gradient(135deg,#a259f7,#7b2cbf);border-bottom:3px solid #6a1b9a;box-shadow:0 4px 20px #a259f74d;font-family:Inter,sans-serif;left:260px;position:fixed;right:0;top:60px;transition:left .25s cubic-bezier(.25,1.7,.45,.87);z-index:1000}.banner-content{gap:20px;margin:0 auto;max-width:1200px;padding:16px 20px;position:relative}.banner-content,.banner-icon{align-items:center;display:flex}.banner-icon{background:#fff3;border-radius:50%;color:#fff;flex-shrink:0;font-size:1.5rem;height:50px;justify-content:center;width:50px}.banner-info{color:#fff;flex:1 1}.banner-info h3{align-items:center;display:flex;font-family:Poppins,sans-serif;font-size:1.3rem;font-weight:700;gap:8px;margin:0 0 8px}.banner-info p{font-size:1rem;line-height:1.4;margin:0;opacity:.95}.inline-icon{font-size:1.1rem;margin-right:4px}.referral-benefits{font-weight:600;margin-bottom:8px!important}.referral-details{margin-top:8px}.referral-code-display{background:#fff3;border-radius:20px;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:700;letter-spacing:1px;padding:4px 12px}.dismiss-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1.2rem;height:36px;justify-content:center;padding:8px;transition:all .2s ease;width:36px}.dismiss-btn:hover{background:#ffffff4d}.banner-default h3,.banner-error h3,.banner-loading h3,.banner-success h3{color:#fff}.banner-default p,.banner-error p,.banner-loading p,.banner-success p{color:#ffffffe6}.banner-error{opacity:.8}.banner-features{background:#0003;border-top:1px solid #ffffff1a;display:flex;gap:30px;justify-content:center;padding:12px 20px 16px}.feature{align-items:center;color:#fff;display:flex;font-size:.9rem;font-weight:500;gap:8px}.feature-icon{color:#00ffd0;font-size:1rem}.referral-banner.sidebar-collapsed{left:70px}@media (max-width:768px){.referral-banner{left:0;position:static;right:auto}.banner-content{flex-direction:column;gap:15px;padding:16px 15px;text-align:center}.banner-icon{order:-1}.dismiss-btn{position:absolute;right:10px;top:10px}.banner-info h3{font-size:1.2rem;justify-content:center}.banner-features{align-items:center;flex-direction:column;gap:12px}.feature{justify-content:center}}@media (max-width:480px){.banner-content{padding:12px 10px}.banner-info h3{font-size:1.1rem}.banner-info p{font-size:.9rem}.banner-features{padding:10px 15px 12px}.feature{font-size:.85rem}}.customizer-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.customizer-modal{background:#2a2a2a;border:2px solid #a259f7;border-radius:12px;font-family:Inter,sans-serif;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-header{border-bottom:1px solid #444;padding:20px}.modal-header h2{font-weight:600}.close-btn{background:none;border-radius:4px;color:#888;font-size:1.5rem;padding:5px}.close-btn:hover{background:#404040;color:#fff}.modal-content{padding:20px}.warning-section{align-items:flex-start;background:#2a2a2a;border:2px solid #a259f7;border-radius:8px;display:flex;gap:12px;margin-bottom:20px;padding:15px}.warning-icon{font-size:1.2rem;margin-top:2px}.warning-text{color:#fff;font-size:.95rem;line-height:1.4}.warning-text strong{color:#a259f7}.current-code-section{margin-bottom:20px}.current-code-section label{color:#b0b0b0;display:block;font-size:.95rem;font-weight:600;margin-bottom:8px}.current-code{background:#1a1a1a;border:2px solid #444;border-radius:8px;color:#a259f7;font-family:Poppins,sans-serif;font-size:1.2rem;font-weight:700;letter-spacing:1px;padding:12px 16px}.input-section{margin-bottom:15px}.input-section label{color:#b0b0b0;display:block;font-size:.95rem;font-weight:600;margin-bottom:8px}.code-input{background:#1a1a1a;border:2px solid #444;border-radius:8px;box-sizing:border-box;color:#fff;font-family:Poppins,sans-serif;font-size:1.2rem;font-weight:600;letter-spacing:1px;padding:12px 16px;transition:border-color .2s ease;width:100%}.code-input:focus{border-color:#a259f7;outline:none}.code-input.valid{border-color:#0f8}.code-input.invalid{border-color:#f44}.code-input:disabled{cursor:not-allowed;opacity:.5}.input-helper{align-items:center;color:#888;display:flex;font-size:.85rem;justify-content:space-between;margin-top:8px}.char-count{color:#b0b0b0}.format-note{color:#888}.validation-message{align-items:center;border-radius:6px;display:flex;font-size:.9rem;font-weight:500;gap:8px;margin-bottom:15px;padding:10px 12px}.validation-message.success{background:#1a4a1a;border:1px solid #0f8;color:#0f8}.validation-message.error{background:#4a1a1a;border:1px solid #f44;color:#f44}.preview-section{margin-bottom:20px}.preview-section label{color:#b0b0b0;display:block;font-size:.95rem;font-weight:600;margin-bottom:8px}.preview-code{background:#2a2a2a;border:2px solid #0f8;border-radius:8px;color:#0f8;font-family:Poppins,sans-serif;font-size:1.2rem;font-weight:700;letter-spacing:1px;margin-bottom:10px;padding:12px 16px;text-align:center}.preview-link{background:#1a1a1a;border:2px solid #00ffd0;border-radius:8px;color:#00ffd0;font-family:Inter,sans-serif;font-size:.95rem;line-height:1.4;padding:12px 16px;word-break:break-all}.error-message{align-items:center;background:#4a1a1a;border:1px solid #f44;border-radius:6px;color:#f44;display:flex;font-size:.9rem;gap:8px;margin-bottom:15px;padding:12px}.info-section{align-items:flex-start;background:#1a2a3a;border:2px solid #2196f3;border-radius:8px;display:flex;gap:12px;margin-bottom:20px;padding:15px}.info-icon{color:#2196f3;font-size:1.2rem;margin-top:2px}.info-text{color:#fff;font-size:.9rem;line-height:1.4}.info-text strong{color:#2196f3;display:block;margin-bottom:8px}.info-text ul{margin:8px 0 0;padding-left:20px}.info-text li{color:#b0b0b0;margin-bottom:4px}.important-notice{align-items:flex-start;background:#3a2a1a;border:2px solid #fa0;border-radius:8px;display:flex;gap:12px;margin-bottom:20px;padding:15px}.important-notice .warning-icon{font-size:1.2rem;margin-top:2px}.notice-text{color:#fff;font-size:.95rem;line-height:1.4}.notice-text strong{color:#fa0}.modal-actions{border-top:1px solid #444;justify-content:flex-end;padding-top:20px}.cancel-btn,.submit-btn{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .2s ease}.cancel-btn{background:#333;border:2px solid #555;color:#b0b0b0}.cancel-btn:hover:not(:disabled){background:#404040;color:#fff}.submit-btn{background:#00ffd0;border:2px solid #00ffd0;color:#000}.submit-btn:hover:not(:disabled){background:#00e6bb;border-color:#00e6bb}.cancel-btn:disabled,.submit-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.customizer-overlay{padding:10px}.customizer-modal{max-height:95vh}.modal-header{padding:15px}.modal-header h2{font-size:1.3rem}.modal-content{padding:15px}.modal-actions{flex-direction:column}.cancel-btn,.submit-btn{width:100%}.input-helper{align-items:flex-start;flex-direction:column;gap:4px}}.referral-withdrawal-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.referral-withdrawal-modal{background:linear-gradient(135deg,#181825,#1a1a2e);border:2px solid #a259f7;border-radius:16px;box-shadow:0 20px 60px #a259f74d;color:#fff;font-family:Inter,sans-serif;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.modal-header{background:linear-gradient(135deg,#a259f7,#7b2cbf);border-radius:14px 14px 0 0;justify-content:space-between;padding:20px 24px}.modal-header,.modal-header h2{align-items:center;display:flex}.modal-header h2{color:#fff;font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:700;gap:12px;margin:0}.header-icon{color:#00ffd0;font-size:1.3rem}.close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:36px;justify-content:center;transition:all .2s ease;width:36px}.close-btn:hover{background:#ffffff4d;transform:scale(1.05)}.earnings-breakdown{border-bottom:1px solid #ffffff1a;padding:24px}.earnings-breakdown h3{color:#a259f7;font-family:Poppins,sans-serif;font-size:1.2rem;font-weight:600;margin:0 0 16px}.breakdown-grid{display:flex;flex-direction:column;gap:16px}.breakdown-item{align-items:center;background:#a259f71a;border:1px solid #a259f733;border-radius:12px;display:flex;gap:16px;padding:16px}.breakdown-icon{color:#00ffd0;flex-shrink:0;font-size:1.5rem}.breakdown-content{display:flex;flex:1 1;flex-direction:column;gap:4px}.breakdown-label{color:#fff;font-size:1rem;font-weight:600}.breakdown-amount{color:#00ffd0;font-family:Poppins,sans-serif;font-size:1.3rem;font-weight:700}.breakdown-description{color:#ffffffb3;font-size:.85rem}.breakdown-total{align-items:center;background:linear-gradient(135deg,#a259f7,#7b2cbf);border-radius:12px;display:flex;justify-content:space-between;margin-top:8px;padding:20px}.total-label{color:#fff;font-size:1.1rem;font-weight:600}.total-amount,.total-label{font-family:Poppins,sans-serif}.total-amount{color:#00ffd0;font-size:1.5rem;font-weight:700}.warning-message{align-items:center;background:#ff6b6b1a;border:1px solid #ff6b6b4d;border-radius:8px;color:#ff6b6b;display:flex;font-weight:500;gap:12px;margin:16px 24px;padding:16px 24px}.error-message{background:#ff6b6b1a;border-radius:8px}.error-message,.success-message{margin:16px 24px 0;padding:12px 24px}.success-message{background:#00e6761a;border:1px solid #00e6764d;border-radius:8px;color:#00e676}.withdrawal-form{padding:24px}.form-group{margin-bottom:20px}.form-group label{color:#a259f7;display:block;font-size:.95rem;font-weight:600;margin-bottom:8px}.form-group input{background:#ffffff0d;border:2px solid #a259f74d;border-radius:8px;color:#fff;font-family:Inter,sans-serif;font-size:1rem;padding:12px 16px;transition:all .2s ease;width:100%}.form-group input:focus{border-color:#a259f7;box-shadow:0 0 0 3px #a259f733;outline:none}.form-group input::placeholder{color:#ffffff80}.method-options{display:flex;gap:20px}.method-option{align-items:center;cursor:pointer;display:flex;font-weight:500;gap:8px}.method-option input[type=radio]{accent-color:#a259f7;margin:0;width:auto}.fee-breakdown{background:#a259f71a;border:1px solid #a259f733;border-radius:8px;margin-bottom:20px;padding:16px}.fee-row{display:flex;font-size:.95rem;justify-content:space-between;margin-bottom:8px}.fee-row.total{border-top:1px solid #fff3;color:#00ffd0;padding-top:8px}.fee-row.total,.submit-btn{font-size:1.1rem;font-weight:700;margin-top:8px}.submit-btn{background:linear-gradient(135deg,#a259f7,#00ffd0);border:none;border-radius:8px;color:#131124;cursor:pointer;font-family:Poppins,sans-serif;padding:16px;transition:all .2s ease;width:100%}.submit-btn:hover:not(:disabled){box-shadow:0 8px 25px #a259f766;transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.withdrawal-info{background:#ffffff05;border-radius:0 0 14px 14px;border-top:1px solid #ffffff1a;padding:24px}.withdrawal-info h4{color:#a259f7;font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;margin:0 0 12px}.withdrawal-info ul{list-style:none;margin:0;padding:0}.withdrawal-info li{color:#fffc;font-size:.9rem;padding:6px 0 6px 16px;position:relative}.withdrawal-info li:before{color:#00ffd0;content:"•";font-weight:700;left:0;position:absolute}@media (max-width:768px){.referral-withdrawal-modal{margin:20px;width:95%}.modal-header{padding:16px 20px}.modal-header h2{font-size:1.3rem}.earnings-breakdown,.withdrawal-form,.withdrawal-info{padding:20px}.breakdown-item{padding:12px}.breakdown-amount{font-size:1.2rem}.total-amount{font-size:1.3rem}.method-options{flex-direction:column;gap:12px}}.referral-dashboard{background:#1a1a1a;color:#fff;font-family:Inter,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.referral-system-header{border-bottom:2px solid #333}.referral-header,.referral-system-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px 0}.header-content h1{color:#a259f7;font-family:Poppins,sans-serif;font-size:2.5rem;font-weight:700;margin:0 0 10px}.header-content p{color:#b0b0b0;font-size:1.1rem;margin:0}.customize-code-btn{background:#00ffd0;border:none;border-radius:8px;color:#000;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .2s ease}.customize-code-btn:hover{background:#00e6bb;transform:translateY(-2px)}.header-buttons{align-items:center;display:flex;gap:12px}.refresh-btn,.withdraw-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.refresh-btn{background:#00ffd0;color:#000}.withdraw-btn{background:linear-gradient(135deg,#00e676,#00c853);color:#000}.refresh-btn:hover:not(:disabled){background:#00e6bb;transform:translateY(-2px)}.withdraw-btn:hover:not(:disabled){background:linear-gradient(135deg,#00c853,#00a000);box-shadow:0 8px 25px #00e67666;transform:translateY(-2px)}.refresh-btn:disabled,.withdraw-btn:disabled{cursor:not-allowed;opacity:.5}.error-banner{align-items:center;background:#4a1a1a;border:2px solid #f44;border-radius:8px;color:#f44;display:flex;gap:10px;margin-bottom:20px;padding:15px}.fix-btn{background:#a259f7;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;margin-left:15px;padding:8px 16px;transition:all .2s ease}.fix-btn:hover{background:#8a47d1;transform:translateY(-1px)}.error-close{align-items:center;background:none;border:none;color:#f44;cursor:pointer;display:flex;font-size:1.5rem;height:24px;justify-content:center;margin-left:auto;padding:0;width:24px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:30px}.stat-card{background:#2a2a2a;border:2px solid #444;border-radius:12px;padding:24px;text-align:left}.stat-card.earnings,.stat-card.referrals{border-color:#a259f7}.stat-card.active-rewards{border-color:#fa0}.stat-card.completed{border-color:#0f8}.stat-header{gap:10px;margin-bottom:15px}.stat-header .stat-icon{font-size:1.2rem}.stat-header h3{font-size:.9rem;letter-spacing:.5px}.earnings .stat-icon,.referrals .stat-icon{color:#a259f7}.active-rewards .stat-icon{color:#fa0}.completed .stat-icon{color:#0f8}.stat-value{font-size:2.2rem;margin:0 0 8px}.stat-breakdown{line-height:1.4}.stat-breakdown,.stat-subtitle{color:#888;font-size:.9rem}.referral-card{background:#2a2a2a;border:2px solid #444;border-radius:12px;margin-bottom:20px;padding:24px}.referral-card h3{color:#fff;font-family:Poppins,sans-serif;font-size:1.4rem;font-weight:600;margin:0 0 20px}.customizable-badge{background:#fa0;border-radius:20px;color:#000;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.referral-code-section{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.code-row,.link-row{align-items:center;display:flex;gap:15px}.code-display{background:#2a2a2a;border:2px solid #a259f7;border-radius:6px;color:#a259f7;font-size:1.3rem;font-weight:700;min-width:200px;text-align:center}.code-display,.link-display{font-family:Courier New,monospace;padding:12px 16px}.link-display{background:#1a1a1a;border:2px solid #333;border-radius:6px;color:#00ffd0;flex-grow:1;font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copy-btn{background:#00ffd0;border:none;border-radius:6px;color:#000;cursor:pointer;font-size:.9rem;font-weight:600;padding:12px 20px;transition:all .2s ease;white-space:nowrap}.copy-btn:hover:not(:disabled){background:#00e6bb;transform:translateY(-2px)}.copy-btn:disabled{cursor:not-allowed;opacity:.5}.customization-notice{align-items:center;color:#888;display:flex;font-size:.9rem;gap:8px}.share-buttons{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(4,1fr);margin-top:20px}.share-btn{align-items:center;background:#333;border:2px solid;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:10px;justify-content:center;padding:15px 20px;transition:all .2s ease}.share-btn.copy-link{border-color:#00ffd0}.share-btn.copy-link:hover:not(:disabled){background:#00ffd0;color:#000}.share-btn.twitter{border-color:#1da1f2}.share-btn.twitter:hover:not(:disabled){background:#1da1f2}.share-btn.facebook{border-color:#4267b2}.share-btn.facebook:hover:not(:disabled){background:#4267b2}.share-btn.discord{border-color:#7289da}.share-btn.discord:hover:not(:disabled){background:#7289da}.share-btn:disabled{cursor:not-allowed;opacity:.5}.recent-referrals{display:flex;flex-direction:column;gap:12px}.referral-item{align-items:center;background:#1a1a1a;border:1px solid #444;border-radius:8px;display:flex;justify-content:space-between;padding:15px}.referral-info{display:flex;flex-direction:column;gap:4px}.referral-user{color:#fff;font-weight:600}.referral-info .referral-code{color:#a259f7;font-size:.9rem;font-weight:500}.referral-date{color:#888;font-size:.9rem}.info-card{border-color:#a259f7}.how-it-works-compact{display:flex;flex-direction:column;gap:20px}.steps-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.step-compact{align-items:center;display:flex;flex-direction:column;gap:12px;text-align:center}.step-number{background:#a259f7;color:#fff;flex-shrink:0;font-size:1.2rem;height:36px;width:36px}.step-content-compact h4{color:#fff;font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;margin:0 0 6px}.step-content-compact p{color:#b0b0b0;font-size:.9rem;line-height:1.3;margin:0}.earnings-summary{background:#a259f71a;border:1px solid #a259f7;border-radius:10px;display:flex;flex-direction:column;gap:12px;padding:16px}.earning-example{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.example-label{background:#a259f7;border-radius:4px;color:#fff;font-size:.8rem;font-weight:600;padding:4px 8px;text-transform:uppercase}.example-text{color:#fff;font-size:.95rem}.key-points{display:flex;flex-wrap:wrap;gap:20px}.key-points span{color:#00ffd0;font-size:.9rem;font-weight:500}.error-card{border-color:#f44;text-align:center}.warning-icon{color:#f44;font-size:3rem;margin-bottom:15px}.initialize-btn{background:#a259f7;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:15px;padding:12px 24px}.initialize-btn:hover:not(:disabled){background:#8a47d1}.initialize-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.referral-dashboard{padding:15px}.referral-header,.referral-system-header{flex-direction:column;gap:15px;text-align:center}.header-content h1{font-size:2rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-card{text-align:center}.code-row,.link-row{flex-direction:column;gap:10px}.code-display{min-width:0;min-width:auto}.share-buttons,.steps-row{grid-template-columns:repeat(2,1fr)}.steps-row{gap:12px}.earnings-summary{padding:12px}.key-points{flex-direction:column;gap:8px}.referral-item{flex-direction:column;gap:10px;text-align:center}}@media (max-width:480px){.share-buttons,.stats-grid,.steps-row{grid-template-columns:1fr}.steps-row{gap:16px}.step-compact{flex-direction:row;gap:16px;text-align:left}.step-number{flex-shrink:0}}.creator-dashboard{background:#1a1a1a;color:#fff;font-family:Inter,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.creator-header{background:linear-gradient(135deg,#a259f7,#7b2cbf);border:2px solid #6a1b9a;border-radius:12px;margin-bottom:30px;overflow:hidden;padding:24px;position:relative;text-align:center}.creator-header:before{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;pointer-events:none;position:absolute;right:-50%;top:-50%;width:200%}.creator-title{align-items:center;display:flex;gap:15px;justify-content:center;margin-bottom:10px;position:relative;z-index:1}.creator-title h1{color:#fff;font-family:Poppins,sans-serif;font-size:2.5rem;font-weight:700;margin:0}.crown-icon{color:gold;font-size:2rem}.creator-badge{background:gold;border-radius:20px;color:#1a1a1a;font-size:.8rem;font-weight:700;letter-spacing:1px;padding:4px 12px}.creator-header p{color:#ffffffe6;font-size:1.1rem;margin:0;position:relative;z-index:1}.share-message{border-radius:8px;font-weight:600;margin-bottom:20px;padding:15px;text-align:center}.share-message.success{background:#1a4a1a;border:2px solid #0f8;color:#0f8}.share-message.error{background:#4a1a1a;border:2px solid #f44;color:#f44}.creator-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:30px}.creator-stat-card{background:#2a2a2a;border:2px solid #444;border-radius:12px;overflow:hidden;padding:24px;position:relative}.creator-stat-card:before{background:linear-gradient(90deg,#a259f7,#00ffd0);content:"";height:4px;left:0;position:absolute;right:0;top:0}.creator-stat-card.earnings{border-color:#a259f7}.creator-stat-card.conversions{border-color:#00ffd0}.creator-stat-card.performance{border-color:gold}.stat-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.stat-header .stat-icon{color:#a259f7;font-size:1.5rem}.creator-stat-card.conversions .stat-header .stat-icon{color:#00ffd0}.creator-stat-card.performance .stat-header .stat-icon{color:gold}.stat-header h3{color:#b0b0b0;font-size:1.1rem;font-weight:600;margin:0}.stat-header h3,.stat-value{font-family:Poppins,sans-serif}.stat-value{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:8px}.stat-change{font-size:.9rem;font-weight:600}.stat-change.positive{color:#0f8}.stat-change.negative{color:#f44}.stat-detail{color:#888;font-size:.9rem}.creator-card{background:#2a2a2a;border:2px solid #444;border-radius:12px;margin-bottom:20px;padding:24px}.creator-card h3{color:#fff;font-family:Poppins,sans-serif;font-size:1.4rem;font-weight:600;margin:0 0 20px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.refresh-btn{background:#333;border:2px solid #a259f7;border-radius:6px;color:#a259f7;cursor:pointer;font-size:1rem;padding:8px}.refresh-btn:hover:not(:disabled){background:#a259f7;color:#fff}.refresh-btn:disabled{cursor:not-allowed;opacity:.5}.spinning{animation:spin 1s linear infinite}.quick-actions{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;justify-content:center;padding:15px 20px;transition:all .2s ease}.action-btn.primary{background:#a259f7;color:#fff}.action-btn.primary:hover{background:#8a47d1}.action-btn.secondary{background:#333;border:2px solid #00ffd0;color:#fff}.action-btn.secondary:hover{background:#00ffd0;color:#1a1a1a}.action-btn.accent{background:gold;color:#1a1a1a}.action-btn.accent:hover{background:#e6c200}.platform-links{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.platform-section h4{color:#a259f7;font-family:Poppins,sans-serif;font-size:1.1rem;font-weight:600;margin:0 0 12px}.platform-buttons{display:flex;flex-direction:column;gap:8px}.platform-buttons button{background:#333;border:1px solid #555;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:10px 15px;transition:all .2s ease}.platform-buttons button:hover{background:#444;border-color:#a259f7}.recent-links{display:flex;flex-direction:column;gap:10px}.link-item{align-items:center;background:#1a1a1a;border:1px solid #444;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px}.link-info{display:flex;flex-direction:column;gap:4px}.platform-name{color:#a259f7;font-weight:600;text-transform:capitalize}.campaign-name{color:#888;font-size:.9rem}.link-actions{align-items:center;display:flex;gap:12px}.link-date{color:#888;font-size:.85rem}.copy-link-btn{background:#333;border:1px solid #a259f7;border-radius:4px;color:#a259f7;cursor:pointer;font-size:.9rem;padding:6px 8px}.copy-link-btn:hover{background:#a259f7;color:#fff}.analytics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.analytics-item{align-items:center;background:#1a1a1a;border:1px solid #444;border-radius:8px;display:flex;gap:15px;padding:16px}.analytics-icon{color:#a259f7;font-size:1.5rem}.analytics-content{display:flex;flex-direction:column;gap:4px}.analytics-label{color:#888;font-size:.9rem}.analytics-value{color:#fff;font-family:Poppins,sans-serif;font-size:1.3rem;font-weight:700}.regular-dashboard-section{border-top:2px solid #444;margin-top:40px;padding-top:30px}.regular-dashboard-section .referral-dashboard{background:#0000;padding:0}.regular-dashboard-section .referral-header{background:#2a2a2a;border:2px solid #444;border-radius:12px;margin-bottom:20px;padding:20px}.regular-dashboard-section .referral-header h1{color:#b0b0b0;font-size:2rem}@media (max-width:768px){.creator-dashboard{padding:15px}.creator-header{padding:20px 15px}.creator-title{flex-direction:column;gap:10px}.creator-title h1{font-size:2rem}.analytics-grid,.creator-stats-grid,.platform-links,.quick-actions{grid-template-columns:1fr}.link-item{align-items:flex-start;flex-direction:column;gap:10px}.link-actions{align-self:flex-end}}.new-user-modal-overlay{align-items:center;animation:modalFadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.new-user-modal{animation:modalSlideIn .4s ease-out;background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);border:1px solid #a259f7;border-radius:20px;box-shadow:0 20px 60px #a259f74d;max-height:90vh;max-width:500px;overflow-y:auto;position:relative;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.confetti-container{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;z-index:10}.confetti-piece{animation:confettiFall 3s linear infinite;background:#a259f7;height:10px;position:absolute;width:10px}@keyframes confettiFall{0%{opacity:1;transform:translateY(-100vh) rotate(0deg)}to{opacity:0;transform:translateY(100vh) rotate(1turn)}}.modal-header{border-bottom:1px solid #a259f733;padding:30px 30px 20px;text-align:center}.welcome-icon{animation:iconPulse 2s ease-in-out infinite;font-size:48px;margin-bottom:15px}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.modal-header h1{color:#00ffd0;font-family:Poppins,sans-serif;font-size:28px;font-weight:700;margin:0 0 10px;text-shadow:0 0 20px #00ffd080}.modal-header p{color:#b0b0b0;font-family:Inter,sans-serif;font-size:16px;line-height:1.5;margin:0}.progress-steps{gap:20px;justify-content:center;padding:30px}.progress-steps,.step{align-items:center;display:flex}.step{flex-direction:column;text-align:center;transition:all .3s ease}.step.active .step-number{background:#a259f7;box-shadow:0 0 20px #a259f799;color:#fff}.step.completed .step-number{background:#00ffd0;box-shadow:0 0 20px #00ffd099;color:#1a1a2e}.step-number{align-items:center;background:#333;border-radius:50%;color:#666;display:flex;font-size:16px;font-weight:700;height:40px;justify-content:center;margin-bottom:8px;transition:all .3s ease;width:40px}.step span{color:#b0b0b0;font-family:Inter,sans-serif;font-size:12px;font-weight:500}.step.active span{color:#a259f7}.step.completed span{color:#00ffd0}.progress-line{background:linear-gradient(90deg,#333,#a259f7 50%,#333);height:2px;width:80px}.step-content{padding:0 30px 20px}.step-section{text-align:center}.step-section h2{color:#00ffd0;font-family:Poppins,sans-serif;font-size:24px;font-weight:600;margin:0 0 15px}.step-section p{color:#b0b0b0;font-family:Inter,sans-serif;font-size:16px;line-height:1.6;margin:0 0 25px}.button-group{flex-wrap:wrap;gap:15px;margin-bottom:20px}.button-group,.discord-button{display:flex;justify-content:center}.discord-button{align-items:center;border:none;border-radius:12px;cursor:pointer;font-family:Inter,sans-serif;font-size:16px;font-weight:600;gap:8px;min-width:140px;padding:12px 24px;transition:all .3s ease}.discord-button.primary{background:linear-gradient(135deg,#5865f2,#4752c4);box-shadow:0 4px 15px #5865f266;color:#fff}.discord-button.primary:hover:not(:disabled){box-shadow:0 6px 25px #5865f299;transform:translateY(-2px)}.discord-button.primary:disabled{background:#333;box-shadow:none;color:#666;cursor:not-allowed}.discord-button.secondary{background:linear-gradient(135deg,#a259f7,#8b47d4);box-shadow:0 4px 15px #a259f766;color:#fff}.discord-button.secondary:hover{box-shadow:0 6px 25px #a259f799;transform:translateY(-2px)}.epic-button{align-items:center;background:linear-gradient(135deg,#ff61e6,#e242c7);border:none;border-radius:12px;box-shadow:0 4px 15px #ff61e666;color:#fff;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:16px;font-weight:600;gap:8px;justify-content:center;margin:0 auto;min-width:180px;padding:14px 32px;transition:all .3s ease}.epic-button:hover:not(:disabled){box-shadow:0 6px 25px #ff61e699;transform:translateY(-2px)}.epic-button.disabled,.epic-button:disabled{background:#333;box-shadow:none;color:#666;cursor:not-allowed}.success-message{animation:successSlideIn .5s ease-out;background:linear-gradient(135deg,#00ffd01a,#00ffd00d);border:1px solid #00ffd04d;border-radius:12px;color:#00ffd0}.error-message,.success-message{font-family:Inter,sans-serif;font-weight:500;margin:20px 0;padding:20px;text-align:center}.error-message{animation:errorSlideIn .5s ease-out;background:linear-gradient(135deg,#ff6b6b1a,#ff6b6b0d);border:1px solid #ff6b6b4d;border-radius:12px;color:#ff6b6b}@keyframes successSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes errorSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.checkmark,.error-icon{display:block;font-size:24px;margin-bottom:10px}.next-step-button{background:linear-gradient(135deg,#a259f7,#8b47d4);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-weight:600;margin-top:15px;padding:10px 20px;transition:all .3s ease}.next-step-button:hover{box-shadow:0 4px 15px #a259f780;transform:translateY(-1px)}.requirement-note{color:#ff6b6b;font-size:14px;font-style:italic;margin-top:15px}.modal-actions{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;padding:20px 30px 30px}.continue-button{background:linear-gradient(135deg,#00ffd0,#00e5bc);border:none;border-radius:12px;box-shadow:0 4px 15px #00ffd066;color:#1a1a2e;cursor:pointer;font-family:Inter,sans-serif;font-size:16px;font-weight:700;min-width:160px;padding:14px 32px;transition:all .3s ease}.continue-button:hover{box-shadow:0 6px 25px #00ffd099;transform:translateY(-2px)}.continue-button.celebration{animation:celebrationPulse 1s ease-in-out infinite}@keyframes celebrationPulse{0%,to{box-shadow:0 4px 15px #00ffd066;transform:scale(1)}50%{box-shadow:0 8px 30px #00ffd0cc;transform:scale(1.05)}}.skip-button{background:#0000;border:1px solid #444;border-radius:12px;color:#888;cursor:pointer;font-family:Inter,sans-serif;font-size:14px;font-weight:500;padding:12px 24px;transition:all .3s ease}.skip-button:hover{border-color:#666;color:#b0b0b0}.continue-partial{background:linear-gradient(135deg,#a259f7,#8b47d4);border:none;border-radius:12px;box-shadow:0 4px 15px #a259f766;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.continue-partial:hover{box-shadow:0 6px 20px #a259f799;transform:translateY(-1px)}.loading-overlay{align-items:center;background:#1a1a2ee6;border-radius:20px;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:5}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #333;border-radius:50%;border-top-color:#a259f7;height:40px;margin-bottom:15px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-overlay p{color:#b0b0b0;font-family:Inter,sans-serif;font-size:14px;margin:0}@media (max-width:600px){.new-user-modal{margin:10px;width:95%}.modal-header{padding:20px 20px 15px}.modal-header h1{font-size:24px}.progress-steps{gap:15px;padding:20px}.progress-line{width:60px}.step-content{padding:0 20px 15px}.step-section h2{font-size:20px}.button-group{align-items:center;flex-direction:column}.discord-button,.epic-button{max-width:250px;width:100%}.modal-actions{align-items:center;flex-direction:column;padding:15px 20px 20px}.modal-actions button{max-width:250px;width:100%}}
/*# sourceMappingURL=main.03f63856.css.map*/