:root{--bg-primary: #0A0118;--bg-secondary: #120828;--bg-tertiary: #1A0F35;--bg-card: rgba(255, 255, 255, .03);--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 25%, #f093fb 50%, #4facfe 75%, #00f2fe 100%);--gradient-secondary: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-aurora: linear-gradient(135deg, #00c6ff 0%, #0072ff 25%, #8e2de2 50%, #f093fb 75%, #ff0844 100%);--gradient-sunset: linear-gradient(135deg, #ff6b6b 0%, #ee5a6f 25%, #f093fb 50%, #4facfe 100%);--gradient-ocean: linear-gradient(135deg, #2afadf 0%, #4c83ff 50%, #bc3cff 100%);--gradient-fire: linear-gradient(135deg, #ff0844 0%, #ffb199 50%, #ff0000 100%);--neon-blue: #00f2fe;--neon-purple: #b388ff;--neon-pink: #ff0080;--neon-green: #00ff9f;--neon-yellow: #ffea00;--neon-orange: #ff6f00;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .37);--font-primary: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Space Grotesk", sans-serif;--font-accent: "Orbitron", monospace;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--transition-elastic: .6s cubic-bezier(.68, -.55, .265, 1.55)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font-primary);background:var(--bg-primary);color:#fff;line-height:1.6;overflow-x:hidden;position:relative;min-height:100vh}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(40,90,72,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(47,30,65,.15) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(12,70,50,.1) 0%,transparent 50%);animation:backgroundPulse 20s ease-in-out infinite;pointer-events:none;z-index:-1}@keyframes backgroundPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.particle{position:absolute;width:4px;height:4px;background:var(--neon-blue);border-radius:50%;opacity:.3;animation:float 20s infinite ease-in-out;box-shadow:0 0 10px var(--neon-blue);will-change:transform}@keyframes float{0%,to{transform:translateY(0) translate(0)}25%{transform:translateY(-100px) translate(50px)}50%{transform:translateY(-200px) translate(-50px)}75%{transform:translateY(-100px) translate(100px)}}.glass-card{background:var(--glass-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base);position:relative;overflow:hidden;will-change:transform;transform:translateZ(0)}.glass-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.glass-card:hover:before{left:100%}.glass-card:hover{transform:translateY(-5px) scale(1.02) translateZ(0);border-color:#fff3;box-shadow:0 20px 60px #1f268780,0 0 40px #667eea4d}.btn-magnetic{position:relative;padding:1rem 2rem;border:none;border-radius:var(--radius-full);background:var(--gradient-primary);color:#fff;font-family:var(--font-display);font-weight:600;font-size:1rem;cursor:pointer;overflow:hidden;transition:transform var(--transition-elastic),box-shadow var(--transition-elastic);box-shadow:0 10px 40px #667eea66;will-change:transform;transform:translateZ(0)}.btn-magnetic:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-magnetic:hover:before{width:300px;height:300px}.btn-magnetic:hover{transform:translateY(-3px) scale(1.05) translateZ(0);box-shadow:0 15px 50px #667eea99}.btn-magnetic:active{transform:translateY(-1px) scale(.98) translateZ(0)}.neon-text{font-family:var(--font-display);font-weight:700;text-transform:uppercase;background:var(--gradient-aurora);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 20px rgba(102,126,234,.5));animation:neonPulse 3s ease-in-out infinite}@keyframes neonPulse{0%,to{filter:drop-shadow(0 0 20px rgba(102,126,234,.5))}50%{filter:drop-shadow(0 0 40px rgba(102,126,234,.8))}}.gradient-text{background:var(--gradient-primary);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 5s ease infinite;background-size:200% 200%}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.holo-card{position:relative;background:linear-gradient(135deg,#ffffff0d,#ffffff05);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:var(--space-xl);transition:transform var(--transition-base),box-shadow var(--transition-base);overflow:hidden;will-change:transform;transform:translateZ(0)}.holo-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent 0deg,var(--neon-blue) 45deg,var(--neon-purple) 90deg,var(--neon-pink) 135deg,transparent 180deg);opacity:0;transition:opacity var(--transition-base);animation:holoRotate 4s linear infinite}.holo-card:hover:before{opacity:.1}@keyframes holoRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.holo-card:hover{transform:translateY(-10px) scale(1.03) translateZ(0);box-shadow:0 30px 80px #667eea66,inset 0 0 40px #ffffff0d}.input-floating{position:relative;margin:var(--space-lg) 0}.input-floating input,.input-floating textarea{width:100%;padding:1rem;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:#fff;font-family:var(--font-primary);font-size:1rem;transition:border-color var(--transition-base),box-shadow var(--transition-base),background var(--transition-base);outline:none}.input-floating input:focus,.input-floating textarea:focus{border-color:var(--neon-blue);box-shadow:0 0 20px #00f2fe4d;background:#ffffff14}.input-floating label{position:absolute;top:1rem;left:1rem;color:#fff9;transition:all var(--transition-base);pointer-events:none;font-size:1rem}.input-floating input:focus+label,.input-floating input:not(:placeholder-shown)+label,.input-floating textarea:focus+label,.input-floating textarea:not(:placeholder-shown)+label{top:-.5rem;left:.5rem;font-size:.75rem;color:var(--neon-blue);background:var(--bg-primary);padding:0 .5rem}.skeleton,.skeletonLoading{position:relative;overflow:hidden;border-radius:var(--radius-md);background:#ffffff0d}.skeleton:after,.skeletonLoading:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;transform:translate(-100%);background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 35%,rgba(255,255,255,.18) 50%,rgba(255,255,255,.1) 65%,transparent 100%);will-change:transform;animation:skeletonLoading 1.5s ease-in-out infinite;pointer-events:none}@keyframes skeletonLoading{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-bar{width:100%;height:6px;background:#ffffff1a;border-radius:var(--radius-full);overflow:hidden;position:relative}.progress-bar-fill{height:100%;background:var(--gradient-primary);border-radius:var(--radius-full);transition:width var(--transition-base);position:relative;overflow:hidden}.progress-bar-fill:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:progressShine 1.5s infinite;will-change:transform}@keyframes progressShine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid;transition:transform var(--transition-base),box-shadow var(--transition-base);will-change:transform;transform:translateZ(0)}.badge-primary{background:#667eea33;border-color:#667eea66;color:#667eea}.badge-success{background:#00ff9f33;border-color:#00ff9f66;color:var(--neon-green)}.badge-warning{background:#ffea0033;border-color:#ffea0066;color:var(--neon-yellow)}.badge-danger{background:#ff008033;border-color:#ff008066;color:var(--neon-pink)}.badge:hover{transform:scale(1.1) translateZ(0);box-shadow:0 0 20px currentColor}.tooltip{position:relative;display:inline-block}.tooltip:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%) scale(0);padding:.5rem 1rem;background:#000000e6;color:#fff;border-radius:var(--radius-sm);font-size:.875rem;white-space:nowrap;opacity:0;transition:all var(--transition-base);pointer-events:none;z-index:1000}.tooltip:before{content:"";position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%) scale(0);border:5px solid transparent;border-top-color:#000000e6;opacity:0;transition:all var(--transition-base);pointer-events:none;z-index:1000}.tooltip:hover:after,.tooltip:hover:before{opacity:1;transform:translate(-50%) scale(1)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--neon-blue),var(--neon-purple));border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--neon-purple),var(--neon-pink))}::selection{background:#667eea4d;color:#fff}.container{max-width:1400px;margin:0 auto;padding:0 var(--space-lg);contain:layout style}.grid{display:grid;gap:var(--space-lg)}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 1024px){.grid-cols-4,.grid-cols-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.grid-cols-4,.grid-cols-3,.grid-cols-2{grid-template-columns:repeat(1,1fr)}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.text-center{text-align:center}.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}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.p-0{padding:0}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.p-xl{padding:var(--space-xl)}.m-0{margin:0}.m-sm{margin:var(--space-sm)}.m-md{margin:var(--space-md)}.m-lg{margin:var(--space-lg)}.m-xl{margin:var(--space-xl)}.mt-auto{margin-top:auto}.mb-auto{margin-bottom:auto}.hidden{display:none}.visible{display:block}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:-webkit-sticky;position:sticky}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.fade-in{animation:fadeIn .6s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-in-left{animation:slideInLeft .6s ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}.slide-in-right{animation:slideInRight .6s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.scale-in{animation:scaleIn .5s cubic-bezier(.68,-.55,.265,1.55)}@keyframes scaleIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.rotate-in{animation:rotateIn .6s ease-out}@keyframes rotateIn{0%{opacity:0;transform:rotate(-180deg) scale(0)}to{opacity:1;transform:rotate(0) scale(1)}}.glow-blue{box-shadow:0 0 20px #00f2fe80}.glow-purple{box-shadow:0 0 20px #b388ff80}.glow-pink{box-shadow:0 0 20px #ff008080}@media (max-width: 768px){:root{--space-xl: 1.5rem;--space-2xl: 2rem;--space-3xl: 2.5rem}.glass-card:hover{transform:translateY(-2px) scale(1.01) translateZ(0)}.holo-card:hover{transform:translateY(-5px) scale(1.01) translateZ(0)}}@media (max-width: 1024px){.glass-card,.holo-card,.badge{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.glass-card{background:#ffffff0f}.holo-card{background:linear-gradient(135deg,#ffffff12,#ffffff08)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}body:before{animation:none!important}.particle,.neon-text,.gradient-text{animation:none!important}.holo-card:before{animation:none!important}.skeleton:after,.skeletonLoading:after{animation:none!important;transform:translate(0)!important}}