*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(135deg,#0f0f23,#1a1a2e 50%,#16213e);color:#e2e8f0;line-height:1.6;min-height:100vh;overflow-x:hidden}:root{--primary-bg:#0f0f23;--secondary-bg:#1a1a2e;--tertiary-bg:#16213e;--card-bg:#2d3748;--card-hover:#374151;--accent-blue:#3b82f6;--accent-blue-hover:#2563eb;--accent-green:#10b981;--accent-red:#ef4444;--accent-yellow:#f59e0b;--text-primary:#ffffff;--text-secondary:#e2e8f0;--text-muted:#9ca3af;--text-accent:#60a5fa;--border-color:#374151;--border-light:#4b5563;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1);--transition-fast:0.15s ease-in-out;--transition-normal:0.3s ease-in-out;--transition-slow:0.5s ease-in-out}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.bg-opacity-10{background-color:rgba(59,130,246,.1)}.border-opacity-30{border-color:rgba(59,130,246,.3)}.bg-accent-blue{background-color:var(--accent-blue)}.bg-danger{background-color:var(--accent-red)}.border-accent-blue{border-color:var(--accent-blue)}.border-danger{border-color:var(--accent-red)}.rounded-lg{border-radius:var(--radius-lg)}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.text-center{text-align:center}.text-left{text-align:left}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.fixed{position:fixed}.overflow-hidden{overflow:hidden}.break-all{word-break:break-all}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700;color:#2963e4;text-decoration:none}.font-extrabold{font-weight:800}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--text-accent)}.text-success{color:var(--accent-green)}.text-warning{color:var(--accent-yellow)}.text-danger{color:var(--accent-red)}.p-0{padding:0}.p-1{padding:var(--spacing-xs)}.p-2{padding:var(--spacing-sm)}.p-3{padding:var(--spacing-md)}.p-4{padding:var(--spacing-lg)}.p-6{padding:var(--spacing-xl)}.p-8{padding:var(--spacing-2xl)}.px-2{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.px-3{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.px-4{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.px-6{padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}.py-1{padding-top:var(--spacing-xs);padding-bottom:var(--spacing-xs)}.py-2{padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.py-3{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}.py-4{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.py-6{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}.m-0{margin:0}.m-1{margin:var(--spacing-xs)}.m-2{margin:var(--spacing-sm)}.m-3{margin:var(--spacing-md)}.m-4{margin:var(--spacing-lg)}.m-6{margin:var(--spacing-xl)}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.mb-6{margin-bottom:var(--spacing-xl)}.mb-8{margin-bottom:var(--spacing-2xl)}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.mt-6{margin-top:var(--spacing-xl)}.mx-auto{margin-left:auto;margin-right:auto}.app-container{min-height:100vh;display:flex;flex-direction:column;background:var(--primary-bg)}.header{background:rgba(45,55,72,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);padding:var(--spacing-md) var(--spacing-lg);position:-webkit-sticky;position:sticky;top:0;z-index:100;box-shadow:var(--shadow-md)}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.logo{font-size:1.875rem;font-weight:800;background:linear-gradient(135deg,var(--accent-blue),var(--accent-green));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none;transition:var(--transition-normal)}.logo:hover{transform:scale(1.05)}.main-content{flex:1 1;padding:var(--spacing-xl) var(--spacing-lg);max-width:1200px;margin:0 auto;width:100%}.card{background:var(--card-bg);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-lg);border:1px solid var(--border-color);transition:var(--transition-normal);margin-bottom:var(--spacing-lg)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl);border-color:var(--border-light)}.card-inner{background:rgba(26,26,46,.5);border-radius:var(--radius-md);padding:var(--spacing-lg);border:1px solid var(--border-color);margin-bottom:var(--spacing-md)}.card-inner:last-child{margin-bottom:0}.button{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);font-weight:600;font-size:1rem;text-decoration:none;border:none;cursor:pointer;transition:var(--transition-normal);position:relative;overflow:hidden;min-height:44px}.button:disabled{opacity:.6;cursor:not-allowed}.button:not(:disabled):hover{transform:translateY(-1px)}.button:not(:disabled):active{transform:translateY(0)}.button-primary{background:linear-gradient(135deg,var(--accent-blue),#1d4ed8);color:white;box-shadow:0 4px 14px 0 rgba(59,130,246,.3)}.button-primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 6px 20px 0 rgba(59,130,246,.4)}.button-secondary{background:var(--border-color);color:var(--text-secondary);border:1px solid var(--border-light)}.button-secondary:hover:not(:disabled){background:var(--border-light);color:var(--text-primary)}.button-danger{background:linear-gradient(135deg,var(--accent-red),#dc2626);color:white;box-shadow:0 4px 14px 0 rgba(239,68,68,.3)}.button-danger:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 6px 20px 0 rgba(239,68,68,.4)}.button-icon{padding:var(--spacing-sm);min-width:44px;height:44px;border-radius:var(--radius-md)}.button-icon-left{gap:var(--spacing-sm)}.button-icon svg{width:20px;height:20px;stroke:currentColor}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:rgba(45,55,72,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border-color);padding:var(--spacing-sm) 0;z-index:50;display:flex;justify-content:space-around;box-shadow:0 -4px 6px -1px rgba(0,0,0,.1)}.nav-item{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-sm);color:var(--text-muted);text-decoration:none;transition:var(--transition-normal);border-radius:var(--radius-md);min-width:60px}.nav-item:hover{color:var(--accent-blue);background:rgba(59,130,246,.1)}.nav-item.active{color:var(--accent-blue);background:rgba(59,130,246,.15)}.nav-icon{width:24px;height:24px;margin-bottom:var(--spacing-xs);transition:var(--transition-normal)}.nav-text{font-size:.75rem;font-weight:500;white-space:nowrap}.profile-card{max-width:800px;margin:0 auto}.profile-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xl)}.avatar-section{text-align:center}.avatar-upload-container{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg)}.avatar-image{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid var(--accent-blue);box-shadow:0 0 0 4px rgba(59,130,246,.2);transition:var(--transition-normal)}.avatar-image:hover{transform:scale(1.05);box-shadow:0 0 0 6px rgba(59,130,246,.3)}.avatar-placeholder{width:120px;height:120px;border-radius:50%;background:var(--border-color);display:flex;align-items:center;justify-content:center;color:var(--text-muted);border:4px solid var(--border-color);transition:var(--transition-normal)}.avatar-placeholder:hover{background:var(--border-light);color:var(--text-secondary)}.profile-details{width:100%;max-width:500px}.detail-item{display:flex;flex-direction:column;padding:var(--spacing-lg) 0;border-bottom:1px solid var(--border-color)}.detail-item:last-child{border-bottom:none}.detail-label{color:var(--text-muted);font-weight:600;font-size:.9rem;margin-bottom:var(--spacing-xs)}.detail-value{color:var(--text-primary);font-size:1.1rem;word-break:break-all}.wallet-page-card{max-width:700px;margin:0 auto}.wallet-content{display:flex;flex-direction:column;gap:var(--spacing-xl)}.wallet-info-section{gap:var(--spacing-lg);padding:var(--spacing-lg);background:rgba(26,26,46,.3);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.info-item,.wallet-info-section{display:flex;flex-direction:column}.info-item{gap:var(--spacing-xs)}.info-label{color:var(--text-muted);font-weight:600;font-size:.9rem}.info-value{color:var(--text-primary);font-size:1.1rem;word-break:break-all}.wallet-actions-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.earnings-page-card{max-width:700px;margin:0 auto}.earnings-content{gap:var(--spacing-xl)}.earnings-content,.earnings-list{display:flex;flex-direction:column}.earnings-list{gap:var(--spacing-md)}.earnings-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);background:rgba(26,26,46,.3);border-radius:var(--radius-lg);border:1px solid var(--border-color);transition:var(--transition-normal)}.earnings-item:hover{background:rgba(26,26,46,.5);border-color:var(--border-light)}.earning-amount{font-size:1.25rem;font-weight:700;color:var(--accent-yellow)}.earning-date{color:var(--text-muted);font-size:.9rem}.invite-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.invite-item{padding:var(--spacing-lg);background:rgba(26,26,46,.3);border-radius:var(--radius-lg);border:1px solid var(--border-color);transition:var(--transition-normal)}.invite-item:hover{background:rgba(26,26,46,.5);border-color:var(--border-light)}.invite-link-row{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.invite-link-input{flex:1 1;padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--primary-bg);color:var(--text-primary);font-family:monospace;font-size:.9rem;transition:var(--transition-normal)}.invite-link-input:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg)}.modal-content{background:var(--card-bg);border-radius:var(--radius-xl);padding:var(--spacing-2xl);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);border:1px solid var(--border-color)}.private-key-display{width:100%;height:120px;padding:var(--spacing-lg);margin:var(--spacing-lg) 0;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--primary-bg);color:var(--accent-yellow);font-family:monospace;font-size:.9rem;resize:vertical;line-height:1.5;word-break:break-all}.private-key-display:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.private-key-actions{display:flex;justify-content:center;margin:var(--spacing-lg) 0}.modal-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-xl)}input[type=email],input[type=password],input[type=text],textarea{width:100%;padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--primary-bg);color:var(--text-primary);font-size:1rem;transition:var(--transition-normal)}input[type=email]:focus,input[type=password]:focus,input[type=text]:focus,textarea:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px rgba(59,130,246,.1)}input[type=file]{display:none}.loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-2xl);color:var(--text-muted);min-height:200px}.loading:after{content:"";width:24px;height:24px;border-top:3px solid var(--border-color);border:3px solid var(--border-color);border-top-color:var(--accent-blue);border-radius:50%;margin-left:var(--spacing-sm)}.loading-spinner,.loading:after{animation:spin 1s linear infinite}.loading-spinner{width:40px;height:40px;border-top:4px solid var(--border-color);border:4px solid var(--border-color);border-top-color:var(--accent-blue);border-radius:50%;margin:0 auto}.loading-spinner-small{width:20px;height:20px;border-top:2px solid var(--border-color);border:2px solid var(--border-color);border-top-color:var(--accent-blue);border-radius:50%;animation:spin 1s linear infinite}.loading-spinner-large{width:60px;height:60px;border-top:6px solid var(--border-color);border:6px solid var(--border-color);border-top-color:var(--accent-blue);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}.loading-pulse{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-2xl);min-height:200px}.loading-pulse:after,.loading-pulse:before{content:"";width:12px;height:12px;background:var(--accent-blue);border-radius:50%;animation:pulse 1.4s ease-in-out infinite both}.loading-pulse:before{animation-delay:-.32s}.loading-pulse:after{animation-delay:-.16s}.loading-dots{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-2xl);min-height:200px}.loading-dots,.loading-dots:after,.loading-dots:before{content:"";width:8px;height:8px;background:var(--accent-blue);border-radius:50%;animation:dots 1.4s ease-in-out infinite both}.loading-dots:before{animation-delay:-.32s}.loading-dots:after{animation-delay:-.16s}.skeleton{background:linear-gradient(90deg,var(--border-color) 25%,var(--border-light) 50%,var(--border-color) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--radius-md)}.skeleton-text{height:1rem;margin-bottom:var(--spacing-sm)}.skeleton-text:last-child{margin-bottom:0;width:60%}.skeleton-avatar{width:60px;height:60px;border-radius:50%}.skeleton-card{height:200px;margin-bottom:var(--spacing-lg)}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(15,15,35,.9);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;color:var(--text-primary)}.loading-overlay .loading-spinner-large{margin-bottom:var(--spacing-lg)}.loading-overlay p{font-size:1.1rem;color:var(--text-muted);margin-top:var(--spacing-md)}.page-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--primary-bg);color:var(--text-primary)}.page-loading .loading-spinner-large{margin-bottom:var(--spacing-xl)}.page-loading h2{font-size:1.5rem;margin-bottom:var(--spacing-md);color:var(--text-primary)}.page-loading p{color:var(--text-muted);font-size:1.1rem}.button-loading{position:relative;color:transparent}.button-loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border:2px solid transparent;border-top-color:currentcolor;border-radius:50%;animation:spin 1s linear infinite}.button-loading.button-primary:after{border-top-color:white}.button-loading.button-secondary:after{border-top-color:var(--text-secondary)}.card-loading{position:relative;overflow:hidden}.card-loading:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 2s infinite}.progress-bar{width:100%;height:4px;background:var(--border-color);border-radius:2px;overflow:hidden;margin:var(--spacing-md) 0}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent-blue),var(--accent-green));border-radius:2px;animation:progress 2s ease-in-out infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}@keyframes dots{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}@keyframes skeleton-loading{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes shimmer{0%{left:-100%}to{left:100%}}@keyframes progress{0%{width:0}50%{width:70%}to{width:100%}}.fade-in{animation:fadeIn .5s ease-in-out}.animate-fade-in{animation:fadeIn .6s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.slide-in{animation:slideIn .6s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.bounce-in{animation:bounceIn .8s ease-out}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (min-width:480px){.main-content{padding:var(--spacing-xl) var(--spacing-xl)}.card{padding:var(--spacing-2xl)}.button{padding:var(--spacing-lg) var(--spacing-xl)}}@media (min-width:768px){:root{--spacing-md:1.25rem;--spacing-lg:2rem;--spacing-xl:2.5rem}.main-content{padding:var(--spacing-2xl) var(--spacing-xl)}.profile-content{flex-direction:row;align-items:flex-start;gap:var(--spacing-2xl)}.avatar-section{flex-shrink:0}.profile-details{flex:1 1}.detail-item{flex-direction:row;justify-content:space-between;align-items:center}.detail-label{min-width:150px;margin-bottom:0}.wallet-info-section{flex-direction:row;gap:var(--spacing-2xl)}.info-item{flex:1 1}.earnings-item{padding:var(--spacing-xl)}.invite-link-row,.modal-actions{flex-direction:row}.modal-actions .button{flex:1 1}}@media (min-width:1024px){.main-content{padding:var(--spacing-2xl) var(--spacing-2xl)}.card{padding:var(--spacing-2xl)}.bottom-nav{display:none}.main-content{padding-bottom:var(--spacing-2xl)}}@media (min-width:1280px){.container{max-width:1400px}.main-content{padding:var(--spacing-2xl) var(--spacing-2xl)}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.button:focus-visible,.nav-item:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}@media (prefers-contrast:high){:root{--border-color:#ffffff;--text-muted:#ffffff}}@media print{.bottom-nav,.button,.header{display:none}.main-content{padding:0}.card{box-shadow:none;border:1px solid #000}}.bg-purple-500\/20{background-color:rgba(147,51,234,.2)}.bg-purple-600\/20{background-color:rgba(124,58,237,.2)}.bg-indigo-500\/20{background-color:rgba(99,102,241,.2)}.bg-indigo-600\/20{background-color:rgba(79,70,229,.2)}.bg-purple-500{background-color:#a855f7}.bg-purple-600{background-color:#9333ea}.bg-purple-700{background-color:#7c3aed}.bg-indigo-500{background-color:#6366f1}.bg-indigo-600{background-color:#4f46e5}.bg-indigo-700{background-color:#4338ca}.text-purple-400{color:#c084fc}.text-purple-500{color:#a855f7}.text-purple-600{color:#9333ea}.text-purple-700{color:#7c3aed}.text-indigo-400{color:#818cf8}.text-indigo-500{color:#6366f1}.text-indigo-600{color:#4f46e5}.text-indigo-700{color:#4338ca}.from-purple-600\/20{--tw-gradient-from:rgba(124,58,237,0.2);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(124,58,237,0))}.via-indigo-600\/20{--tw-gradient-stops:var(--tw-gradient-from),rgba(79,70,229,0.2),var(--tw-gradient-to,rgba(79,70,229,0))}.to-blue-600\/20{--tw-gradient-to:rgba(37,99,235,0.2)}.from-purple-500\/5{--tw-gradient-from:rgba(147,51,234,0.05);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(147,51,234,0))}.to-indigo-500\/5{--tw-gradient-to:rgba(99,102,241,0.05)}.from-purple-500{--tw-gradient-from:#a855f7;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(168,85,247,0))}.from-purple-600{--tw-gradient-from:#9333ea;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(147,51,234,0))}.to-indigo-600{--tw-gradient-to:#4f46e5}.from-purple-700{--tw-gradient-from:#7c3aed;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(124,58,237,0))}.to-indigo-700{--tw-gradient-to:#4338ca}.hover\:from-purple-700:hover{--tw-gradient-from:#7c3aed;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(124,58,237,0))}.hover\:to-indigo-700:hover{--tw-gradient-to:#4338ca}.hover\:shadow-purple-500\/25:hover{box-shadow:0 25px 50px -12px rgba(147,51,234,.25)}.disabled\:from-gray-600:disabled{--tw-gradient-from:#4b5563;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(75,85,99,0))}.disabled\:to-gray-700:disabled{--tw-gradient-to:#374151}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.focus\:border-purple-500\/50:focus{border-color:rgba(147,51,234,.5)}.placeholder-gray-400::placeholder{color:#9ca3af}.bg-gray-800\/50{background-color:rgba(31,41,55,.5)}.bg-gray-900\/50{background-color:rgba(17,24,39,.5)}.border-gray-600\/50{border-color:rgba(75,85,99,.5)}.border-gray-700\/50{border-color:rgba(55,65,81,.5)}.space-y-8>:not(:first-child){margin-top:2rem}.max-w-2xl{max-width:42rem}.relative{position:relative}.absolute{position:absolute}.left-3{left:.75rem}.top-1\/2{top:50%}.-translate-y-1\/2,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%}.pl-12{padding-left:3rem}.pr-4{padding-right:1rem}.mt-1{margin-top:.25rem}.backdrop-blur-xl{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.rounded-3xl{border-radius:1.5rem}.shadow-purple-500\/25{box-shadow:0 25px 50px -12px rgba(147,51,234,.25)}.border-2{border-width:2px}.bg-emerald-500\/20{background-color:rgba(16,185,129,.2)}.bg-rose-500\/20{background-color:rgba(244,63,94,.2)}.border-emerald-500\/50{border-color:rgba(16,185,129,.5)}.border-rose-500\/50{border-color:rgba(244,63,94,.5)}.text-emerald-400{color:#34d399}.text-emerald-300{color:#6ee7b7}.text-rose-400{color:#fb7185}.text-rose-300{color:#fda4af}.bg-cyan-500{background-color:#06b6d4}.bg-pink-500{background-color:#ec4899}.text-cyan-500{color:#06b6d4}.text-pink-500{color:#ec4899}.bg-orange-500{background-color:#f97316}.text-orange-400{color:#fb923c}.animate-spin{height:28px;width:38px}@media (min-width:480px){.animate-spin{height:36px;width:36px}}@media (min-width:768px){.animate-spin{height:50px;width:60px}}.spinning-wheel-container{display:flex;flex-direction:column;align-items:center;padding:1rem;max-width:100%;margin:0 auto;min-height:100vh;justify-content:center}.wheel-container{position:relative;width:280px;height:280px;margin:1rem auto}@media (min-width:480px){.wheel-container{width:320px;height:320px}}@media (min-width:768px){.wheel-container{width:400px;height:400px}}.wheel{border-radius:50%;position:relative;border:4px solid #333;box-shadow:0 0 30px rgba(0,0,0,.6),inset 0 0 20px rgba(0,0,0,.2);background:#2a2a2a;overflow:hidden}.wheel,.wheel-segment{width:100%;height:100%}.wheel-segment{position:absolute;display:flex;align-items:center;justify-content:center}.segment-svg{pointer-events:none;z-index:1}.segment-svg path{transition:all .3s ease}.segment-text{position:absolute;left:50%;transform-origin:-20px 156px;font-weight:700;font-size:9px;text-align:center;white-space:nowrap;max-width:80px;overflow:hidden;text-overflow:ellipsis;text-shadow:1px 1px 2px rgba(0,0,0,.8);letter-spacing:.1px;z-index:3;font-family:Arial,sans-serif}@media (min-width:480px){.segment-text{top:35px;transform-origin:0 125px;font-size:10px;max-width:100px}}@media (min-width:768px){.segment-text{top:40px;transform-origin:0 160px;font-size:11px;max-width:120px}}.wheel-pointer{position:absolute;top:93px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:25px solid #ff3333;z-index:10;filter:drop-shadow(0 3px 6px rgba(0,0,0,.4))}@media (min-width:480px){.wheel-pointer{top:-18px;border-left:18px solid transparent;border-right:18px solid transparent;border-bottom:30px solid #ff3333}}@media (min-width:768px){.wheel-pointer{top:136px;border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:35px solid #ff3333}}.wheel-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;background:radial-gradient(circle,#ffffff 0,#f5f5f5 20%,#e0e0e0 60%,#c0c0c0 100%);border-radius:50%;border:3px solid #666;box-shadow:0 0 15px rgba(0,0,0,.7),inset 0 2px 6px rgba(255,255,255,.4);z-index:10}@media (min-width:480px){.wheel-center{width:60px;height:60px;border:3px solid #666}}@media (min-width:768px){.wheel-center{width:70px;height:70px;border:4px solid #666;box-shadow:0 0 25px rgba(0,0,0,.7),inset 0 3px 8px rgba(255,255,255,.4)}}.wheel-controls{display:flex;flex-direction:column;gap:.75rem;margin:1.5rem 0;width:100%;max-width:300px}@media (min-width:480px){.wheel-controls{flex-direction:row;gap:1rem;max-width:400px}}.spin-button{padding:.875rem 1.5rem;font-size:1rem;font-weight:700;background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));color:white;border:none;border-radius:25px;cursor:pointer;transition:all .3s ease;box-shadow:0 3px 12px rgba(0,0,0,.2);width:100%}@media (min-width:480px){.spin-button{padding:1rem 2rem;font-size:1.1rem;border-radius:30px;width:auto}}@media (min-width:768px){.spin-button{padding:1rem 2rem;font-size:1.2rem;border-radius:50px}}.spin-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.3)}.spin-button:disabled{opacity:.6;cursor:not-allowed}.spin-button.spinning{animation:pulse .5s infinite}.reset-button{padding:.75rem 1.25rem;font-size:.9rem;font-weight:700;background:#666;color:white;border:none;border-radius:20px;cursor:pointer;transition:all .3s ease;width:100%}@media (min-width:480px){.reset-button{padding:1rem 2rem;font-size:1rem;border-radius:25px;width:auto}}.reset-button:hover{background:#777;transform:translateY(-1px)}.result-display{text-align:center;margin:2rem 0;padding:2rem;background:rgba(255,255,255,.05);border-radius:15px;border:2px solid var(--accent-blue)}.result-prize{font-size:2rem;font-weight:700;margin:1rem 0;text-shadow:0 2px 4px rgba(0,0,0,.3)}.jackpot-celebration{font-size:1.5rem;margin-top:1rem;animation:celebrate 1s infinite alternate}@keyframes celebrate{0%{transform:scale(1)}to{transform:scale(1.1)}}.game-status{text-align:center;margin-bottom:1rem}.status-badge{display:inline-block;padding:.5rem 1rem;border-radius:20px;font-weight:700;font-size:1rem;margin-bottom:.5rem}.status-badge.pending{background:#f39c12;color:white}.status-badge.running{background:#e74c3c;color:white;animation:pulse 1s infinite}.countdown-timer{background:rgba(255,255,255,.1);padding:1rem;border-radius:10px;border:2px solid var(--accent-blue)}.timer-label{display:block;font-size:.9rem;color:#ccc;margin-bottom:.5rem}.timer-value{font-size:2rem;font-weight:700;color:var(--accent-blue);font-family:monospace}.game-ended{background:#27ae60;color:white;padding:1rem;border-radius:10px;font-weight:700;animation:celebrate 1s infinite alternate}.game-info{text-align:center;margin:1.5rem 0;padding:0 1rem}.participants-count{font-size:1.1rem;color:var(--accent-blue);margin-bottom:1rem}@media (min-width:480px){.participants-count{font-size:1.2rem}}.participants-grid{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;max-width:100%;margin:0 auto}.participant-tag{background:rgba(255,255,255,.1);color:#ccc;padding:.25rem .5rem;border-radius:12px;font-size:.8rem;border:1px solid rgba(255,255,255,.2)}@media (min-width:480px){.participant-tag{font-size:.9rem;padding:.25rem .5rem;border-radius:15px}}.wheel-instructions{text-align:center;padding:0 1rem;margin-top:1rem}.wheel-instructions p{font-size:.9rem;line-height:1.4;margin-bottom:.5rem}@media (min-width:480px){.wheel-instructions p{font-size:1rem}}