*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;background-color:#0d0d0d;color:#fff;line-height:1.6;overflow-x:hidden}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 3rem;background-color:#0f0f0ff2;position:sticky;top:0;z-index:100;border-bottom:1px solid #222}.logo{font-size:1.5rem;font-weight:700;color:#00bfa6}.nav-links{list-style:none;display:flex;gap:2rem}.nav-links a{color:#fff;text-decoration:none;font-weight:500;transition:color .3s}.nav-links a:hover{color:#00bfa6}.auth-buttons button{background:none;border:1px solid #00bfa6;color:#00bfa6;padding:.5rem 1rem;margin-left:1rem;border-radius:25px;cursor:pointer;transition:all .3s}.auth-buttons .signup-btn{background-color:#00bfa6;color:#fff}.auth-buttons button:hover{transform:scale(1.05);opacity:.85}.hero{display:flex;align-items:center;justify-content:space-between;padding:5rem 8%;background:linear-gradient(135deg,#101010,#1b1b1b);flex-wrap:wrap}.hero-content{flex:1 1 45%}.hero-content h1{font-size:2.8rem;margin-bottom:1rem}.hero-content p{color:#ccc;margin-bottom:2rem}.cta{background-color:#00bfa6;color:#fff;border:none;padding:.9rem 2rem;border-radius:30px;font-size:1rem;cursor:pointer;transition:background .3s}.cta:hover{background-color:#00a08f}.hero-image{flex:1 1 45%;text-align:center}.hero-image img{width:80%;max-width:500px;border-radius:15px;box-shadow:0 0 20px #00bfa64d}.features{display:flex;justify-content:center;align-items:stretch;gap:3rem;padding:5rem 10%;flex-wrap:wrap;background-color:#111;border-top:1px solid #222}.feature{background-color:#1a1a1a;border-radius:15px;padding:2rem;text-align:center;width:300px;transition:transform .3s,box-shadow .3s}.feature:hover{transform:translateY(-8px);box-shadow:0 0 15px #00bfa633}.feature span{font-size:3rem;color:#00bfa6;margin-bottom:1rem;display:block}.feature h3{font-size:1.3rem;margin-bottom:1rem}footer{text-align:center;padding:2rem;background-color:#0a0a0a;color:#777;border-top:1px solid #222}@media(max-width:900px){.hero{flex-direction:column;text-align:center}.hero-content,.hero-image{flex:1 1 100%}.nav-links{display:none}}#login-overlay,#signup-overlay{position:fixed;inset:0;background:#000000a6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:0;pointer-events:none;transition:.3s ease;z-index:200}#login-overlay.active,#signup-overlay.active{opacity:1;pointer-events:all}#login-modal,#signup-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.85);background:#1a1a1a;border-radius:20px;padding:2rem 2.5rem;width:350px;max-width:90%;opacity:0;pointer-events:none;transition:.25s ease;z-index:300;box-shadow:0 0 25px #00bfa640}#login-modal.active,#signup-modal.active{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.close-login,.close-signup{font-size:1.7rem;cursor:pointer;float:right;margin-top:-10px;margin-right:-10px;color:#aaa;transition:.2s}.close-login:hover,.close-signup:hover{color:#00bfa6}.login-form,#signup-form{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.login-form input,#signup-form input{padding:.7rem;border-radius:10px;border:none;outline:none;background:#0f0f0f;color:#fff}.login-form button,#signup-form button{background:#00bfa6;color:#fff;border:none;padding:.8rem;border-radius:12px;cursor:pointer;margin-top:.5rem;transition:.2s}.login-form button:hover,#signup-form button:hover{background:#00a08f}