@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&display=swap";.ultimate-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;color:var(--text-primary);position:relative;overflow:hidden}.loader-container{position:relative;width:200px;height:200px;margin-bottom:32px}.loader-rings{position:absolute;top:0;left:0;width:100%;height:100%}.ring{position:absolute;border-radius:50%;border:3px solid transparent;animation:ringRotate 3s linear infinite}.ring-1{top:0;left:0;width:100%;height:100%;border-top-color:var(--accent-blue);border-right-color:var(--accent-blue);animation-duration:2s}.ring-2{top:20px;left:20px;width:calc(100% - 40px);height:calc(100% - 40px);border-bottom-color:var(--accent-purple);border-left-color:var(--accent-purple);animation-duration:2.5s;animation-direction:reverse}.ring-3{top:40px;left:40px;width:calc(100% - 80px);height:calc(100% - 80px);border-top-color:var(--accent-pink);border-bottom-color:var(--accent-pink);animation-duration:3s}.loader-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:logoFloat 2s ease-in-out infinite;filter:drop-shadow(0 0 30px rgba(255,215,0,.8));z-index:2;display:flex;justify-content:center;align-items:center}.loader-logo-image{width:80px;height:80px;object-fit:cover;border-radius:50%;border:2px solid rgba(255,215,0,.6);box-shadow:0 0 20px #ffd70099,0 0 40px #00ffff4d,inset 0 0 15px #ffffff1a;filter:drop-shadow(0 0 20px rgba(255,215,0,.6));background:#0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.loader-text{font-family:Orbitron,Inter,sans-serif;font-size:1.5rem;font-weight:600;background:var(--gold-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;animation:textGlow 2s ease-in-out infinite;margin-bottom:40px}.loader-particles{position:absolute;width:300px;height:300px;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.loader-particle{position:absolute;width:4px;height:4px;background:var(--gold-gradient);border-radius:50%;top:50%;left:50%;transform-origin:0 150px;animation:particleOrbit 4s linear infinite;animation-delay:var(--delay);box-shadow:0 0 10px #ffd70099}.loader-particle:before{content:"";position:absolute;width:100%;height:100%;background:inherit;border-radius:50%;animation:particlePulse 1s ease-in-out infinite;animation-delay:var(--delay)}@keyframes ringRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes logoFloat{0%,to{transform:translate(-50%,-50%) scale(1) rotateY(0)}50%{transform:translate(-50%,-50%) scale(1.1) rotateY(180deg)}}@keyframes textGlow{0%,to{text-shadow:0 0 20px rgba(255,215,0,.5)}50%{text-shadow:0 0 40px rgba(255,215,0,.8),0 0 60px rgba(102,126,234,.3)}}@keyframes particleOrbit{0%{transform:rotate(var(--angle)) translate(150px) rotate(calc(-1 * var(--angle)))}to{transform:rotate(calc(var(--angle) + 360deg)) translate(150px) rotate(calc(-1 * (var(--angle) + 360deg)))}}@keyframes particlePulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.7}}@media (max-width: 600px){.loader-container{width:150px;height:150px}.loader-logo-image{width:60px;height:60px}.loader-text{font-size:1.2rem;padding:0 20px}.loader-particles{width:200px;height:200px}.loader-particle{transform-origin:0 100px}@keyframes particleOrbit{0%{transform:rotate(var(--angle)) translate(100px) rotate(calc(-1 * var(--angle)))}to{transform:rotate(calc(var(--angle) + 360deg)) translate(100px) rotate(calc(-1 * (var(--angle) + 360deg)))}}}.notification{position:fixed;top:20px;right:20px;z-index:10000;max-width:400px;min-width:300px;border-radius:16px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.2);box-shadow:0 20px 40px #0006,0 0 0 1px #ffffff1a inset;transition:all .3s cubic-bezier(.175,.885,.32,1.275);transform:translate(100%);opacity:0}.notification.visible{transform:translate(0);opacity:1}.notification.hidden{transform:translate(100%);opacity:0}.notification.success{background:#10b98126;border-color:#10b98166}.notification.error{background:#ef444426;border-color:#ef444466}.notification.info{background:#3b82f626;border-color:#3b82f666}.notification-content{display:flex;align-items:center;gap:12px;padding:16px 20px;position:relative}.notification-icon{font-size:20px;flex-shrink:0}.notification-message{color:#fff;font-size:14px;font-weight:600;flex:1;text-shadow:0 1px 2px rgba(0,0,0,.5);line-height:1.4}.notification-close{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fffc;border-radius:8px;width:28px;height:28px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}.notification-close:hover{background:#fff3;color:#fff}@media (max-width: 600px){.notification{top:10px;right:10px;left:10px;max-width:none;min-width:auto}.notification-content{padding:14px 16px;gap:10px}.notification-message{font-size:13px}.notification-icon{font-size:18px}.notification-close{width:24px;height:24px;font-size:11px}}@media (max-width: 480px){.notification{top:8px;right:8px;left:8px}.notification-content{padding:12px 14px}}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease}.confirm-box{background:#14141ef2;border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:32px 28px;max-width:320px;width:90%;text-align:center;box-shadow:0 24px 64px #0009;animation:popIn .25s cubic-bezier(.175,.885,.32,1.275)}@keyframes popIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.confirm-message{color:#fff;font-size:1rem;font-weight:600;line-height:1.5;margin-bottom:24px}.confirm-actions{display:flex;gap:12px}.confirm-no{flex:1;padding:12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.confirm-no:hover{background:#ffffff2e}.confirm-yes{flex:1;padding:12px;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:12px;color:#fff;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 16px #ef444459}.confirm-yes:hover{transform:translateY(-1px);box-shadow:0 8px 24px #ef444480}.container{container-type:inline-size}.responsive-grid{display:grid;gap:clamp(1rem,3vw,2rem);grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr))}.responsive-grid-2{display:grid;gap:clamp(1rem,3vw,2rem);grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr))}.responsive-grid-3{display:grid;gap:clamp(.5rem,2vw,1rem);grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr))}.flex-responsive{display:flex;flex-wrap:wrap;gap:clamp(.5rem,2vw,1.5rem)}.flex-responsive>*{flex:1 1 auto;min-width:0}.space-y-responsive>*+*{margin-top:clamp(.5rem,2vw,1rem)}.space-x-responsive>*+*{margin-left:clamp(.5rem,2vw,1rem)}.p-responsive{padding:clamp(1rem,4vw,2rem)}.px-responsive{padding-left:clamp(1rem,4vw,2rem);padding-right:clamp(1rem,4vw,2rem)}.py-responsive{padding-top:clamp(1rem,4vw,2rem);padding-bottom:clamp(1rem,4vw,2rem)}.m-responsive{margin:clamp(1rem,4vw,2rem)}.mx-responsive{margin-left:clamp(1rem,4vw,2rem);margin-right:clamp(1rem,4vw,2rem)}.my-responsive{margin-top:clamp(1rem,4vw,2rem);margin-bottom:clamp(1rem,4vw,2rem)}.text-responsive-xs{font-size:clamp(.75rem,2vw,.875rem)}.text-responsive-sm{font-size:clamp(.875rem,2.5vw,1rem)}.text-responsive-base{font-size:clamp(1rem,3vw,1.125rem)}.text-responsive-lg{font-size:clamp(1.125rem,3.5vw,1.25rem)}.text-responsive-xl{font-size:clamp(1.25rem,4vw,1.5rem)}.text-responsive-2xl{font-size:clamp(1.5rem,5vw,2rem)}.text-responsive-3xl{font-size:clamp(2rem,6vw,3rem)}.text-responsive-4xl{font-size:clamp(3rem,8vw,4rem)}.rounded-responsive{border-radius:clamp(.5rem,2vw,1rem)}.rounded-responsive-lg{border-radius:clamp(1rem,3vw,1.5rem)}.rounded-responsive-xl{border-radius:clamp(1.5rem,4vw,2rem)}.shadow-responsive{box-shadow:0 clamp(4px,1vw,8px) clamp(16px,4vw,32px) 0 #0000001a,0 0 0 1px #ffffff0d inset}.img-responsive{width:100%;height:auto;max-width:100%;object-fit:cover}.img-responsive-contain{width:100%;height:auto;max-width:100%;object-fit:contain}.aspect-responsive-square{aspect-ratio:1/1}.aspect-responsive-video{aspect-ratio:16/9}.aspect-responsive-photo{aspect-ratio:4/3}.block-mobile{display:block}.hidden-mobile{display:none}.flex-mobile{display:flex}.grid-mobile{display:grid}@media (min-width: 768px){.block-tablet{display:block}.hidden-tablet{display:none}.flex-tablet{display:flex}.grid-tablet{display:grid}.hidden-mobile{display:block}.block-mobile{display:none}}@media (min-width: 1024px){.block-desktop{display:block}.hidden-desktop{display:none}.flex-desktop{display:flex}.grid-desktop{display:grid}.hidden-tablet{display:block}.block-tablet{display:none}}.w-responsive-full{width:100%}.w-responsive-auto{width:auto}.w-responsive-fit{width:fit-content}.max-w-responsive-xs{max-width:min(20rem,90vw)}.max-w-responsive-sm{max-width:min(24rem,90vw)}.max-w-responsive-md{max-width:min(28rem,90vw)}.max-w-responsive-lg{max-width:min(32rem,90vw)}.max-w-responsive-xl{max-width:min(36rem,90vw)}.max-w-responsive-2xl{max-width:min(42rem,90vw)}.h-responsive-screen{height:100vh;height:100dvh}.min-h-responsive-screen{min-height:100vh;min-height:100dvh}@media (hover: none) and (pointer: coarse){.touch-target{min-height:44px;min-width:44px}.touch-padding{padding:max(12px,1rem)}}.flex-col-mobile{flex-direction:column}@media (min-width: 768px){.flex-row-tablet,.flex-col-mobile{flex-direction:row}}.text-center-mobile{text-align:center}.text-left-mobile{text-align:left}.text-right-mobile{text-align:right}@media (min-width: 768px){.text-center-tablet{text-align:center}.text-left-tablet{text-align:left}.text-right-tablet{text-align:right}}@media (min-width: 1024px){.text-center-desktop{text-align:center}.text-left-desktop{text-align:left}.text-right-desktop{text-align:right}}.overflow-responsive{overflow:auto;-webkit-overflow-scrolling:touch}.overflow-x-responsive{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.sticky-responsive{position:sticky;top:clamp(1rem,3vw,2rem)}.safe-area-inset{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}@media (prefers-reduced-motion: reduce){.animate-responsive{animation:none!important;transition:none!important}}@container (max-width: 400px){.container-sm{padding:1rem;font-size:.875rem}}@container (min-width: 401px) and (max-width: 600px){.container-md{padding:1.5rem;font-size:1rem}}@container (min-width: 601px){.container-lg{padding:2rem;font-size:1.125rem}}@media print{.print-hidden{display:none!important}.print-visible{display:block!important}*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}}*{margin:0;padding:0;box-sizing:border-box}:root{--neural-dark: #000000;--background-primary: #000000;--background-secondary: #111111;--background-card: rgba(255, 255, 255, .05);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .8);--text-muted: rgba(255, 255, 255, .6);--text-neural: #ffffff;--text-apex: #00ffff;--text-nexus: #ff00ff;--text-hyper: #ffffff;--accent-neural: #8b00ff;--accent-apex: #ff00ff;--accent-nexus: #00ffff;--accent-hyper: #ffd700;--accent-blue: #667eea;--glass-bg: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .15);--glass-border-neural: rgba(255, 255, 255, .2);--glass-border-ultra: rgba(255, 255, 255, .25);--shadow-premium: 0 20px 40px rgba(0, 0, 0, .4), 0 0 0 1px rgba(255, 255, 255, .1) inset;--shadow-ultimate: 0 25px 50px rgba(0, 0, 0, .5), 0 0 0 1px rgba(255, 255, 255, .1) inset;--shadow-glow: 0 0 30px rgba(255, 255, 255, .2);--nexus-gold: linear-gradient(135deg, #ffd700 0%, #ffed4e 50%, #ffd700 100%);--quantum-gold: linear-gradient(135deg, #ffd700 0%, #ffed4e 50%, #ffd700 100%);--gold-gradient: linear-gradient(135deg, #ffd700 0%, #ffed4e 50%, #ffd700 100%);--holographic-gradient: linear-gradient(135deg, rgba(255, 255, 255, .1) 0%, transparent 50%, rgba(255, 255, 255, .05) 100%)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#000;min-height:100vh;min-height:100dvh;padding:16px;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));padding-top:max(16px,env(safe-area-inset-top));padding-bottom:max(16px,env(safe-area-inset-bottom));position:relative;overflow-x:hidden;color:#fff}h1,h2,h3,h4,h5,h6{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5)}p,span,div,label{color:#fff}label{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.7);font-weight:600}input::placeholder,textarea::placeholder{color:#ffffffb3!important}.card-3d,.glass,.tab-content{color:#fff}.card-3d h3,.glass h3,.tab-content h3{color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.5)}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 15% 15%,rgba(139,0,255,.3) 0%,transparent 40%),radial-gradient(circle at 85% 85%,rgba(255,0,255,.3) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(0,255,255,.2) 0%,transparent 50%),radial-gradient(circle at 30% 70%,rgba(255,215,0,.15) 0%,transparent 40%);pointer-events:none;z-index:0;animation:neuralPulse 30s ease-in-out infinite}body:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,255,.03) 2px,rgba(0,255,255,.03) 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(255,0,255,.03) 2px,rgba(255,0,255,.03) 4px);pointer-events:none;z-index:1;animation:neuralGrid 20s linear infinite}#root{max-width:540px;margin:0 auto;position:relative;z-index:1}@media (min-width: 768px){body{padding:24px}#root{max-width:640px}}@media (min-width: 1024px){body{padding:32px}#root{max-width:720px}}@media (min-width: 1440px){#root{max-width:800px}}@media (max-width: 380px){body{padding:12px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(80px) rotateX(25deg) scale(.85);filter:blur(10px)}to{opacity:1;transform:translateY(0) rotateX(0) scale(1);filter:blur(0px)}}@keyframes slideIn{0%{opacity:0;transform:translate(-80px) rotateY(-15deg) scale(.9);filter:blur(8px)}to{opacity:1;transform:translate(0) rotateY(0) scale(1);filter:blur(0px)}}@keyframes pulse3D{0%,to{transform:scale(1) translateZ(0) rotateY(0);box-shadow:0 20px 40px #0000004d}50%{transform:scale(1.08) translateZ(30px) rotateY(8deg);box-shadow:0 40px 80px #00000080}}@keyframes shimmer{0%{background-position:-3000px 0}to{background-position:3000px 0}}@keyframes float{0%,to{transform:translateY(0) rotateX(0) rotate(0)}25%{transform:translateY(-25px) rotateX(5deg) rotate(2deg)}50%{transform:translateY(-15px) rotateX(-3deg) rotate(-2deg)}75%{transform:translateY(-20px) rotateX(4deg) rotate(1deg)}}@keyframes glow{0%,to{text-shadow:0 0 20px rgba(255,255,255,.5),0 0 40px rgba(255,255,255,.3),0 2px 4px rgba(0,0,0,.3)}50%{text-shadow:0 0 30px rgba(255,255,255,.8),0 0 60px rgba(255,255,255,.5),0 2px 4px rgba(0,0,0,.3)}}@keyframes rotate3D{0%{transform:rotateY(0) rotateX(0) rotate(0)}to{transform:rotateY(360deg) rotateX(20deg) rotate(10deg)}}@keyframes neuralPulse{0%,to{opacity:1;transform:scale(1) rotate(0)}25%{opacity:.85;transform:scale(1.05) rotate(1deg)}50%{opacity:.95;transform:scale(.95) rotate(-1deg)}75%{opacity:.9;transform:scale(1.02) rotate(.5deg)}}@keyframes hyperSpin{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.1)}to{transform:rotate(360deg) scale(1)}}.glass{background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #1f268726,0 0 0 1px #ffffff1a inset}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ffffff80}.glass{background:#ffffff14;backdrop-filter:blur(50px) saturate(180%);-webkit-backdrop-filter:blur(50px) saturate(180%);border:2px solid rgba(255,255,255,.15);box-shadow:0 20px 40px #0006,0 0 0 1px #ffffff1a inset,0 4px #ffffff1a inset;border-radius:30px;position:relative;overflow:hidden;transform-style:preserve-3d;transition:all .6s cubic-bezier(.175,.885,.32,1.275)}.glass:before{content:"";position:absolute;top:0;left:-300%;width:300%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),rgba(255,255,255,.2),transparent);transition:left 1s}.glass:hover{transform:translateY(-8px) rotateX(5deg) translateZ(20px);box-shadow:0 40px 80px #0009,0 0 0 1px #fff3 inset;border-color:#ffffff4d}.glass:hover:before{left:300%}.card-3d{background:#ffffff14;backdrop-filter:blur(50px) saturate(180%);-webkit-backdrop-filter:blur(50px) saturate(180%);border:2px solid rgba(255,255,255,.15);border-radius:35px;padding:40px;box-shadow:0 20px 40px #0006;transform-style:preserve-3d;transition:all .8s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.card-3d:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%,rgba(255,255,255,.05) 100%);opacity:.05;border-radius:35px;pointer-events:none;animation:neuralPulse 6s ease-in-out infinite}.card-3d:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,rgba(255,255,255,.1),transparent 30%);animation:hyperSpin 8s linear infinite;pointer-events:none}.card-3d:hover{transform:translateY(-20px) rotateX(10deg) rotateY(10deg) translateZ(40px);box-shadow:0 40px 80px #0009,0 0 60px #fff3,0 80px 160px -40px #0009;border-color:#ffffff4d}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.floating-element,.particle{animation:none}}.card-3d,.glass,.btn-ultimate,.input-ultimate,.logo,.admin-toggle{will-change:transform}.particle{will-change:transform,opacity}.logo:hover{transform:rotateY(20deg) rotateX(8deg) scale(1.08) translateZ(0)}.card-3d:hover{transform:translateY(-20px) rotateX(10deg) rotateY(10deg) translateZ(40px) translateZ(0)}.btn-ultimate:hover,.login-btn:hover,.signup-btn:hover{transform:translateY(-8px) translateZ(20px) rotateX(8deg) translateZ(0)}body:before,body:after{will-change:transform,opacity}@media (max-width: 768px){.particle:nth-child(n+6){display:none}}@font-face{font-family:Inter;font-display:swap}@font-face{font-family:Orbitron;font-display:swap}img{image-rendering:optimizeQuality}*{scroll-behavior:smooth}.login-form,.signup-form,.admin-toggle,.wallet,.admin-panel{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}
