@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Inter:wght@300;400;500;600&display=swap";:root{--gold:#c9a263;--gold-light:#e0c992;--gold-dark:#a67c00;--bg-deep:#0a0e1a;--bg-card:#0c111e8c;--text-main:#f0ece4;--text-muted:#8b97b0;--success:#48bb78;--error:#f56565}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{background:var(--bg-deep);color:var(--text-main);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden}#particle-canvas{z-index:0;pointer-events:none;position:fixed;inset:0}.app-container{z-index:1;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative}.orb{filter:blur(80px);opacity:.35;pointer-events:none;z-index:0;border-radius:50%;animation:20s ease-in-out infinite alternate orb-float;position:fixed}.orb--gold{background:radial-gradient(circle,#c9a26366,#0000 70%);width:420px;height:420px;animation-delay:0s;top:-10%;right:-5%}.orb--purple{background:radial-gradient(circle,#6366f140,#0000 70%);width:350px;height:350px;animation-delay:-7s;bottom:-8%;left:-5%}.orb--teal{background:radial-gradient(circle,#38b2ac33,#0000 70%);width:280px;height:280px;animation-delay:-14s;top:50%;left:60%}@keyframes orb-float{0%{transform:translate(0)scale(1)}33%{transform:translate(30px,-40px)scale(1.08)}66%{transform:translate(-20px,20px)scale(.95)}to{transform:translate(15px,-15px)scale(1.03)}}.mouse-glow{pointer-events:none;z-index:0;filter:blur(30px);will-change:transform;background:radial-gradient(circle,#c9a2631f 0%,#0000 65%);border-radius:50%;width:500px;height:500px;position:fixed}.content-card{z-index:10;text-align:center;background:var(--bg-card);-webkit-backdrop-filter:blur(24px)saturate(1.4);border:1px solid #c9a2631f;border-radius:28px;width:90%;max-width:680px;padding:3.5rem 3rem;position:relative;box-shadow:0 4px 60px #00000073,inset 0 1px #ffffff0a}.brand{color:var(--gold);letter-spacing:5px;text-transform:uppercase;text-shadow:0 0 28px #c9a26359;margin-bottom:2rem;font-family:Cinzel,serif;font-size:1.85rem;font-weight:700}.badge{letter-spacing:4px;text-transform:uppercase;color:var(--gold);background:#c9a2630f;border:1px solid #c9a26340;border-radius:50px;margin-bottom:1.6rem;padding:.45rem 1.4rem;font-size:.7rem;font-weight:600;display:inline-block;box-shadow:0 0 20px #c9a26314}.headline{background:linear-gradient(135deg, #fff 20%, var(--gold-light) 50%, var(--gold) 80%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1.2rem;font-family:Cinzel,serif;font-size:3.6rem;font-weight:600;line-height:1.15}.tagline{color:var(--text-muted);max-width:480px;margin:0 auto 2.5rem;font-size:1.1rem;font-weight:300;line-height:1.7}.subscribe-form{margin-bottom:1rem}.input-row{background:#ffffff0a;border:1px solid #ffffff14;border-radius:60px;align-items:center;max-width:460px;margin:0 auto;padding:5px 5px 5px 22px;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex}.input-row:focus-within{background:#ffffff12;border-color:#c9a26373;box-shadow:0 0 24px #c9a2631f}.input-row svg{color:var(--text-muted);flex-shrink:0;margin-right:10px;transition:color .3s}.input-row:focus-within svg{color:var(--gold)}.input-row input{color:var(--text-main);background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:Inter,sans-serif;font-size:.95rem}.input-row input::placeholder{color:#ffffff4d}.submit-btn{background:linear-gradient(135deg, var(--gold), var(--gold-dark));color:#0a0e1a;cursor:pointer;letter-spacing:.3px;white-space:nowrap;border:none;border-radius:50px;padding:12px 28px;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.submit-btn:after{content:"";border-radius:inherit;opacity:0;background:linear-gradient(135deg,#fff3,#0000);transition:opacity .3s;position:absolute;inset:0}.submit-btn:hover:after{opacity:1}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #c9a26359}.submit-btn:active{transform:translateY(0)}.submit-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.spinner{vertical-align:middle;border:2px solid #0a0e1a4d;border-top-color:#0a0e1a;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.feedback{min-height:24px;margin-top:1.2rem;font-size:.9rem;font-weight:500;transition:all .3s}.feedback--success{color:var(--success);text-shadow:0 0 12px #48bb7833}.feedback--error{color:var(--error);text-shadow:0 0 12px #f5656533}.feedback--info{color:var(--gold);text-shadow:0 0 12px #c9a26333}.page-footer{text-align:center;color:#fff3;letter-spacing:1px;z-index:10;font-size:.75rem;position:fixed;bottom:24px;left:0;right:0}@media (width<=640px){.content-card{border-radius:20px;padding:2.5rem 1.5rem}.brand{letter-spacing:3px;font-size:1.3rem}.headline{font-size:2.2rem}.tagline{margin-bottom:2rem;font-size:.95rem}.input-row{background:0 0;border:none;flex-direction:column;gap:12px;padding:0}.input-row:focus-within{box-shadow:none;border-color:#0000}.input-row svg{display:none}.input-row input{text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50px;width:100%;padding:14px 20px;font-size:1rem}.input-row input:focus{border-color:#c9a26366;box-shadow:0 0 16px #c9a2631a}.submit-btn{width:100%;padding:14px;font-size:1rem}.orb{display:none}}