:root{--primary: #2c3e50;--accent: #d35400;--accent-glow: rgba(211, 84, 0, .4);--secondary: #95a5a6;--text: #ecf0f1;--text-muted: #bdc3c7;--glass: rgba(236, 240, 241, .03);--glass-border: rgba(236, 240, 241, .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,.responsive-grid-2,.responsive-grid-3{grid-template-columns:1fr!important;gap:1.5rem!important}.mobile-hide{display:none!important}.mobile-stack{display:flex!important;flex-direction:column!important;gap:1rem!important}.mobile-label{display:block!important}h1{font-size:2.8rem!important}h2{font-size:2rem!important}h3{font-size:1.5rem!important}}@media(max-width:480px){.container{padding:0 1rem}section{padding:4rem 1rem!important}h1{font-size:2.2rem!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}