.skeleton-loader{position:relative;overflow:hidden;border-radius:8px;background:linear-gradient(90deg,rgba(255,255,255,.1) 25%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.1) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-loader:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmerOverlay 2s infinite}@keyframes shimmerOverlay{0%{left:-100%}to{left:100%}}.skeleton-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:12px;overflow:hidden}.skeleton-avatar{border:2px solid rgba(255,255,255,.1)}.skeleton-button{border:1px solid rgba(220,20,60,.2)}.skeleton-text-container{display:flex;flex-direction:column}@media (max-width: 768px){.skeleton-card{margin:0 8px}.skeleton-loader{border-radius:6px}}@keyframes springBounce{0%{transform:scale(1) translateY(0)}20%{transform:scale(1.1) translateY(-5px)}40%{transform:scale(.95) translateY(2px)}60%{transform:scale(1.02) translateY(-1px)}80%{transform:scale(.98) translateY(.5px)}to{transform:scale(1) translateY(0)}}@keyframes elasticIn{0%{transform:scale(0)}55%{transform:scale(1.2)}75%{transform:scale(.9)}90%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes floatingGlow{0%,to{transform:translateY(0) scale(1);filter:drop-shadow(0 0 8px currentColor)}50%{transform:translateY(-8px) scale(1.02);filter:drop-shadow(0 4px 16px currentColor)}}@keyframes magneticHover{0%{transform:translate(0) scale(1)}to{transform:translate(var(--mouse-x, 0),var(--mouse-y, 0)) scale(1.05)}}@keyframes textWave{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes backgroundPulse{0%,to{background-size:100% 100%;opacity:.8}50%{background-size:110% 110%;opacity:1}}@keyframes borderFlow{0%{border-image-source:linear-gradient(90deg,var(--primary),transparent,var(--primary))}50%{border-image-source:linear-gradient(90deg,transparent,var(--primary),transparent)}to{border-image-source:linear-gradient(90deg,var(--primary),transparent,var(--primary))}}.btn-enhanced{position:relative;overflow:hidden;transform-origin:center;transition:all .3s cubic-bezier(.23,1,.32,1)}.btn-enhanced:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s cubic-bezier(.23,1,.32,1)}.btn-enhanced:hover:before{left:100%}.btn-enhanced:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 10px 30px #dc143c66;animation:springBounce .6s ease-out}.btn-enhanced:active{transform:translateY(0) scale(.98);transition:all .1s ease-out}.magnetic{transition:transform .3s cubic-bezier(.23,1,.32,1);cursor:pointer}.magnetic:hover{animation:magneticHover .3s ease-out forwards}.glass-enhanced{background:var(--glass-bg);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid var(--glass-border);border-radius:16px;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.23,1,.32,1)}.glass-enhanced:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 50%);opacity:0;transform:scale(0);transition:all .6s cubic-bezier(.23,1,.32,1)}.glass-enhanced:hover:before{opacity:1;transform:scale(1)}.glass-enhanced:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0003;border-color:#ffffff4d;background:rgba(220,20,60,.12)}.text-reveal{overflow:hidden}.text-reveal span{display:inline-block;animation:textWave 2s ease-in-out infinite}.text-reveal span:nth-child(odd){animation-delay:.1s}.text-reveal span:nth-child(2n){animation-delay:.2s}.stagger-item{opacity:0;transform:translateY(20px);animation:fadeInUp .6s ease-out forwards}.stagger-item:nth-child(1){animation-delay:.1s}.stagger-item:nth-child(2){animation-delay:.2s}.stagger-item:nth-child(3){animation-delay:.3s}.stagger-item:nth-child(4){animation-delay:.4s}.stagger-item:nth-child(5){animation-delay:.5s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.floating-element{animation:floatingGlow 4s ease-in-out infinite}.floating-element:nth-child(odd){animation-delay:1s}@media (hover: hover){.hover-scale:hover{transform:scale(1.05);transition:transform .3s cubic-bezier(.23,1,.32,1)}.hover-glow:hover{box-shadow:0 0 20px var(--primary);filter:brightness(1.1);transition:all .3s ease}.hover-lift:hover{transform:translateY(-8px);box-shadow:0 15px 30px #0003;transition:all .3s cubic-bezier(.23,1,.32,1)}}@media (hover: none){.btn-enhanced:active{transform:scale(.96);transition:transform .1s ease-out}.glass-enhanced:active{transform:scale(.98);transition:transform .1s ease-out}}.parallax-slow{transform:translateY(calc(var(--scroll-y, 0) * .5px))}.parallax-fast{transform:translateY(calc(var(--scroll-y, 0) * -.3px))}.loading-shimmer{background:linear-gradient(90deg,transparent 25%,rgba(255,255,255,.2) 50%,transparent 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.loading-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.click-feedback{position:relative;transform-origin:center}.click-feedback:active:after{content:"";position:absolute;top:50%;left:50%;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);transform:translate(-50%,-50%) scale(0);animation:clickRipple .4s ease-out}@keyframes clickRipple{to{transform:translate(-50%,-50%) scale(1);opacity:0}}.gpu-accelerated{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.will-change-transform{will-change:transform}.will-change-opacity{will-change:opacity}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary: #dc143f;--secondary: #ff3d47;--dark: #2C2F33;--accent: #FF4757;--background: #23272A;--text: #ffffff;--text-secondary: #B9BBBE;--border: #40444B;--glass-bg: rgba(220, 20, 60, .1);--glass-border: rgba(255, 255, 255, .2);--shadow: rgba(0, 0, 0, .3);--gradient-primary: linear-gradient(135deg, #ff3232, #d10000);--gradient-accent: linear-gradient(135deg, #ff2032, #d8000b);--ease-out-cubic: cubic-bezier(.165, .84, .44, 1);--ease-in-out-cubic: cubic-bezier(.645, .045, .355, 1);--ease-out-quart: cubic-bezier(.25, 1, .5, 1)}@media (prefers-color-scheme: dark){:root{--background: #23272A;--text: #ffffff}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}html{font-size:16px;scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:var(--text);background:var(--background);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;position:relative}.glass{background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:12px}.glass-strong{background:rgba(220,20,60,.15);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.3);border-radius:16px}.glass-subtle{background:rgba(220,20,60,.05);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:8px}.gradient-text{background:linear-gradient(90deg,#DC143C 0%,#FF6B6B 25%,#DC143C 50%,#d10000 75%,#DC143C 100%);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600;animation:gradientWave 3s ease-in-out infinite}.gradient-accent-text{background:linear-gradient(90deg,#ff2032 0%,#FF4757 25%,#ff2032 50%,#d8000b 75%,#ff2032 100%);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600;animation:gradientWave 2.5s ease-in-out infinite reverse}.btn{padding:12px 24px;border:none;border-radius:8px;font-weight:500;font-size:14px;cursor:pointer;transition:all .3s var(--ease-out-cubic);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(45deg,#DC143C 0%,#FF6B6B 25%,#dc1452 50%,#d10000 75%,#DC143C 100%);background-size:300% 300%;color:#fff;box-shadow:0 4px 15px #dc143c66;animation:buttonGradientWave 4s ease-in-out infinite;position:relative;overflow:hidden}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #dc143c99;animation:buttonGradientWave 1.5s ease-in-out infinite}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-primary:hover:before{left:100%}.btn-glass{background:var(--glass-bg);color:var(--text);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.btn-glass:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(220,20,60,.1),transparent);animation:glassWave 6s ease-in-out infinite}.btn-glass:hover{background:rgba(220,20,60,.2);border-color:#ffffff4d;transform:translateY(-1px)}.btn-glass:hover:before{animation:glassWave 2s ease-in-out infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}@keyframes glow{0%,to{box-shadow:0 0 5px var(--primary)}50%{box-shadow:0 0 20px var(--primary),0 0 30px var(--primary)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes sparkle{0%,to{opacity:0;transform:scale(0) rotate(0)}50%{opacity:1;transform:scale(1) rotate(180deg)}}@keyframes gradientWave{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes buttonGradientWave{0%,to{background-position:0% 50%}25%{background-position:100% 50%}50%{background-position:200% 50%}75%{background-position:100% 50%}}@keyframes glassWave{0%{left:-100%}50%{left:100%}to{left:100%}}.animate-fade-in{animation:fadeIn .6s var(--ease-out-cubic)}.animate-slide-left{animation:slideInLeft .8s var(--ease-out-cubic)}.animate-slide-right{animation:slideInRight .8s var(--ease-out-cubic)}.animate-pulse{animation:pulse 2s infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-rotate{animation:rotate 4s linear infinite}.wave-text{background:linear-gradient(90deg,#DC143C 0%,#FF6B6B 25%,#FF4757 50%,#d10000 75%,#DC143C 100%);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientWave 3s ease-in-out infinite}.wave-fast{animation-duration:1.5s}.wave-slow{animation-duration:5s}.wave-reverse{animation-direction:reverse}.wave-glow{filter:drop-shadow(0 0 8px rgba(220,20,60,.6));animation:gradientWave 3s ease-in-out infinite,glow 2s ease-in-out infinite}.loading-spinner{width:40px;height:40px;border:3px solid var(--glass-border);border-top:3px solid var(--primary);border-radius:50%;animation:rotate 1s linear infinite}.status-online{width:12px;height:12px;background:#43B581;border-radius:50%;display:inline-block;animation:pulse 2s infinite}.status-total{width:12px;height:12px;background:var(--text-secondary);border-radius:50%;display:inline-block}.typewriter-cursor{display:inline-block;background:linear-gradient(180deg,#DC143C 0%,#FF6B6B 50%,#DC143C 100%);background-size:100% 200%;width:2px;animation:blink 1s infinite,gradientWave 2s ease-in-out infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--dark)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}::selection{background:var(--primary);color:#fff}::-moz-selection{background:var(--primary);color:#fff}*:focus{outline:2px solid var(--primary);outline-offset:2px}.js-focus-visible *:focus:not(.focus-visible){outline:none}@media (max-width: 768px){.btn{padding:10px 20px;font-size:13px}.glass{border-radius:8px}}@media (max-width: 480px){:root{font-size:14px}.btn{padding:8px 16px;font-size:12px}}