*,:before,:after{box-sizing:border-box}:root{--primary:#3b82f6;--primary-dark:#1d4ed8;--secondary:#0ea5e9;--dark-bg:#0f172a;--dark-card:#1e293b;--text-light:#f8fafc;--text-dim:#94a3b8;--gradient-primary:linear-gradient(135deg,var(--primary),var(--secondary))}body{background-color:var(--dark-bg);color:var(--text-light);margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.btn{cursor:pointer;border:none;border-radius:.5rem;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 14px #3b82f663}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #3b82f63b}.btn-outline{color:var(--text-light);background:0 0;border:1px solid #fff3}.btn-outline:hover{background:#ffffff1a}.glass-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293bb3;border:1px solid #ffffff1a;border-radius:1rem;padding:2rem}.gradient-text{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section{padding:5rem 0}.grid-cols-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;display:grid}input,textarea{background:var(--dark-card);color:#fff;border:1px solid #ffffff1a;border-radius:.5rem;width:100%;margin-bottom:1rem;padding:.75rem;font-family:inherit}input:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary);outline:none}nav{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172acc;border-bottom:1px solid #ffffff1a;position:fixed;top:0;left:0;right:0}.nav-content{justify-content:space-between;align-items:center;height:4rem;display:flex}.logo{color:#fff;font-size:1.5rem;font-weight:700;text-decoration:none}.hero{text-align:center;padding-top:8rem;padding-bottom:5rem}.hero h1{margin-bottom:1.5rem;font-size:3.5rem;line-height:1.2}.hero p{color:var(--text-dim);max-width:600px;margin:0 auto 2rem;font-size:1.25rem}.screenshot-container{border:1px solid #ffffff1a;border-radius:1rem;margin-top:4rem;overflow:hidden;box-shadow:0 20px 50px -12px #00000080}.screenshot-container img{width:100%;height:auto;display:block}footer{text-align:center;color:var(--text-dim);border-top:1px solid #ffffff1a;padding:3rem 0}