*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#0a0a0a,#000);color:#fff;overflow-x:hidden;min-height:100vh}#root{min-height:100vh}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#0a0a0a}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#00d4ff,#1e90ff);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#1e90ff,#00d4ff);box-shadow:0 0 10px #00d4ff80}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes glow{0%,to{box-shadow:0 0 10px #00d4ff4d,0 0 20px #00d4ff33,0 0 30px #00d4ff1a}50%{box-shadow:0 0 20px #00d4ff99,0 0 40px #00d4ff66,0 0 60px #00d4ff33}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-10px)}20%,40%,60%,80%{transform:translate(10px)}}.fade-in{animation:fadeIn .6s ease-in}.slide-up{animation:slideUp .6s ease-out}.slide-in-right{animation:slideInRight .6s ease-out}.glow-effect{animation:glow 2s ease-in-out infinite}.pulse-effect{animation:pulse 2s ease-in-out infinite}.float-effect{animation:float 3s ease-in-out infinite}.glass{background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.glass-strong{background:#ffffff1a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(0,212,255,.3)}.gradient-text{background:linear-gradient(45deg,#00d4ff,#1e90ff,#00bfff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% auto;animation:shimmer 3s linear infinite}.neumorphic{background:#1a1a1a;box-shadow:8px 8px 16px #00000080,-8px -8px 16px #ffffff05}.neumorphic-inset{background:#1a1a1a;box-shadow:inset 4px 4px 8px #00000080,inset -4px -4px 8px #ffffff05}.terminal{background:#0a0a0a;border:1px solid rgba(0,212,255,.3);font-family:Courier New,monospace;position:relative}.terminal:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#00d4ff,#1e90ff,#00d4ff,transparent);animation:shimmer 2s linear infinite}#particles-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}.loading-spinner{border:3px solid rgba(0,212,255,.1);border-top:3px solid #00d4ff;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}.ripple{position:relative;overflow:hidden}.ripple:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#00d4ff80;transform:translate(-50%,-50%);transition:width .6s,height .6s}.ripple:active:after{width:300px;height:300px}.tilt-3d{transform-style:preserve-3d;transition:transform .3s ease}.tilt-3d:hover{transform:perspective(1000px) rotateY(5deg) rotateX(5deg) scale(1.02)}@media (max-width: 768px){body{font-size:14px}}