:root{--bg-main: #0a0f1a;--bg-panel: #0f172a;--bg-panel-hover: #1e293b;--bg-card: linear-gradient(135deg, rgba(15, 23, 42, .9) 0%, rgba(30, 41, 59, .8) 100%);--bg-glass: rgba(15, 23, 42, .7);--bg-glass-strong: rgba(15, 23, 42, .9);--color-primary: #a855f7;--color-primary-hover: #9333ea;--color-primary-light: #c084fc;--color-primary-rgb: 168, 85, 247;--color-accent-cyan: #22d3ee;--color-accent-pink: #f472b6;--color-accent-green: #34d399;--color-accent-amber: #fbbf24;--gradient-primary: linear-gradient(135deg, #a855f7 0%, #6366f1 100%);--gradient-secondary: linear-gradient(135deg, #06b6d4 0%, #3b82f6 100%);--gradient-success: linear-gradient(135deg, #10b981 0%, #059669 100%);--gradient-danger: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--gradient-gold: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--gradient-glass: linear-gradient(135deg, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, .05) 100%);--gradient-shine: linear-gradient(45deg, transparent 30%, rgba(255, 255, 255, .1) 50%, transparent 70%);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--text-accent: var(--color-primary-light);--border-default: rgba(51, 65, 85, .5);--border-glass: rgba(255, 255, 255, .1);--border-glow: rgba(168, 85, 247, .5);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .6);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .7);--shadow-glow: 0 0 20px rgba(168, 85, 247, .3);--shadow-glow-strong: 0 0 40px rgba(168, 85, 247, .5);--shadow-glow-cyan: 0 0 20px rgba(34, 211, 238, .3);--shadow-inner: inset 0 2px 4px rgba(0, 0, 0, .3);--blur-glass: blur(12px);--blur-strong: blur(20px);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .5s cubic-bezier(.68, -.55, .265, 1.55);--app-main: var(--bg-main);--app-panel: var(--bg-panel);--app-primary: var(--color-primary);--app-text: var(--text-primary)}*{transition-property:background-color,border-color,color,box-shadow,transform,opacity;transition-duration:var(--transition-base);transition-timing-function:cubic-bezier(.4,0,.2,1)}body{background-color:var(--bg-main);color:var(--text-primary);overflow-x:hidden;background-image:radial-gradient(ellipse at 20% 0%,rgba(168,85,247,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(34,211,238,.06) 0%,transparent 50%);background-attachment:fixed}html,#root{overflow-x:hidden;max-width:100vw}.glass{background:var(--bg-glass);backdrop-filter:var(--blur-glass);-webkit-backdrop-filter:var(--blur-glass);border:1px solid var(--border-glass)}.glass-strong{background:var(--bg-glass-strong);backdrop-filter:var(--blur-strong);-webkit-backdrop-filter:var(--blur-strong);border:1px solid var(--border-glass)}.bg-main{background-color:var(--bg-main)}.bg-panel{background-color:var(--bg-panel)}.bg-panel-hover{background-color:var(--bg-panel-hover)}.bg-gradient-primary{background:var(--gradient-primary)}.bg-gradient-secondary{background:var(--gradient-secondary)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.border-default{border-color:var(--border-default)}.border-glass{border-color:var(--border-glass)}.border-glow{border-color:var(--border-glow);box-shadow:var(--shadow-glow)}.btn-premium{background:var(--gradient-primary);color:#fff;font-weight:600;padding:.75rem 1.5rem;border-radius:.75rem;border:none;box-shadow:var(--shadow-lg),var(--shadow-glow);position:relative;overflow:hidden;transition:all var(--transition-base)}.btn-premium:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--gradient-shine);transition:left .5s ease}.btn-premium:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl),var(--shadow-glow-strong)}.btn-premium:hover:before{left:100%}.btn-premium:active{transform:scale(.98) translateY(0)}.card-glass{background:var(--bg-glass);backdrop-filter:var(--blur-glass);-webkit-backdrop-filter:var(--blur-glass);border:1px solid var(--border-glass);border-radius:1rem;box-shadow:var(--shadow-lg);transition:all var(--transition-base)}.card-glass:hover{border-color:var(--border-glow);box-shadow:var(--shadow-xl),var(--shadow-glow);transform:translateY(-4px)}.input-premium{background:#0f172acc;border:1px solid var(--border-glass);border-radius:.75rem;padding:.75rem 1rem;color:var(--text-primary);transition:all var(--transition-base)}.input-premium::placeholder{color:var(--text-muted)}.input-premium:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #a855f733,var(--shadow-glow)}.tab-glow.active{color:var(--color-primary-light);border-bottom:2px solid var(--color-primary);box-shadow:0 2px 10px #a855f766}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:var(--shadow-glow)}50%{box-shadow:var(--shadow-glow-strong)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-float{animation:float 3s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.animate-shimmer{background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);background-size:200% 100%;animation:shimmer 2s infinite}.animate-fade-in-up{animation:fade-in-up .5s ease-out forwards}.animate-scale-in{animation:scale-in .3s ease-out forwards}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}.skeleton{background:linear-gradient(90deg,var(--bg-panel) 0%,var(--bg-panel-hover) 50%,var(--bg-panel) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:.5rem}.hover-lift{transition:transform var(--transition-base),box-shadow var(--transition-base)}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.hover-glow{transition:box-shadow var(--transition-base)}.hover-glow:hover{box-shadow:var(--shadow-glow)}.hover-scale{transition:transform var(--transition-fast)}.hover-scale:hover{transform:scale(1.05)}.hover-scale:active{transform:scale(.98)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-main);border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--bg-panel-hover),var(--border-default));border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.custom-scrollbar::-webkit-scrollbar{width:4px}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:2px}::selection{background-color:#a855f766;color:var(--text-primary)}.glow-border{position:relative}.glow-border:before{content:"";position:absolute;inset:-1px;background:var(--gradient-primary);border-radius:inherit;z-index:-1;opacity:0;transition:opacity var(--transition-base)}.glow-border:hover:before{opacity:1;filter:blur(8px)}.safe-area-container{padding-top:var(--safe-area-top);padding-bottom:var(--safe-area-bottom);padding-left:var(--safe-area-left);padding-right:var(--safe-area-right)}.safe-area-header{padding-top:calc(1rem + var(--safe-area-top))}.safe-area-footer{padding-bottom:calc(1rem + var(--safe-area-bottom))}.safe-area-full-height{min-height:calc(100vh - var(--safe-area-top) - var(--safe-area-bottom))}.safe-area-fixed-top{top:var(--safe-area-top)}.safe-area-fixed-bottom{bottom:var(--safe-area-bottom)}.safe-area-inset{padding-top:max(1rem,var(--safe-area-top));padding-bottom:max(1rem,var(--safe-area-bottom));padding-left:max(1rem,var(--safe-area-left));padding-right:max(1rem,var(--safe-area-right))}@media (display-mode: standalone){body{-webkit-overflow-scrolling:touch}body{overscroll-behavior-y:contain}}@supports (padding: max(0px)){.ios-status-bar-padding{padding-top:max(20px,var(--safe-area-top))}}@media (max-width: 768px){button,a{min-height:44px;min-width:44px}}button{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth}@supports (-webkit-touch-callout: none){input,select,textarea{font-size:16px}input,textarea,button{-webkit-appearance:none;appearance:none;border-radius:0}}