body,html,#root{margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#121212;color:#e0e0e0;min-height:100vh}.landing{display:flex;flex-direction:column;min-height:100vh;padding:0 2rem}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0;border-bottom:1px solid #222;position:sticky;top:0;background:#121212cc;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);z-index:10}.logo{font-size:1.75rem;font-weight:700;color:#61dafb;cursor:default}.nav-links{list-style:none;display:flex;gap:1.5rem;align-items:center}.nav-links a{color:#ccc;text-decoration:none;font-weight:500;transition:color .2s ease}.nav-links a:hover{color:#61dafb}.btn-primary{background:#61dafb;color:#121212;padding:.5rem 1.25rem;font-weight:700;border-radius:6px;text-decoration:none;transition:background .3s ease}.btn-primary:hover{background:#21a1f1;cursor:pointer}.btn-secondary{background:transparent;border:2px solid #61dafb;color:#61dafb;padding:.5rem 1.25rem;font-weight:700;border-radius:6px;text-decoration:none;transition:background .3s ease,color .3s ease;margin-left:1rem}.btn-secondary:hover{background:#61dafb;color:#121212}.hero{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:3rem;padding:4rem 0;max-width:1200px;margin:0 auto}.hero-text{flex:1 1 400px;max-width:600px}.hero-text h2{font-size:3rem;margin-bottom:1rem;line-height:1.1;color:#61dafb}.hero-text p{font-size:1.25rem;margin-bottom:2rem;color:#ccc}.hero-cta a{font-size:1rem}.hero-image img{max-width:100%;border-radius:12px;box-shadow:0 10px 30px #61dafb4d}.features{background-color:#1e1e1e;padding:3rem 2rem;max-width:1200px;margin:0 auto 3rem;border-radius:12px;text-align:center}.features h3{font-size:2rem;margin-bottom:2rem;color:#61dafb}.feature-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem}.card{background:#2a2a2a;padding:2rem;border-radius:10px;width:260px;box-shadow:0 4px 10px #0009;transition:transform .3s ease}.card:hover{transform:translateY(-8px)}.icon{font-size:3rem;margin-bottom:1rem;color:#61dafb}.card h4{margin-bottom:1rem;font-size:1.25rem;color:#fff}.card p{font-size:1rem;color:#ccc}.how-it-works{max-width:800px;margin:0 auto 4rem;text-align:center}.how-it-works h3{font-size:2rem;margin-bottom:1.5rem;color:#61dafb}.how-it-works ol{list-style:decimal inside;font-size:1.125rem;color:#ccc;padding-left:0}.how-it-works li{margin-bottom:1rem}.community{background-color:#1e1e1e;padding:2.5rem 2rem;border-radius:12px;max-width:900px;margin:0 auto 3rem;text-align:center}.community h3{font-size:2rem;margin-bottom:1rem;color:#61dafb}.community p{color:#ccc;margin-bottom:1.5rem}.social-links a{color:#61dafb;text-decoration:none;font-weight:600;margin:0 1rem;transition:color .3s ease}.social-links a:hover{color:#21a1f1}footer{text-align:center;padding:1.5rem 0;border-top:1px solid #222;font-size:.875rem;color:#707070;margin-top:auto}@media (max-width: 768px){.hero{flex-direction:column}.nav-links{display:none}.hero-text h2{font-size:2.25rem}}