.email-signup-form{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:320px}.form-group{position:relative}.form-input{width:100%;padding:1rem;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:#ffffff0d;color:#fff;font-size:1rem;font-weight:300;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.form-input::placeholder{color:#aaa}.form-input:focus{outline:none;border-color:#fff6;background:#ffffff14;box-shadow:0 0 20px #ffffff1a}.form-input:disabled{opacity:.6;cursor:not-allowed}.message{padding:.75rem;border-radius:8px;font-size:.9rem;text-align:center;font-weight:300}.message.success{background:#4caf501a;border:1px solid rgba(76,175,80,.3);color:#4caf50}.message.error{background:#f443361a;border:1px solid rgba(244,67,54,.3);color:#f44336}.container{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;position:relative}.particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.particle{position:absolute;width:2px;height:2px;background:#ffffff1a;border-radius:50%;animation:float 6s infinite ease-in-out}@keyframes float{0%,to{transform:translateY(0) rotate(0);opacity:0}50%{transform:translateY(-20px) rotate(180deg);opacity:1}}.logo-container{margin-bottom:3rem;position:relative}.logo{font-size:3.5rem;font-weight:200;letter-spacing:8px;text-transform:lowercase;background:linear-gradient(45deg,#fff,#888);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative}.logo:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:1px;background:linear-gradient(90deg,transparent,#ffffff,transparent)}.tagline{text-align:center;font-size:1.1rem;color:#aaa;font-weight:300;margin-bottom:0;max-width:400px;line-height:1.6}.signup-box{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);max-width:400px;margin:0 auto;position:relative}.signup-box-title{text-align:center;font-size:1.1rem;color:#fff;font-weight:500;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1);opacity:.9}.cta-container{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:320px;margin:0 auto}.btn{padding:1rem 2rem;border:none;border-radius:12px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none;text-align:center;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg,#333,#555);color:#fff;border:1px solid rgba(255,255,255,.1)}.btn-primary:hover{background:linear-gradient(135deg,#444,#666);transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}.btn-secondary{background:transparent;color:#aaa;border:1px solid rgba(255,255,255,.2)}.btn-secondary:hover{background:#ffffff0d;color:#fff;border-color:#ffffff4d}.features{display:flex;justify-content:center;gap:3rem;margin-top:4rem;opacity:.7}.feature{text-align:center;max-width:120px}.feature-icon{width:40px;height:40px;margin:0 auto 1rem;background:#ffffff1a;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.feature-text{font-size:.9rem;color:#888;font-weight:300}.mask-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,transparent 40%,rgba(0,0,0,.3) 80%);pointer-events:none}@media (max-width: 768px){.logo{font-size:2.5rem;letter-spacing:4px}.features{flex-direction:column;gap:2rem;align-items:center}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:linear-gradient(135deg,#0a0a0a,#1a1a1a,#2a2a2a);color:#fff;min-height:100vh;overflow-x:hidden}#root{min-height:100vh}