*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0a0e27;--bg-secondary: #111638;--bg-tertiary: #1a1f4a;--text-primary: #ffffff;--text-secondary: #a0aec0;--accent-cyan: #00d4ff;--accent-green: #00ff88;--accent-purple: #a855f7;--accent-blue: #3b82f6;--gradient-primary: linear-gradient(135deg, #00d4ff 0%, #00ff88 100%);--gradient-secondary: linear-gradient(135deg, #a855f7 0%, #3b82f6 100%);--shadow-glow: 0 0 20px rgba(0, 212, 255, .3);--shadow-glow-green: 0 0 20px rgba(0, 255, 136, .3)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);color:var(--text-primary);overflow-x:hidden}#root{min-height:100vh}a{text-decoration:none;color:inherit}ul{list-style:none}img{max-width:100%;height:auto}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--gradient-primary);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--accent-cyan)}@keyframes float{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(-20px) translate(10px)}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.8}}@keyframes glow{0%,to{box-shadow:0 0 20px #00d4ff4d}50%{box-shadow:0 0 40px #00d4ff99}}@keyframes slideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-float{animation:float 6s ease-in-out infinite}.animate-pulse-slow{animation:pulse 3s ease-in-out infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.animate-slideIn{animation:slideIn .6s ease-out forwards}.grid-pattern{background-image:linear-gradient(rgba(0,212,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.03) 1px,transparent 1px);background-size:50px 50px}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-purple{background:var(--gradient-secondary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card-hover{transition:all .3s ease;border:1px solid transparent}.card-hover:hover{transform:translateY(-5px);border-color:var(--accent-cyan);box-shadow:var(--shadow-glow)}.btn-primary{background:var(--gradient-primary);color:var(--bg-primary);padding:12px 32px;border-radius:30px;font-weight:600;transition:all .3s ease;display:inline-block;cursor:pointer;border:none;font-size:16px}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow)}.btn-secondary{background:transparent;color:var(--accent-cyan);padding:12px 32px;border-radius:30px;font-weight:600;transition:all .3s ease;display:inline-block;cursor:pointer;border:2px solid var(--accent-cyan);font-size:16px}.btn-secondary:hover{background:var(--accent-cyan);color:var(--bg-primary);box-shadow:var(--shadow-glow)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section{padding:80px 0;position:relative}.section-title{font-size:48px;font-weight:700;text-align:center;margin-bottom:20px}.section-subtitle{text-align:center;color:var(--text-secondary);font-size:18px;margin-bottom:60px}.particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:0}.particle{position:absolute;width:4px;height:4px;background:var(--accent-cyan);border-radius:50%;opacity:.3;animation:float 10s infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading{display:flex;justify-content:center;align-items:center;min-height:100vh}