@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.loading-screen-fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);display:flex;align-items:center;justify-content:center;z-index:9999}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0a0a0ad9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease}.loading-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.ziver-logo-loader{width:80px;height:80px;border-radius:20px;background:linear-gradient(135deg,#00e676,#00c853);display:flex;align-items:center;justify-content:center;box-shadow:0 0 30px #00e67666,0 0 60px #00e67633;animation:pulse 2s ease-in-out infinite;position:relative}.ziver-logo-loader.large{width:120px;height:120px;border-radius:30px}.logo-z{font-size:3rem;font-weight:900;color:#0a0a0a;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;text-shadow:0 2px 4px rgba(0,0,0,.2)}.ziver-logo-loader.large .logo-z{font-size:4.5rem}.ziver-logo-loader:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:23px;background:linear-gradient(45deg,#00e676,#00c853,#00e676);background-size:200% 200%;animation:rotate 3s linear infinite;z-index:-1;opacity:.6}.ziver-logo-loader.large:before{top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:34px}.loading-message{color:#fff;font-size:1rem;font-weight:500;text-align:center;margin:0;letter-spacing:.5px}.loading-bar{width:200px;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.loading-bar-fill{height:100%;background:linear-gradient(90deg,#00e676,#00c853);border-radius:2px;animation:loadingProgress 1.5s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 30px #00e67666,0 0 60px #00e67633}50%{transform:scale(1.05);box-shadow:0 0 40px #00e67699,0 0 80px #00e6764d}}@keyframes rotate{0%{background-position:0% 50%}to{background-position:200% 50%}}@keyframes loadingProgress{0%{transform:translate(-100%)}to{transform:translate(400%)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 480px){.ziver-logo-loader{width:70px;height:70px}.ziver-logo-loader.large{width:100px;height:100px}.logo-z{font-size:2.5rem}.ziver-logo-loader.large .logo-z{font-size:4rem}.loading-message{font-size:.9rem}.loading-bar{width:150px}}.bottom-navbar{position:fixed;bottom:0;left:0;right:0;height:72px;background:linear-gradient(180deg,#0d0d0d,#1a1a1a);border-top:1px solid rgba(0,255,128,.2);box-shadow:0 -8px 32px #0009,0 -2px 8px #00ff801a,inset 0 1px #00ff801a;display:flex;justify-content:space-around;align-items:center;padding:0 8px;z-index:1000;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%)}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;flex:1;padding:10px 8px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:16px;margin:0 4px;position:relative;cursor:pointer;max-width:80px}.nav-item:hover{background:#00ff8014;transform:translateY(-3px)}.nav-item:hover:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;padding:1px;background:linear-gradient(135deg,#00ff804d,#00ff801a);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.nav-item.active{background:linear-gradient(135deg,#00ff8026,#00ff8014);position:relative}.nav-item.active:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;padding:1.5px;background:linear-gradient(135deg,#00ff80,#00ff8066);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.nav-item.active:after{content:"";position:absolute;top:-2px;left:50%;transform:translate(-50%);width:32px;height:3px;background:linear-gradient(90deg,transparent,#00ff80,transparent);border-radius:0 0 3px 3px;box-shadow:0 0 12px #00ff8099}.nav-icon{width:24px;height:24px;color:#6b7280;transition:all .3s cubic-bezier(.4,0,.2,1);stroke-width:2.5;filter:drop-shadow(0 0 0 transparent)}.nav-item:hover .nav-icon{color:#00ff80;transform:scale(1.1);filter:drop-shadow(0 0 8px rgba(0,255,128,.4))}.nav-item.active .nav-icon{color:#00ff80;filter:drop-shadow(0 0 12px rgba(0,255,128,.6));animation:iconPulse 2s ease-in-out infinite}.nav-label{font-size:11px;font-weight:600;color:#6b7280;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);line-height:1.2;letter-spacing:.3px;text-transform:uppercase}.nav-item:hover .nav-label{color:#00ff80;font-weight:700;text-shadow:0 0 8px rgba(0,255,128,.3)}.nav-item.active .nav-label{color:#00ff80;font-weight:700;text-shadow:0 0 12px rgba(0,255,128,.4)}@keyframes iconPulse{0%,to{filter:drop-shadow(0 0 12px rgba(0,255,128,.6))}50%{filter:drop-shadow(0 0 20px rgba(0,255,128,.8))}}@supports (padding-bottom: env(safe-area-inset-bottom)){.bottom-navbar{padding-bottom:calc(8px + env(safe-area-inset-bottom));height:calc(72px + env(safe-area-inset-bottom))}}@media (max-width: 380px){.nav-label{font-size:10px}.nav-icon{width:22px;height:22px}.nav-item{padding:8px 6px;margin:0 2px}.bottom-navbar{height:68px}}@media (max-width: 320px){.nav-label{font-size:9px}.nav-icon{width:20px;height:20px}.nav-item{padding:6px 4px;margin:0 1px}.bottom-navbar{height:64px;padding:0 4px}}.nav-item:focus-visible{outline:2px solid #00ff80;outline-offset:2px;background:#00ff801a}@media (prefers-reduced-motion: reduce){.nav-item,.nav-icon,.nav-label{transition:none}.nav-item.active .nav-icon{animation:none}.nav-item:hover,.nav-item:hover .nav-icon{transform:none}}@keyframes navSlideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.bottom-navbar{animation:navSlideUp .5s cubic-bezier(.4,0,.2,1)}body{padding-bottom:72px}@supports (padding-bottom: env(safe-area-inset-bottom)){body{padding-bottom:calc(72px + env(safe-area-inset-bottom))}}.admin-lockdown-banner{position:sticky;top:0;left:0;right:0;z-index:1000;background:linear-gradient(135deg,#ff6b35,#ff8e53);color:#fff;padding:12px 16px;box-shadow:0 4px 12px #ff6b354d;border-bottom:2px solid #ff4444;animation:pulseWarning 2s infinite}.lockdown-indicator{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;text-align:center}.lockdown-icon{font-size:1.5rem;animation:bounce 1s infinite}.lockdown-text{font-weight:700;font-size:1rem;text-shadow:0 1px 2px rgba(0,0,0,.3)}.lockdown-message{font-size:.9rem;opacity:.9;font-weight:500}@keyframes pulseWarning{0%,to{background:linear-gradient(135deg,#ff6b35,#ff8e53)}50%{background:linear-gradient(135deg,#f44,#ff6b35)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-3px)}60%{transform:translateY(-1px)}}@media (max-width: 768px){.lockdown-indicator{flex-direction:column;gap:6px}.lockdown-text{font-size:.9rem}.lockdown-message{font-size:.8rem}}.global-header{background:#1a1a1a;border-bottom:1px solid #333;padding:1rem;position:sticky;top:0;z-index:100}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.header-logo{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;color:#0f0}.profile-dropdown-button.global{display:flex;align-items:center;gap:.5rem;background:#2a2a2a;border:1px solid #444;border-radius:8px;padding:.5rem 1rem;color:#fff;cursor:pointer;transition:all .2s ease}.profile-dropdown-button.global:hover{background:#333;border-color:#0f0}.profile-avatar{width:32px;height:32px;border-radius:50%;background:#0f0;color:#000;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}.profile-arrow{font-size:.8rem;color:#b0b0b0}.profile-dropdown-menu.global{position:absolute;top:100%;right:0;background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:.5rem;min-width:200px;box-shadow:0 4px 20px #0000004d;z-index:1000}.dropdown-user-info{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-bottom:1px solid #333;margin-bottom:.5rem}.user-avatar{width:40px;height:40px;border-radius:50%;background:#0f0;color:#000;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem}.user-details{flex:1}.user-name{font-weight:600;color:#fff;margin-bottom:.25rem}.user-email{font-size:.8rem;color:#b0b0b0}.dropdown-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem;background:none;border:none;color:#fff;text-align:left;cursor:pointer;border-radius:6px;transition:all .2s ease;font-size:.9rem}.dropdown-item:hover{background:#2a2a2a}.dropdown-item.feedback{color:#0f0}.dropdown-item.logout{color:#f44}.dropdown-item.logout:hover{background:#ff44441a}.dropdown-icon{font-size:1rem;width:20px;text-align:center}.dropdown-divider{height:1px;background:#333;margin:.5rem 0}.landing-page{min-height:100vh;background:#0a0a0a;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.hero-section{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a1a,#0a0a0a);position:relative;display:flex;flex-direction:column;padding:0 1.5rem}.landing-nav{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0;max-width:1200px;width:100%;margin:0 auto}.nav-logo{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700}.logo-icon{font-size:1.75rem}.logo-text{background:linear-gradient(135deg,#00e676,#00c853);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-badge{padding:.5rem 1rem;border:1px solid #00e676;border-radius:20px;font-size:.85rem;color:#00e676;font-weight:600}.hero-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;max-width:800px;margin:0 auto;padding:2rem 0}.hero-title{font-size:clamp(2.5rem,8vw,4.5rem);font-weight:900;margin-bottom:.5rem;line-height:1.1}.gradient-text{background:linear-gradient(135deg,#00e676,#00c853);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:clamp(1.5rem,5vw,2.5rem);font-weight:700;color:#00e676;margin-bottom:1.5rem}.hero-description{font-size:clamp(1rem,2vw,1.25rem);line-height:1.6;color:#b0b0b0;margin-bottom:2.5rem;max-width:600px}.hero-cta{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap;justify-content:center}.cta-button{padding:1rem 2.5rem;border-radius:12px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s ease;display:inline-block}.cta-button.primary{background:linear-gradient(135deg,#00e676,#00c853);color:#0a0a0a;box-shadow:0 4px 20px #00e6764d}.cta-button.primary:hover{transform:translateY(-2px);box-shadow:0 6px 30px #00e67666}.cta-button.secondary{background:transparent;color:#00e676;border:2px solid #00e676}.cta-button.secondary:hover{background:#00e6761a;transform:translateY(-2px)}.hero-note{font-size:.9rem;color:gray}.scroll-indicator{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding-bottom:2rem;color:#00e676;font-size:.9rem;animation:bounce 2s infinite}.scroll-icon{width:40px;height:40px;border:2px solid #00e676;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.content-section{padding:5rem 1.5rem;max-width:1200px;margin:0 auto}.content-section.dark{background:#0d0d0d;margin:0;max-width:100%}.content-section.highlight{background:linear-gradient(135deg,#1a1a1a,#0d0d0d);margin:0;max-width:100%}.section-icon{font-size:3rem;text-align:center;margin-bottom:1rem}.section-title{font-size:clamp(2rem,5vw,3rem);font-weight:800;text-align:center;margin-bottom:2rem;background:linear-gradient(135deg,#fff,#b0b0b0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-description{font-size:1.1rem;line-height:1.8;color:#b0b0b0;text-align:center;max-width:800px;margin:0 auto 3rem}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:3rem}.feature-card{background:#1a1a1a;padding:2rem;border-radius:16px;border:1px solid #2a2a2a;transition:all .3s ease}.feature-card:hover{border-color:#00e676;transform:translateY(-4px);box-shadow:0 8px 30px #00e67626}.feature-icon{font-size:2.5rem;margin-bottom:1rem}.feature-card h3{font-size:1.3rem;font-weight:700;margin-bottom:.75rem;color:#00e676}.feature-card p{color:#b0b0b0;line-height:1.6}.problems-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.problem-card{background:#1a1a1a;padding:2rem;border-radius:16px;border:1px solid #2a2a2a;position:relative;overflow:hidden}.problem-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#00e676,#00c853)}.problem-number{font-size:3rem;font-weight:900;color:#00e6761a;margin-bottom:1rem}.problem-card h3{font-size:1.2rem;font-weight:700;margin-bottom:.75rem;color:#fff}.problem-card p{color:#b0b0b0;line-height:1.6}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.benefit-item{background:#1a1a1a;padding:1.5rem;border-radius:12px;border:1px solid #2a2a2a;display:flex;align-items:flex-start;gap:1rem;transition:all .3s ease}.benefit-item:hover{border-color:#00e676;background:#1f1f1f}.benefit-icon{font-size:2rem;flex-shrink:0}.benefit-item p{color:#b0b0b0;line-height:1.5;margin:0}.special-content{text-align:center;max-width:700px;margin:0 auto}.special-icon{font-size:4rem;margin-bottom:1.5rem}.special-content h3{font-size:1.8rem;font-weight:700;margin-bottom:1rem;color:#00e676}.special-content>p{font-size:1.1rem;line-height:1.8;color:#b0b0b0;margin-bottom:2rem}.special-features{display:flex;flex-direction:column;gap:1rem;align-items:flex-start;max-width:400px;margin:0 auto}.special-feature{display:flex;align-items:center;gap:.75rem;font-size:1.1rem;color:#fff}.check-icon{width:24px;height:24px;background:#00e676;color:#0a0a0a;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.faq-container{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}.faq-item{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s ease}.faq-item:hover,.faq-item.expanded{border-color:#00e676}.faq-question{padding:1.5rem;display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:1.1rem}.faq-icon{font-size:1.5rem;color:#00e676;font-weight:300}.faq-answer{padding:0 1.5rem 1.5rem;color:#b0b0b0;line-height:1.6;animation:fadeIn .3s ease}.landing-footer{background:#0d0d0d;padding:3rem 1.5rem 2rem;border-top:1px solid #2a2a2a}.footer-content{max-width:1200px;margin:0 auto;text-align:center}.footer-logo{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1.5rem;font-weight:700;margin-bottom:2rem}.footer-social{display:flex;justify-content:center;gap:1.5rem;margin-bottom:2rem}.social-link{width:40px;height:40px;border:1px solid #2a2a2a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#b0b0b0;text-decoration:none;transition:all .3s ease;font-size:1.2rem}.social-link:hover{border-color:#00e676;color:#00e676;transform:translateY(-2px)}.footer-links{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem;flex-wrap:wrap}.footer-links a{color:#b0b0b0;text-decoration:none;font-size:.9rem;transition:color .3s ease}.footer-links a:hover{color:#00e676}.footer-powered,.footer-support,.footer-copyright{color:gray;font-size:.9rem;margin:.5rem 0}.footer-disclaimer{max-width:800px;margin:2rem auto 0;padding-top:2rem;border-top:1px solid #2a2a2a}.footer-disclaimer p{color:gray;font-size:.85rem;line-height:1.6;text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.hero-section{padding:0 1rem}.content-section{padding:3rem 1rem}.hero-cta{flex-direction:column;width:100%}.cta-button{width:100%;text-align:center}.feature-grid,.problems-grid,.benefits-grid{grid-template-columns:1fr}.footer-links{flex-direction:column;gap:1rem}}@media (max-width: 480px){.nav-badge{font-size:.75rem;padding:.4rem .8rem}.scroll-indicator{font-size:.8rem}.scroll-icon{width:35px;height:35px}}.register-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);padding:20px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.register-card{background:#1e1e1ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:2.5rem;width:100%;max-width:450px;box-shadow:0 20px 40px #0000004d,0 0 0 1px #00ff801a;border:1px solid rgba(255,255,255,.1)}.register-header{text-align:center;margin-bottom:2rem}.logo{font-size:2.5rem;margin-bottom:1rem;display:block}.register-header h1{font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:.5rem;background:linear-gradient(135deg,#00ff80,#0c6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.register-header p{color:#a0a0a0;font-size:1rem}.referral-banner{background:linear-gradient(135deg,#00ff8026,#00cc6626);border:1px solid rgba(0,255,128,.2);border-radius:12px;padding:1rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;animation:pulseGlow 2s ease-in-out infinite}.referral-icon{font-size:1.2rem}.bonus-badge{background:linear-gradient(135deg,#00ff80,#0c6);color:#1a1a1a;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;margin-left:auto}.telegram-badge{background:#0088cc26;border:1px solid rgba(0,136,204,.3);border-radius:12px;padding:.75rem 1rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#08c}.tg-icon{font-size:1.1rem}.register-form{display:flex;flex-direction:column;gap:1.25rem}.password-input-container{position:relative;display:flex;align-items:center}.password-input-container .modern-input{flex:1;padding-right:3rem}.password-toggle{position:absolute;right:1rem;background:none;border:none;color:#666;cursor:pointer;font-size:1.1rem;padding:0;transition:color .3s ease}.password-toggle:hover{color:#00ff80}.register-button{background:linear-gradient(135deg,#00ff80,#0c6);color:#1a1a1a;border:none;border-radius:12px;padding:1.25rem;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:1rem}.register-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #00ff804d}.register-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.register-footer{text-align:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.login-link{color:#00ff80;text-decoration:none;font-weight:600;transition:color .3s ease}.login-link:hover{color:#0c6;text-decoration:underline}.error-message{background:#ff4d4d26;border:1px solid rgba(255,77,77,.3);color:#ff4d4d;padding:1rem;border-radius:12px;font-size:.9rem;margin-bottom:1rem}@keyframes pulseGlow{0%,to{box-shadow:0 0 10px #00ff8033}50%{box-shadow:0 0 20px #00ff8066}}@media (max-width: 480px){.register-container{padding:10px}.register-card{padding:2rem 1.5rem;margin:10px}.register-header h1{font-size:1.5rem}.logo{font-size:2rem}}@media (prefers-reduced-motion: reduce){.register-button:hover:not(:disabled){transform:none}.spinner,.referral-banner{animation:none}}.referral-banner.valid{background:linear-gradient(135deg,#10b981,#059669);border:1px solid #10b981}.referral-banner.invalid{background:linear-gradient(135deg,#ef4444,#dc2626);border:1px solid #ef4444}.referral-username{background-color:#f3f4f6;border-color:#10b981!important;color:#059669;cursor:not-allowed}.referral-username:focus{outline:none;box-shadow:0 0 0 3px #10b9811a}.referral-note{font-size:.75rem;color:#059669;margin-top:.25rem;display:flex;align-items:center;gap:.25rem}.button-loading{display:flex;align-items:center;justify-content:center;gap:.5rem}.spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 480px){.referral-banner{flex-direction:column;gap:.5rem;text-align:center}}.referral-banner.valid{background:linear-gradient(135deg,#10b98126,#05966926);border:1px solid rgba(16,185,129,.3);animation:pulseGlow 2s infinite}.referral-banner.checking{background:linear-gradient(135deg,#f59e0b26,#d9770626);border:1px solid rgba(245,158,11,.3)}.referral-banner.invalid{background:linear-gradient(135deg,#ef444426,#dc262626);border:1px solid rgba(239,68,68,.3)}.bonus-badge.invalid{background:#ef4444}.referral-username{border-color:#10b981!important;background-color:#10b9810d;color:#10b981}.referral-note{font-size:.875rem;color:#10b981;margin-top:.5rem;padding:.5rem;background-color:#10b9810d;border-radius:.375rem;border-left:3px solid #10b981;display:flex;align-items:center;gap:.5rem}@keyframes pulseGlow{0%,to{box-shadow:0 0 10px #10b98133}50%{box-shadow:0 0 20px #10b98166}}.success-message{background:#10b98126;border:1px solid rgba(16,185,129,.3);color:#10b981;padding:1rem;border-radius:12px;font-size:.9rem;margin-bottom:1rem;text-align:center}.loading-spinner{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem}.loading-spinner .spinner{width:2rem;height:2rem;border:3px solid rgba(255,255,255,.1);border-top:3px solid #00FF80;border-radius:50%;animation:spin 1s linear infinite}.register-button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.register-button:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 10px 25px #00ff804d}@media (max-width: 480px){.referral-banner{flex-direction:column;gap:.5rem;text-align:center}.bonus-badge{margin-left:0}.referral-note{font-size:.8rem;padding:.375rem}}@media (prefers-reduced-motion: reduce){.referral-banner.valid{animation:none}.register-button:hover:not(:disabled){transform:none}}.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);padding:20px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.auth-card{background:#1e1e1ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:2.5rem;width:100%;max-width:450px;box-shadow:0 20px 40px #0000004d,0 0 0 1px #00ff801a;border:1px solid rgba(255,255,255,.1)}.auth-header{text-align:center;margin-bottom:2rem}.auth-header .logo{font-size:2.5rem;margin-bottom:1rem;display:block}.auth-header h1{font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:.5rem;background:linear-gradient(135deg,#00ff80,#0c6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-header p{color:#a0a0a0;font-size:1rem}.social-login{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.social-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#ffffff0d;color:#fff;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.social-btn:hover:not(:disabled){background:#ffffff1a;border-color:#00ff804d;transform:translateY(-1px)}.social-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.social-btn.google{background:#ffffff14}.social-btn.google:hover:not(:disabled){background:#ffffff1f}.social-icon{width:20px;height:20px}.divider{display:flex;align-items:center;margin:1.5rem 0;color:#666;font-size:.9rem}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid rgba(255,255,255,.1)}.divider span{padding:0 1rem}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.input-group{display:flex;flex-direction:column;gap:.5rem}.input-group label{font-size:.9rem;font-weight:500;color:#fff}.modern-input{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1rem;color:#fff;font-size:1rem;transition:all .3s ease}.modern-input:focus{outline:none;border-color:#00ff80;box-shadow:0 0 0 3px #00ff801a;background:#ffffff14}.modern-input::placeholder{color:#666}.auth-button{background:linear-gradient(135deg,#00ff80,#0c6);color:#1a1a1a;border:none;border-radius:12px;padding:1.25rem;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:1rem}.auth-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #00ff804d}.auth-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.spinner{width:1.25rem;height:1.25rem;border:2px solid rgba(26,26,26,.3);border-top:2px solid #1A1A1A;border-radius:50%;animation:spin 1s linear infinite}.auth-footer{text-align:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.auth-link{color:#00ff80;text-decoration:none;font-weight:600;transition:color .3s ease}.auth-link:hover{color:#0c6;text-decoration:underline}.security-note{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem;font-size:.85rem;color:#666}.error-message{background:#ff4d4d26;border:1px solid rgba(255,77,77,.3);color:#ff4d4d;padding:1rem;border-radius:12px;font-size:.9rem;margin-bottom:1rem;text-align:center}@media (max-width: 480px){.auth-container{padding:10px}.auth-card{padding:2rem 1.5rem;margin:10px}.auth-header h1{font-size:1.5rem}.auth-header .logo{font-size:2rem}}.mining-display{background-color:#1a1a1a;padding:20px;border-radius:20px;max-width:390px;margin:0 auto;font-family:Inter,sans-serif;text-align:center}.mining-header{margin-bottom:30px}.header-title{font-size:24px;font-weight:700;color:#fff;margin-bottom:8px}.header-subtitle{font-size:16px;font-weight:400;color:#a5a5a5}.mining-circle-container{display:flex;justify-content:center;margin-bottom:30px;position:relative}.mining-circle{width:140px;height:140px;border-radius:70px;background-color:#2a2a2a;display:flex;align-items:center;justify-content:center;position:relative}.progress-ring{position:absolute;top:0;left:0;transform:rotate(-90deg)}.progress-ring-circle{transition:stroke-dashoffset .5s ease}.circle-content{display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2}.zp-text{font-size:18px;font-weight:600;color:#00ff80;margin-bottom:4px}.zp-value{font-size:24px;font-weight:700;color:#fff}.mining-progress{font-size:12px;font-weight:500;color:#00ff80;margin-top:4px}.mining-action-button{width:200px;height:50px;background:linear-gradient(135deg,#00ff80,#0c6);color:#fff;border:none;border-radius:25px;font-size:16px;font-weight:700;cursor:pointer;margin:0 auto;display:block;transition:all .3s ease;box-shadow:0 4px 15px #00ff804d}.mining-action-button:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 6px 20px #00ff8066}.mining-action-button:active:not(.disabled){transform:translateY(0)}.mining-action-button.disabled{background:linear-gradient(135deg,#4a4a4a,#5a5a5a);color:#a5a5a5;cursor:not-allowed;opacity:.8;box-shadow:none}.error-message{color:#ff4d4d;text-align:center;margin-top:16px;font-size:14px;font-weight:500}@media (max-width: 480px){.mining-display{padding:16px;margin:0 10px}.mining-circle{width:120px;height:120px}.zp-text{font-size:16px}.zp-value{font-size:20px}.mining-action-button{width:180px;height:45px;font-size:15px}}.mining-hub-container{background-color:#1a1a1a;min-height:100vh;color:#fff;font-family:Inter,sans-serif;max-width:390px;margin:0 auto;position:relative}.mining-content{padding:15px 20px 20px}.mining-hub-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.hub-title{font-size:22px;font-weight:700;color:#fff;margin:0}.logout-button{background:none;border:1px solid #00FF80;color:#00ff80;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.logout-button:hover{background-color:#00ff801a}.user-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}.user-stat-card{background-color:#2a2a2a;padding:12px;border-radius:10px;text-align:center;min-height:60px;display:flex;flex-direction:column;justify-content:center}.user-stat-card h2{font-size:12px;font-weight:500;color:#a5a5a5;margin:0 0 6px}.stat-value{font-size:16px;font-weight:700;color:#fff;margin:0}.mining-lockdown-indicator{margin-bottom:15px}.lockdown-alert{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#f44,#ff6b35);color:#fff;padding:10px 14px;border-radius:8px;border:1px solid #ff4444;font-size:.8rem}.lockdown-icon{font-size:1rem;flex-shrink:0}.lockdown-info{display:flex;flex-direction:column;gap:2px;flex:1}.lockdown-info strong{font-size:.8rem;font-weight:600}.lockdown-info span{font-size:.7rem;opacity:.9}@media (max-width: 480px){.mining-content{padding:12px 15px 15px}.hub-title{font-size:20px}.user-stats-grid{grid-template-columns:1fr;gap:8px}.user-stat-card{padding:10px;min-height:55px}.user-stat-card h2{font-size:11px}.stat-value{font-size:15px}.lockdown-alert{padding:8px 12px;gap:8px}.lockdown-info strong{font-size:.75rem}.lockdown-info span{font-size:.65rem}}@media (max-width: 320px){.mining-content{padding:10px 12px 12px}.hub-title{font-size:18px}.logout-button{padding:5px 10px;font-size:11px}.user-stat-card h2{font-size:10px}.stat-value{font-size:14px}}.header-actions{position:relative}.profile-dropdown-button{background:#2a2a2a;border:1px solid #444;border-radius:8px;padding:.5rem 1rem;color:#fff;cursor:pointer;transition:all .2s ease;font-size:1.25rem}.profile-dropdown-button:hover{background:#333;border-color:#0f0}.profile-dropdown-menu{position:absolute;top:100%;right:0;background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:.5rem;min-width:180px;box-shadow:0 4px 20px #0000004d;z-index:1000}:root{--primary: #00e676;--primary-dark: #00c853;--secondary: #2196F3;--background: #121212;--surface: #1e1e1e;--surface-light: #2d2d2d;--text-primary: #ffffff;--text-secondary: #b0b0b0;--text-disabled: #666666;--error: #f44336;--warning: #ff9800;--success: #4caf50;--border: #333333;--border-light: #404040;--shadow: 0 2px 12px rgba(0, 0, 0, .3);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px}*{box-sizing:border-box}.tasks-container{min-height:100vh;background:var(--background);color:var(--text-primary);padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.tasks-header{background:var(--surface);padding:1rem 1.25rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:flex-start;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-content h1{margin:0 0 .25rem;font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-content p{margin:0;color:var(--text-secondary);font-size:.9rem}.header-actions{display:flex;gap:.5rem}.refresh-button{background:var(--surface-light);border:none;border-radius:var(--radius-sm);padding:.5rem;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;font-size:1.1rem}.refresh-button:hover{background:var(--border);color:var(--text-primary)}.refresh-button.refreshing{animation:spin 1s linear infinite}.quick-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;padding:1rem 1.25rem;background:var(--surface);margin-bottom:.5rem}.stat-item{background:var(--surface-light);padding:.75rem .5rem;border-radius:var(--radius-sm);text-align:center;border:1px solid var(--border-light)}.stat-item.highlight{background:linear-gradient(135deg,var(--primary-dark),var(--primary));border-color:var(--primary)}.stat-value{display:block;font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.stat-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.task-list{padding:.5rem 1.25rem 2rem;display:flex;flex-direction:column;gap:1rem}.task-card{background:var(--surface);border-radius:var(--radius-md);padding:1.25rem;border:1px solid var(--border);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.task-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--border);transition:background .3s ease}.task-card.link:before{background:var(--secondary)}.task-card.in-progress:before{background:var(--warning)}.task-card.ready:before{background:var(--primary)}.task-card.completed:before{background:var(--success)}.task-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--border-light)}.task-main{display:flex;gap:1rem;margin-bottom:1rem}.task-icon{font-size:1.5rem;flex-shrink:0}.task-content{flex:1;min-width:0}.task-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;gap:.5rem}.task-title{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary);line-height:1.3;flex:1}.task-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;flex-shrink:0}.task-type{font-size:.7rem;padding:.2rem .5rem;background:var(--surface-light);color:var(--text-secondary);border-radius:20px;text-transform:uppercase;letter-spacing:.5px}.task-status{font-size:.7rem;padding:.2rem .5rem;border-radius:20px;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.task-status.completed{background:var(--success);color:#fff}.task-description{margin:0 0 1rem;color:var(--text-secondary);font-size:.9rem;line-height:1.4}.progress-container{margin-bottom:1rem}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.progress-label{font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.progress-percentage{font-size:.8rem;font-weight:600;color:var(--primary)}.progress-bar{height:6px;background:var(--surface-light);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--primary-dark));border-radius:3px;transition:width .5s ease}.requirements-list{background:var(--surface-light);border-radius:var(--radius-sm);padding:1rem;margin-bottom:1rem;border:1px solid var(--border-light)}.requirements-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.requirements-title{font-size:.9rem;font-weight:600;color:var(--text-primary)}.requirements-count{font-size:.8rem;color:var(--text-secondary);background:var(--background);padding:.2rem .5rem;border-radius:12px}.requirements-grid{display:flex;flex-direction:column;gap:.75rem}.requirement-item{display:flex;align-items:flex-start;gap:.75rem;padding:.5rem;border-radius:var(--radius-sm);transition:background .2s ease}.requirement-item.valid{background:#4caf501a;border:1px solid rgba(76,175,80,.2)}.requirement-item.invalid{background:#ff98001a;border:1px solid rgba(255,152,0,.2)}.requirement-icon{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;flex-shrink:0;margin-top:.1rem}.requirement-item.valid .requirement-icon{background:var(--success);color:#fff}.requirement-item.invalid .requirement-icon{background:var(--warning);color:#fff}.requirement-content{flex:1;min-width:0}.requirement-text{display:block;font-size:.85rem;color:var(--text-primary);margin-bottom:.25rem}.requirement-hint{display:block;font-size:.75rem;color:var(--text-secondary);font-style:italic}.link-preview{background:var(--surface-light);padding:.75rem;border-radius:var(--radius-sm);border:1px solid var(--border-light);margin-bottom:1rem}.link-domain{font-size:.85rem;color:var(--secondary);font-family:monospace}.task-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem}.task-rewards{display:flex;gap:.75rem}.reward{font-size:.85rem;padding:.4rem .75rem;border-radius:20px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.reward.zp{background:#00e6761a;color:var(--primary);border:1px solid rgba(0,230,118,.3)}.reward.seb{background:#2196f31a;color:var(--secondary);border:1px solid rgba(33,150,243,.3)}.action-button{padding:.75rem 1.5rem;border:none;border-radius:var(--radius-sm);font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;min-width:120px;text-transform:uppercase;letter-spacing:.5px}.action-button.ready{background:var(--primary);color:#fff}.action-button.ready:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px)}.action-button.link{background:var(--secondary);color:#fff}.action-button.link:hover:not(:disabled){background:#1976d2;transform:translateY(-1px)}.action-button.in-progress{background:var(--warning);color:#fff}.action-button.completed{background:var(--success);color:#fff;cursor:not-allowed}.action-button:disabled{background:var(--surface-light);color:var(--text-disabled);cursor:not-allowed;transform:none}.empty-state{text-align:center;padding:3rem 2rem;color:var(--text-secondary)}.empty-state h3{margin:0 0 .5rem;color:var(--text-primary)}.error-state{text-align:center;padding:3rem 2rem}.error-icon{font-size:3rem;margin-bottom:1rem}.error-state h3{margin:0 0 .5rem;color:var(--text-primary)}.error-state p{margin:0 0 1.5rem;color:var(--text-secondary)}.retry-button{background:var(--primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:background .2s ease}.retry-button:hover{background:var(--primary-dark)}.loading-skeleton{padding:1rem 1.25rem;display:flex;flex-direction:column;gap:1rem}.task-skeleton{background:var(--surface);border-radius:var(--radius-md);padding:1.25rem;border:1px solid var(--border);display:flex;gap:1rem;align-items:flex-start}.skeleton-icon{width:40px;height:40px;background:var(--surface-light);border-radius:8px;animation:pulse 1.5s ease-in-out infinite}.skeleton-content{flex:1;display:flex;flex-direction:column;gap:.75rem}.skeleton-title{height:20px;background:var(--surface-light);border-radius:4px;width:70%;animation:pulse 1.5s ease-in-out infinite}.skeleton-description{height:16px;background:var(--surface-light);border-radius:4px;width:90%;animation:pulse 1.5s ease-in-out infinite .2s}.skeleton-progress{height:8px;background:var(--surface-light);border-radius:4px;animation:pulse 1.5s ease-in-out infinite .4s}.skeleton-action{width:100px;height:40px;background:var(--surface-light);border-radius:var(--radius-sm);animation:pulse 1.5s ease-in-out infinite .6s}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.quick-help{padding:0 1.25rem 2rem}.help-accordion{background:var(--surface);border-radius:var(--radius-md);border:1px solid var(--border);overflow:hidden}.help-summary{padding:1rem 1.25rem;cursor:pointer;list-style:none;font-weight:600;color:var(--text-primary);transition:background .2s ease}.help-summary:hover{background:var(--surface-light)}.help-summary::-webkit-details-marker{display:none}.help-summary:after{content:"▶";float:right;transition:transform .3s ease}.help-accordion[open] .help-summary:after{transform:rotate(90deg)}.help-content{padding:0 1.25rem 1rem;border-top:1px solid var(--border-light)}.help-item{padding:.5rem 0;color:var(--text-secondary);font-size:.9rem;line-height:1.4}.help-item strong{color:var(--text-primary)}@media (min-width: 768px){.tasks-container{max-width:800px;margin:0 auto;padding:0}.task-list{display:grid;grid-template-columns:1fr;gap:1.5rem}.quick-stats{grid-template-columns:repeat(4,1fr);gap:1rem;padding:1.5rem 2rem}.stat-item{padding:1rem}.stat-value{font-size:1.5rem}}@media (max-width: 480px){.tasks-header{padding:1rem}.task-list{padding:.5rem 1rem 2rem}.quick-stats{padding:1rem}.task-footer{flex-direction:column;align-items:stretch;gap:1rem}.task-rewards{justify-content:center}.action-button{width:100%}}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (hover: none){.task-card:hover{transform:none}.action-button:hover:not(:disabled){transform:none}}@media (prefers-color-scheme: dark){:root{--background: #121212;--surface: #1e1e1e;--surface-light: #2d2d2d}}@media (prefers-contrast: high){:root{--border: #ffffff;--text-secondary: #ffffff}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.referrals-container{max-width:1200px;margin:0 auto;padding:2rem 1rem;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.referrals-header{background:linear-gradient(135deg,#1e1e1ef2,#282828f2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:2rem;margin-bottom:2rem;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #0003}.header-content h1{font-size:2.2rem;font-weight:700;color:#fff;margin-bottom:.5rem;background:linear-gradient(135deg,#00ff80,#0c6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-content p{color:#a0a0a0;font-size:1.1rem;margin-bottom:1.5rem}.header-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-top:1.5rem}.stat-card{background:#ffffff0d;border-radius:16px;padding:1.5rem;text-align:center;border:1px solid rgba(255,255,255,.1)}.stat-card.earnings{background:linear-gradient(135deg,#00ff8026,#00cc6626);border-color:#00ff8033}.stat-number{display:block;font-size:2rem;font-weight:700;color:#00ff80;margin-bottom:.25rem}.stat-card.earnings .stat-number{color:#00ff80}.stat-label{color:#a0a0a0;font-size:.9rem;font-weight:500}.referral-card.main-card{background:#1e1e1ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:2rem;margin-bottom:2rem;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #0003}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.card-header h3{font-size:1.4rem;font-weight:600;color:#fff}.premium-badge{background:linear-gradient(135deg,gold,orange);color:#1a1a1a;padding:.4rem 1rem;border-radius:20px;font-size:.8rem;font-weight:700;text-transform:uppercase}.referral-link-container{margin-bottom:1.5rem}.referral-link-display{display:flex;align-items:center;gap:1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1rem}.link-text{flex:1;font-family:Fira Code,Courier New,monospace;color:#00ff80;font-size:.9rem;overflow:hidden;text-overflow:ellipsis}.copy-button.modern{background:linear-gradient(135deg,#00ff80,#0c6);color:#1a1a1a;border:none;border-radius:8px;padding:.75rem 1.25rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.copy-button.modern:hover{transform:translateY(-1px);box-shadow:0 5px 15px #00ff804d}.share-buttons p{color:#a0a0a0;margin-bottom:1rem;font-size:.9rem}.share-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem}.share-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:.75rem 1rem;color:#fff;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.share-btn:hover{transform:translateY(-1px);background:#ffffff1a}.share-btn.telegram:hover{background:#08c3;border-color:#08c6}.share-btn.whatsapp:hover{background:#25d36633;border-color:#25d36666}.share-btn.twitter:hover{background:#1da1f233;border-color:#1da1f266}.tab-navigation{display:flex;background:#ffffff0d;border-radius:12px;padding:.25rem;margin-bottom:2rem;border:1px solid rgba(255,255,255,.1)}.tab{flex:1;background:none;border:none;padding:1rem 1.5rem;color:#a0a0a0;font-weight:500;cursor:pointer;border-radius:8px;transition:all .3s ease}.tab.active{background:linear-gradient(135deg,#00ff80,#0c6);color:#1a1a1a;font-weight:600}.referrals-list{display:flex;flex-direction:column;gap:1rem}.referral-item{display:flex;align-items:center;gap:1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;transition:all .3s ease}.referral-item:hover{background:#ffffff14;border-color:#ffffff26;transform:translateY(-1px)}.referral-avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#00ff80,#0c6);display:flex;align-items:center;justify-content:center;font-weight:700;color:#1a1a1a;font-size:1.2rem}.referral-info{flex:1}.referral-info h4{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:.25rem}.referral-info p{color:#a0a0a0;font-size:.9rem;margin-bottom:.5rem}.last-seen{font-size:.8rem;color:#666}.referral-stats{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.zp-badge{background:linear-gradient(135deg,#00ff80,#0c6);color:#1a1a1a;padding:.4rem .8rem;border-radius:12px;font-size:.8rem;font-weight:700}.streak{background:#ff450033;color:#ff4500;padding:.3rem .7rem;border-radius:10px;font-size:.8rem;font-weight:600}.empty-state{text-align:center;padding:3rem 2rem;color:#666}.empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-state h3{color:#a0a0a0;margin-bottom:.5rem;font-size:1.2rem}.how-it-works{display:flex;flex-direction:column;gap:1.5rem}.step{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:#ffffff0d;border-radius:16px;border:1px solid rgba(255,255,255,.1)}.step-number{background:linear-gradient(135deg,#00ff80,#0c6);color:#1a1a1a;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;flex-shrink:0}.step-content h4{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.step-content p{color:#a0a0a0;font-size:.9rem;line-height:1.5}.progress-section{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;margin-top:2rem}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;color:#fff;font-weight:600}.progress-bar{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:linear-gradient(135deg,#00ff80,#0c6);border-radius:4px;transition:width .5s ease}.progress-note{color:#a0a0a0;font-size:.9rem;text-align:center}.error-message{background:#ff4d4d26;border:1px solid rgba(255,77,77,.3);color:#ff4d4d;padding:1rem;border-radius:12px;margin-bottom:1rem;font-size:.9rem}.success-message{background:#00ff8026;border:1px solid rgba(0,255,128,.3);color:#00ff80;padding:1rem;border-radius:12px;margin-bottom:1rem;font-size:.9rem;text-align:center}.loading-spinner{text-align:center;padding:3rem;color:#a0a0a0}.loading-spinner .spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top:3px solid #00FF80;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@media (max-width: 768px){.referrals-container{padding:1rem .5rem}.referrals-header{padding:1.5rem}.header-stats{grid-template-columns:1fr}.referral-link-display{flex-direction:column;text-align:center}.link-text{text-align:center}.share-options{grid-template-columns:1fr}.referral-item{flex-direction:column;text-align:center;gap:1rem}.referral-stats{align-items:center;flex-direction:row;justify-content:center}.step{flex-direction:column;text-align:center;gap:1rem}.step-number{align-self:center}}@media (max-width: 480px){.header-content h1{font-size:1.8rem}.card-header{flex-direction:column;gap:1rem;text-align:center}.tab-navigation{flex-direction:column}}@media (prefers-reduced-motion: reduce){.referral-item:hover,.copy-button.modern:hover,.share-btn:hover{transform:none}.progress-fill{transition:none}.loading-spinner .spinner{animation:none;border-top-color:#00ff80}}.telegram-card{background:#1e1e1ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:2rem;margin-bottom:2rem;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #0003}.telegram-card .card-header{border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:1.5rem}.telegram-card h3{color:#fff;font-size:1.4rem;font-weight:600}.telegram-loading{text-align:center;padding:2rem;color:#a0a0a0}.telegram-loading .spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top:3px solid #00FF80;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.telegram-connected{display:flex;flex-direction:column;gap:1.5rem}.connection-status{display:flex;flex-direction:column;gap:1rem}.status-indicator{padding:.75rem 1.5rem;border-radius:12px;font-weight:600;font-size:.9rem;display:inline-block;width:fit-content}.status-indicator.connected{background:#00ff8026;color:#00ff80;border:1px solid rgba(0,255,128,.3)}.disconnect-btn{align-self:flex-start;background:#ef444426;color:#ff4d4d;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:.75rem 1.25rem;font-weight:600;cursor:pointer;transition:all .3s ease}.disconnect-btn:hover{background:#ef444440;transform:translateY(-1px)}.telegram-connection{display:flex;flex-direction:column;gap:1.5rem}.connection-steps p{color:#a0a0a0;margin-bottom:1.5rem;font-size:1rem}.connection-instructions{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.connection-instructions h4{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.connection-instructions ol{margin:0;padding-left:1.5rem;color:#a0a0a0}.connection-instructions li{margin-bottom:.5rem;line-height:1.5}.connection-instructions code{background:#ffffff1a;color:#00ff80;padding:.2rem .5rem;border-radius:4px;font-family:Fira Code,Courier New,monospace;font-size:.9rem}.code-input-section{display:flex;gap:1rem;align-items:flex-start}.code-input{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.75rem 1rem;color:#fff;font-size:1.1rem;font-weight:600;text-align:center;letter-spacing:.2em;font-family:Fira Code,Courier New,monospace}.code-input:focus{outline:none;border-color:#00ff80;box-shadow:0 0 0 2px #00ff8033}.code-input::placeholder{color:#666;letter-spacing:normal;font-weight:400}.verify-btn{background:linear-gradient(135deg,#00ff80,#0c6);color:#1a1a1a;border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.verify-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 15px #00ff804d}.verify-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.code-note{color:#a0a0a0;font-size:.9rem;text-align:center;margin-top:1rem}@media (max-width: 768px){.code-input-section{flex-direction:column}.code-input{text-align:center}.verify-btn{width:100%}.connection-instructions{padding:1rem}}.social-btn.loading{opacity:.7;cursor:not-allowed}.social-btn.loading .social-icon{opacity:0}.button-loading{display:flex;align-items:center;justify-content:center;gap:.75rem}.spinner{width:1.25rem;height:1.25rem;border:2px solid rgba(255,255,255,.3);border-top:2px solid #FFFFFF;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lockdown-container{min-height:100vh;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);display:flex;align-items:center;justify-content:center;padding:20px;font-family:Inter,sans-serif}.lockdown-content{text-align:center;background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:40px 30px;max-width:500px;width:100%;box-shadow:0 20px 40px #0000004d}.lockdown-icon{font-size:4rem;margin-bottom:20px;animation:bounce 2s infinite}.lockdown-title{color:#fff;font-size:2rem;font-weight:700;margin-bottom:15px;text-shadow:0 2px 10px rgba(0,0,0,.3)}.lockdown-message{color:#ccc;font-size:1.1rem;line-height:1.6;margin-bottom:25px}.lockdown-details{background:#ffffff0d;border-radius:12px;padding:20px;margin-bottom:25px;border:1px solid rgba(255,255,255,.1)}.lockdown-details p{color:#aaa;margin:8px 0;font-size:.95rem}.support-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 30px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d;margin-bottom:15px}.support-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.support-email{color:#aaa;font-size:.9rem}.support-email a{color:#00ff80;text-decoration:none}.support-email a:hover{text-decoration:underline}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media (max-width: 480px){.lockdown-content{padding:30px 20px}.lockdown-title{font-size:1.5rem}.lockdown-message{font-size:1rem}}.email-address{color:#00ff80;cursor:pointer;text-decoration:underline;transition:all .3s ease}.email-address:hover{color:#0f9;text-decoration:none}.copy-hint{font-size:.8rem;color:#888;margin-left:8px;opacity:0;transition:opacity .3s ease}.email-address:hover+.copy-hint{opacity:1}.coming-soon-container{min-height:100vh;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);display:flex;align-items:center;justify-content:center;padding:20px;font-family:Inter,sans-serif;position:relative}.coming-soon-container:not(.admin-view){-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.coming-soon-container:not(.admin-view):before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1}.coming-soon-content{text-align:center;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:40px 30px;max-width:600px;width:100%;box-shadow:0 20px 40px #0000004d;position:relative;z-index:2}.coming-soon-container.admin-view .coming-soon-content{background:#00ff800d;border:1px solid rgba(0,255,128,.3)}.coming-soon-icon{font-size:4rem;margin-bottom:20px;animation:float 3s ease-in-out infinite}.coming-soon-title{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:15px;text-shadow:0 2px 10px rgba(0,0,0,.3)}.coming-soon-message{color:#ccc;font-size:1.2rem;line-height:1.6;margin-bottom:30px}.admin-notice,.user-notice{background:#ffffff0d;border-radius:12px;padding:20px;margin-bottom:25px;border:1px solid rgba(255,255,255,.1)}.admin-notice{background:#00ff801a;border:1px solid rgba(0,255,128,.3)}.admin-message{color:#00ff80;font-weight:600;margin-bottom:15px}.user-message{color:#aaa;margin-bottom:15px}.feature-preview{text-align:left;color:#ccc}.feature-preview h3{color:#00ff80;margin-bottom:10px}.feature-preview ul{list-style:none;padding:0;margin:15px 0}.feature-preview li{padding:5px 0;color:#aaa}.countdown-timer{color:#00ff80;font-weight:600;font-size:1.1rem}.back-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 30px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.back-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width: 480px){.coming-soon-content{padding:30px 20px}.coming-soon-title{font-size:2rem}.coming-soon-message{font-size:1rem}}.settings-container{max-width:600px;margin:0 auto;padding:2rem 1rem;color:#fff}.settings-header{text-align:center;margin-bottom:2rem}.settings-header h1{font-size:2.5rem;margin-bottom:.5rem;background:linear-gradient(135deg,#0f0,#0c0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.settings-header p{color:#b0b0b0;font-size:1.1rem}.settings-sections{display:flex;flex-direction:column;gap:2rem}.settings-section{background:#1a1a1a;border:1px solid #333;border-radius:12px;padding:1.5rem}.settings-section h2{font-size:1.5rem;margin-bottom:.5rem;color:#0f0}.section-description{color:#b0b0b0;margin-bottom:1.5rem;font-size:.95rem;line-height:1.4}.settings-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:#e0e0e0;font-size:.9rem}.form-group input{padding:.75rem 1rem;background:#2a2a2a;border:1px solid #444;border-radius:8px;color:#fff;font-size:1rem;transition:all .2s ease}.form-group input:focus{outline:none;border-color:#0f0;box-shadow:0 0 0 2px #00ff001a}.form-group input::placeholder{color:#666}.btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:center}.btn-primary{background:#0f0;color:#000}.btn-primary:hover:not(:disabled){background:#0c0;transform:translateY(-1px)}.btn-primary:disabled{background:#666;color:#999;cursor:not-allowed;transform:none}.btn-secondary{background:#333;color:#fff}.btn-secondary:hover{background:#444}.account-info{display:flex;flex-direction:column;gap:1rem}.info-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#2a2a2a;border-radius:8px}.info-label{font-weight:600;color:#b0b0b0}.info-value{color:#fff;font-weight:500}.capitalize{text-transform:capitalize}.success-message{background:#0f0;color:#000;padding:1rem;border-radius:8px;margin-bottom:1rem;font-weight:600;text-align:center}.error-message{background:#f44;color:#fff;padding:1rem;border-radius:8px;margin-bottom:1rem;font-weight:600;text-align:center}@media (max-width: 768px){.settings-container{padding:1rem .5rem}.settings-header h1{font-size:2rem}.settings-section{padding:1rem}.info-item{flex-direction:column;align-items:flex-start;gap:.25rem}}.page-container{color:var(--text-primary);transition:all .3s ease}.telegram-mini-app.page-container{max-width:100%;padding:1rem .75rem}.telegram-mini-app .profile-header-card{padding:1.25rem;margin-bottom:1.5rem;border-radius:12px}.telegram-mini-app .profile-avatar-large{width:70px;height:70px}.telegram-mini-app .profile-name-section h1{font-size:1.25rem}.telegram-mini-app .scs-badge{padding:.5rem 1rem;font-size:.875rem}.telegram-mini-app .profile-stats-quick{gap:1.5rem}.telegram-mini-app .stat-value-quick{font-size:1.125rem}.mobile-web.page-container{max-width:100%;padding:1.25rem .875rem}.mobile-web .profile-header-card{padding:1.5rem;margin-bottom:1.75rem}.mobile-web .profile-avatar-large{width:80px;height:80px}.mobile-web .profile-name-section h1{font-size:1.5rem}.web-app.page-container{max-width:1000px;margin:0 auto;padding:1.5rem 1rem}.web-app .profile-header-card{padding:2rem;margin-bottom:2rem}.profile-header-card{border-radius:16px;background:var(--card-bg);border:1px solid var(--border-color)}.profile-header-content{display:flex;gap:1.5rem;align-items:flex-start;flex-wrap:wrap}.avatar-section{display:flex;flex-direction:column;align-items:center;gap:.75rem;flex-shrink:0}.profile-avatar-large{border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;cursor:pointer;transition:transform .2s ease}.profile-avatar-large:hover{transform:scale(1.05)}.avatar-image{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar-upload-btn{padding:.5rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;gap:.5rem;font-size:.875rem;transition:all .2s ease}.avatar-upload-btn:hover{background:var(--bg-secondary);border-color:var(--primary)}.profile-info-main{flex:1;min-width:200px}.profile-name-section{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.profile-name-section h1{font-weight:700;margin:0;color:var(--text-primary)}.verified-badge{color:var(--primary)}.profile-email{color:var(--text-secondary);margin-bottom:1rem;font-size:1rem}.scs-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:12px;margin-bottom:1rem}.scs-score{font-weight:700;font-size:1.125rem}.scs-tier{font-weight:600;text-transform:uppercase;font-size:.875rem}.profile-stats-quick{display:flex;gap:1.5rem}.stat-quick{text-align:center}.stat-value-quick{display:block;font-weight:700;color:var(--primary);margin-bottom:.25rem}.stat-label-quick{font-size:.875rem;color:var(--text-secondary)}.profile-controls{display:flex;flex-direction:column;gap:.75rem;min-width:160px}.edit-profile-btn{display:flex;align-items:center;gap:.5rem}.edit-controls{display:flex;gap:.5rem}.message{padding:.875rem;border-radius:8px;margin-top:1rem;font-weight:600;font-size:.875rem}.message.success{background:var(--success-bg);color:var(--success);border:1px solid var(--success)}.message.error{background:var(--error-bg);color:var(--error);border:1px solid var(--error)}.tabs{display:flex;gap:.25rem;margin-bottom:1.5rem;border-bottom:1px solid var(--border-color);padding-bottom:.5rem;overflow-x:auto}.tab{padding:.75rem 1.25rem;background:none;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;font-weight:500;font-size:.875rem;white-space:nowrap;transition:all .2s ease}.tab:hover{background:var(--bg-tertiary);color:var(--text-primary)}.tab-active{background:var(--primary);color:#000}.tab-content{min-height:300px}.overview-content{display:flex;flex-direction:column;gap:1.5rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.stat-card{display:flex;align-items:center;gap:.75rem;padding:1.25rem;border-radius:12px;background:var(--card-bg);border:1px solid var(--border-color)}.stat-card-green{border-left:4px solid var(--success)}.stat-card-blue{border-left:4px solid var(--info)}.stat-card-purple{border-left:4px solid var(--purple)}.stat-card-orange{border-left:4px solid var(--warning)}.stat-icon{padding:.5rem;border-radius:8px;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center}.stat-content{flex:1}.stat-label{font-size:.75rem;color:var(--text-secondary);margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.tier-progress{margin-top:1rem}.tier-labels{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.75rem;font-weight:600;color:var(--text-secondary)}.progress-bar{width:100%;height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden}.progress-fill{height:100%;transition:width .5s ease}.tier-ranges{display:flex;justify-content:space-between;margin-top:.5rem;font-size:.7rem;color:var(--text-muted)}.card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem}.card h3{margin-bottom:1.25rem;color:var(--text-primary);font-size:1.125rem}.form-group{margin-bottom:1.25rem}.form-label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-primary);font-size:.875rem}.auto-detected-badge{background:var(--success);color:#fff;padding:.2rem .5rem;border-radius:10px;font-size:.7rem;margin-left:.5rem;font-weight:500}.input-with-hint{position:relative}.input-hint{display:flex;align-items:center;justify-content:space-between;margin-top:.5rem;padding:.5rem;background:var(--info-bg);border:1px solid var(--info);border-radius:6px;font-size:.75rem;color:var(--info)}.hint-btn{background:var(--info);color:#fff;border:none;padding:.25rem .5rem;border-radius:4px;font-size:.7rem;cursor:pointer}.input-with-prefix{position:relative;display:flex;align-items:center}.input-prefix{position:absolute;left:1rem;color:var(--text-secondary);font-weight:500;z-index:1}.form-input.with-prefix{padding-left:2rem}.form-input{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:.875rem;transition:border-color .2s ease}.form-input:focus{outline:none;border-color:var(--primary)}.form-input:disabled{background:var(--bg-tertiary);cursor:not-allowed}.character-count{text-align:right;font-size:.75rem;color:var(--text-secondary);margin-top:.25rem}.display-field{padding:.75rem 1rem;background:var(--bg-tertiary);border-radius:8px;color:var(--text-primary);min-height:44px;display:flex;align-items:center;font-size:.875rem}.detection-note{margin-left:.5rem;font-size:.75rem;color:var(--text-muted);font-style:italic}.profile-link{color:var(--primary);text-decoration:none;font-weight:500}.profile-link:hover{text-decoration:underline}.section-description{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.5;font-size:.875rem}.edit-prompt{text-align:center;padding:1.25rem;background:var(--bg-tertiary);border-radius:8px;color:var(--text-secondary);font-size:.875rem}.btn{padding:.75rem 1.25rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;justify-content:center;font-size:.875rem}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--primary);color:#000}.btn-primary:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--primary)}.platform-indicator{position:fixed;top:1rem;right:1rem;padding:.5rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:20px;font-size:.75rem;color:var(--text-secondary);z-index:1000}@media (max-width: 768px){.profile-header-content{flex-direction:column;text-align:center;gap:1.25rem}.profile-stats-quick{justify-content:center}.profile-controls{width:100%}.edit-controls{flex-direction:column}.tabs{flex-wrap:nowrap;overflow-x:auto}.tab{flex:0 0 auto}.stats-grid{grid-template-columns:1fr 1fr}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}.profile-stats-quick{gap:1rem}.stat-value-quick{font-size:1rem}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#1a1a1a}.app-container{position:relative;min-height:100vh}.main-content{padding-bottom:90px;min-height:calc(100vh - 90px)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background-color:#1a1a1a;color:#fff;line-height:1.6}#root{min-height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#2a2a2a}::-webkit-scrollbar-thumb{background:#00ff80;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#0c6}::selection{background-color:#00ff80;color:#1a1a1a}*:focus{outline:2px solid #00FF80;outline-offset:2px}html{scroll-behavior:smooth}.text-green{color:#00ff80}.text-gray{color:#a5a5a5}.bg-dark{background-color:#1a1a1a}.bg-darker{background-color:#2a2a2a}