*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#0a0a0f;font-family:Inter,sans-serif;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Space Grotesk,sans-serif}.gradient-bg{z-index:-1;background:linear-gradient(125deg,#0a0a0f 0%,#0f172a 25%,#1e1b4b 50%,#312e81 75%,#4c1d95 100%) 0 0/400% 400%;width:100%;height:100%;animation:20s infinite gradientShift;position:fixed;top:0;left:0}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}.glass{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;box-shadow:0 8px 32px #1f26875e}.glass-strong{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#ffffff1a;border:1px solid #fff3}.neon-blue{box-shadow:0 0 30px #3b82f699,0 0 60px #3b82f666}.neon-purple{box-shadow:0 0 30px #a855f799,0 0 60px #a855f766}.neon-cyan{box-shadow:0 0 30px #06b6d499,0 0 60px #06b6d466}@keyframes float3d{0%,to{transform:translateY(0)rotateX(0)rotateY(0)}25%{transform:translateY(-20px)rotateX(5deg)rotateY(5deg)}50%{transform:translateY(-30px)rotateX(0)rotateY(10deg)}75%{transform:translateY(-20px)rotateX(-5deg)rotateY(5deg)}}.float-3d{transform-style:preserve-3d;animation:6s ease-in-out infinite float3d}.particle{pointer-events:none;border-radius:50%;position:absolute}@keyframes particle-float{0%,to{opacity:.6;transform:translate(0)scale(1)}50%{transform:translate(var(--tx),var(--ty))scale(1.5);opacity:.3}}.holographic{background:linear-gradient(135deg,#3b82f633 0%,#a855f733 50%,#06b6d433 100%) 0 0/200% 200%;animation:3s infinite holographic-shift;position:relative}@keyframes holographic-shift{0%,to{background-position:0%}50%{background-position:100%}}.cyber-grid{background-image:linear-gradient(#3b82f61a 1px,#0000 1px),linear-gradient(90deg,#3b82f61a 1px,#0000 1px);background-size:50px 50px;animation:20s linear infinite grid-move}@keyframes grid-move{0%{background-position:0 0}to{background-position:50px 50px}}.hover-lift{transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.hover-lift:hover{transform:translateY(-15px)scale(1.03)}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #3b82f666,0 0 40px #3b82f633}50%{box-shadow:0 0 40px #3b82f6cc,0 0 80px #3b82f666}}.pulse-glow{animation:2s ease-in-out infinite pulse-glow}.gradient-text{background:linear-gradient(90deg,#3b82f6,#a855f7,#06b6d4,#3b82f6) 0 0/300% 300%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:4s infinite gradient-flow}@keyframes gradient-flow{0%,to{background-position:0%}50%{background-position:100%}}.reveal{opacity:0;transition:all .8s;transform:translateY(50px)}.reveal.active{opacity:1;transform:translateY(0)}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-in{animation:.4s ease-out slideIn}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromRight{0%{opacity:.8;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.animate-slide-in-from-right{animation:.3s cubic-bezier(.16,1,.3,1) slideInFromRight}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.animate-slide-in-right{animation:.3s ease-out slideInRight}.animate-slide-out-right{animation:.3s ease-in slideOutRight}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:.2s ease-out fadeIn}.animate-scale-in{animation:.3s ease-out scaleIn}.card-shine{position:relative;overflow:hidden}.card-shine:after{content:"";opacity:0;background:linear-gradient(45deg,#0000 30%,#ffffff1a 50%,#0000 70%);width:200%;height:200%;transition:all .6s;position:absolute;top:-50%;left:-50%;transform:rotate(45deg)}.card-shine:hover:after{opacity:1;animation:1.5s ease-in-out shine}@keyframes shine{0%{left:-50%}to{left:150%}}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#0a0a0f}::-webkit-scrollbar-thumb{background:linear-gradient(#3b82f6,#a855f7);border-radius:10px}.counter{font-variant-numeric:tabular-nums}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.app-container{min-height:100vh}