:root{--bg-color: #ffffff;--text-primary: #0f172a;--text-secondary: #64748b;--accent-color: #0f172a;--border-color: rgba(0, 0, 0, .06);--glass-bg: rgba(255, 255, 255, .8);--glass-border: rgba(0, 0, 0, .08);--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--card-bg: #ffffff;--card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-color);color:var(--text-primary);line-height:1.5;overflow-x:hidden;-webkit-font-smoothing:antialiased;min-height:100vh}input,button{font-family:inherit}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes float-delayed{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}@keyframes pulse-glow{0%{box-shadow:0 0 #6366f133}70%{box-shadow:0 0 0 10px #6366f100}to{box-shadow:0 0 #6366f100}}.app-container{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at 50% 50%,#fafafa,#fff)}.ripple-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;z-index:0;pointer-events:none;display:flex;align-items:center;justify-content:center}.ripple{position:absolute;border:1px solid rgba(0,0,0,.15);border-radius:50%;opacity:1}.ripple:nth-child(1){width:600px;height:600px}.ripple:nth-child(2){width:900px;height:900px}.ripple:nth-child(3){width:1200px;height:1200px}.ripple:nth-child(4){width:1500px;height:1500px}.dot{position:absolute;width:8px;height:8px;background-color:#cbd5e1;border-radius:50%;z-index:-1}.dot-1{top:30%;left:25%;background-color:#94a3b8}.dot-2{bottom:35%;right:28%;width:12px;height:12px;background-color:#e2e8f0}.dot-3{top:20%;right:20%;width:6px;height:6px;background-color:#94a3b8}.main-content{text-align:center;z-index:10;max-width:600px;padding:0 20px}.badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:#fff;border:1px solid var(--border-color);border-radius:100px;font-size:.875rem;margin-bottom:24px;box-shadow:0 2px 4px #00000005;color:var(--text-secondary)}.badge-dot{width:6px;height:6px;background-color:#10b981;border-radius:50%;box-shadow:0 0 0 2px #10b98133}.title{font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:16px;color:var(--text-primary);letter-spacing:-.02em}.subtitle{font-size:1.125rem;color:var(--text-secondary);margin-bottom:40px;line-height:1.6}.input-group{display:flex;gap:8px;background:#fff;padding:6px;border:1px solid var(--border-color);border-radius:12px;max-width:420px;margin:0 auto 32px;box-shadow:0 4px 12px #0000000d}.email-input{flex:1;background:transparent;border:none;padding:12px 16px;color:var(--text-primary);font-size:1rem;outline:none}.email-input::placeholder{color:#94a3b8}.submit-btn{background:#0f172a;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:600;font-size:.95rem;transition:all .2s}.submit-btn:hover{background:#1e293b;transform:translateY(-1px)}.social-proof{display:flex;align-items:center;justify-content:center;gap:12px;color:var(--text-secondary);font-size:.9rem}.avatars{display:flex;margin-right:4px}.avatar{width:32px;height:32px;border-radius:50%;border:2px solid white;margin-left:-10px;background-color:#f1f5f9;display:flex;align-items:center;justify-content:center;font-size:10px;overflow:hidden;box-shadow:0 2px 4px #0000000d}.avatar img{width:100%;height:100%;object-fit:cover}.avatar:first-child{margin-left:0}.floating-card{position:absolute;background:#fff;border:1px solid var(--border-color);padding:12px 16px;border-radius:12px;display:flex;align-items:center;gap:12px;box-shadow:0 10px 30px -5px #00000014;font-size:.9rem;z-index:5;animation:float 6s ease-in-out infinite}.card-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center}.card-content{display:flex;flex-direction:column;gap:2px}.card-title{font-weight:600;color:var(--text-primary)}.card-desc{font-size:.75rem;color:var(--text-secondary)}.card-1{top:20%;left:15%;animation-delay:0s}.card-2{top:25%;right:15%;animation-delay:1s}.card-3{bottom:25%;left:20%;animation-delay:2s}.card-4{bottom:30%;right:20%;animation-delay:3s}@media(max-width:768px){.title{font-size:2.5rem}.floating-card{display:none}.ripple:nth-child(3),.ripple:nth-child(4){display:none}}
