:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.6;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;background-color:#0a0a0a;color:#eaeaea}.header{background-color:#0a0a0ab3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;padding:.25rem 0;position:fixed;width:100%;top:0;left:0;z-index:1000;border-bottom:1px solid rgba(255,255,255,.1)}.header .container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 2rem}.header .logo{font-size:1.5rem;font-weight:700}.header nav a{color:#eee;text-decoration:none;margin:0 .75rem;transition:color .3s ease}.header nav a:hover{color:#fff}.header .login-button{color:#fff;background-color:transparent;border:1px solid #fff;padding:.5rem 1rem;text-decoration:none;border-radius:5px;transition:all .3s ease}.header .login-button:hover{background-color:#fff;color:#000}.hero-section{position:relative;height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;background:url(https://images.unsplash.com/photo-1534796636912-3b95b3ab5986?q=80&w=2071&auto=format&fit=crop) no-repeat center center/cover}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1}.hero-content{position:relative;z-index:2;max-width:800px;padding:0 1rem}.hero-tagline{font-size:4.5rem;font-weight:900;letter-spacing:-2px;line-height:1.1;margin-bottom:1rem}.hero-subtagline{font-size:1.25rem;font-weight:300;color:#fffc;margin-bottom:2.5rem}.hero-cta{background-color:#fff;color:#000;padding:1rem 2.5rem;text-decoration:none;font-weight:700;border-radius:5px;transition:transform .3s ease,background-color .3s ease;display:inline-block}.hero-cta:hover{background-color:#f0f0f0;transform:scale(1.05)}.services-section{background-color:#000;padding:6rem 2rem}.container{max-width:1200px;margin:0 auto}.section-header{text-align:center;margin-bottom:4rem}.section-header h2{font-size:3rem;font-weight:700;margin-bottom:.5rem}.section-header p{font-size:1.1rem;color:#888}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.service-card{background-color:#111;padding:2.5rem;border-radius:10px;border:1px solid #222;transition:transform .3s ease,border-color .3s ease}.service-card:hover{transform:translateY(-10px);border-color:#444}.service-card h3{font-size:1.5rem;font-weight:600;margin-bottom:1rem}.service-card p{color:#999;margin-bottom:2rem;line-height:1.7}.learn-more{color:#fff;text-decoration:none;font-weight:500}.learn-more:hover{text-decoration:underline}.footer-section{background-color:#000;color:#888;padding:3rem 2rem;border-top:1px solid #222}.footer-section .container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.footer-section .social-links a{color:#888;text-decoration:none;margin-left:1.5rem;transition:color .3s ease}.footer-section .social-links a:hover{color:#fff}#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}