:root{--primary: #0a0a0a;--accent: #2c52db;--accent-glow: rgba(44, 82, 219, .4);--text: #ffffff;--text-muted: #a0a0a0;--glass: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--font-main: "Inter", system-ui, -apple-system, sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--primary);color:var(--text);font-family:var(--font-main);line-height:1.6;overflow-x:hidden}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;outline:none}.glass{background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:12px}.container{max-width:1200px;margin:0 auto;padding:0 2rem}@media(max-width:768px){.container{padding:0 1rem}}h1,h2,h3{font-weight:700;letter-spacing:-.02em}.gradient-text{background:linear-gradient(135deg,#fff,#a0a0a0);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.mobile-nav-toggle{display:none}@media(max-width:768px){.mobile-nav-toggle{display:block;background:none;color:#fff;font-size:1.5rem}.desktop-nav{display:none!important}section{padding:3rem 1rem!important}.hero-section{padding-top:80px!important;text-align:center}.services-grid,.products-grid{grid-template-columns:1fr!important}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}