:root{--font-heading:"Outfit", sans-serif;--font-body:"Plus Jakarta Sans", sans-serif;--bg-gradient:linear-gradient(180deg, #dbeafe 0%, #eff6ff 50%, #fff 100%);--color-dark-gray:#111827;--color-text-main:#1f2937;--color-text-muted:#4b5563;--shadow-premium:0 20px 40px -15px #0f172a14, 0 0 0 1px #0f172a0a;--shadow-logo:0 12px 24px -8px #1118274d, 0 0 0 1px #ffffff1a inset}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:var(--bg-gradient);color:var(--color-text-main);-webkit-font-smoothing:antialiased;justify-content:center;align-items:center;min-height:100vh;line-height:1.5;display:flex;overflow-x:hidden}#root{justify-content:center;align-items:center;width:100%;max-width:1200px;min-height:100vh;padding:2rem;display:flex}.card{-webkit-backdrop-filter:blur(12px);text-align:center;width:100%;max-width:580px;box-shadow:var(--shadow-premium);background:#ffffffb3;border:1px solid #fff9;border-radius:24px;flex-direction:column;align-items:center;padding:3rem 2rem;animation:.8s cubic-bezier(.16,1,.3,1) forwards slideUp;display:flex}.logo-container{background-color:var(--color-dark-gray);box-shadow:var(--shadow-logo);cursor:pointer;border-radius:9999px;flex-direction:row;align-items:center;gap:1.2rem;margin-bottom:2rem;padding:.65rem 2.2rem .65rem 1.25rem;transition:transform .4s,box-shadow .4s;display:inline-flex;position:relative;overflow:hidden}.logo-container:before{content:"";background:linear-gradient(90deg,#fff0 0%,#ffffff0d 50%,#fff0 100%);width:50%;height:100%;transition:all .75s;position:absolute;top:0;left:-100%;transform:skew(-25deg)}.logo-container:hover:before{left:125%}.logo-container:hover{transform:translateY(-3px)scale(1.01);box-shadow:0 15px 25px -8px #11182759,inset 0 0 0 1px #ffffff26}.logo-text{color:#fff;letter-spacing:.2em;text-transform:uppercase;align-items:center;margin:0;font-family:Orbitron,sans-serif;font-size:1.3rem;font-weight:900;display:flex}.font-techno{letter-spacing:.15em;text-transform:uppercase;font-weight:900;font-family:Orbitron,Michroma,sans-serif!important}.logo-img{object-fit:contain;filter:drop-shadow(0 3px 6px #00000040);width:60px;height:auto;max-height:32px;animation:5s ease-in-out infinite pulseInfinity}.title{color:var(--color-dark-gray);letter-spacing:.12em;margin-bottom:1rem;font-family:Orbitron,Michroma,sans-serif;font-size:2.8rem;font-weight:900;line-height:1.2}.subtitle{color:var(--color-text-muted);max-width:420px;margin-bottom:2.5rem;font-size:1.1rem;font-weight:400}.status-pill{color:#2563eb;background:#3b82f614;border:1px solid #3b82f626;border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.35rem .85rem;font-size:.875rem;font-weight:600;display:inline-flex}.status-dot{background-color:#2563eb;border-radius:50%;width:8px;height:8px;animation:1.5s cubic-bezier(0,0,.2,1) infinite ping}.subscription-box{flex-direction:column;gap:.75rem;width:100%;display:flex}.form-group{background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:100%;padding:.25rem;transition:border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.form-group:focus-within{border-color:#93c5fd;box-shadow:0 0 0 4px #93c5fd33}.email-input{font-family:var(--font-body);color:var(--color-dark-gray);border:none;outline:none;flex:1;padding:.75rem 1rem;font-size:.95rem}.submit-btn{background-color:var(--color-dark-gray);color:#fff;font-family:var(--font-heading);cursor:pointer;border:none;border-radius:8px;outline:none;padding:0 1.5rem;font-size:.95rem;font-weight:600;transition:background-color .2s,transform .1s}.submit-btn:hover{background-color:#1f2937}.submit-btn:active{transform:scale(.98)}.success-message{color:#10b981;margin-top:.5rem;font-size:.9rem}.footer-text{color:#9ca3af;letter-spacing:.05em;text-transform:uppercase;margin-top:3rem;font-size:.8rem}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseInfinity{0%,to{opacity:.95;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@media (width<=640px){.card{padding:2.5rem 1.5rem}.title{font-size:2rem}.form-group{background:0 0;border:none;flex-direction:column;padding:0}.email-input{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:.5rem}.submit-btn{border-radius:12px;padding:.85rem}}
