@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Outfit:wght@400;500;700;900&display=swap";:root{--bg-primary: #0a0a0c;--bg-secondary: #141419;--bg-tertiary: #1f1f26;--accent-primary: #8a2be2;--accent-secondary: #ff1493;--text-primary: #ffffff;--text-secondary: #a0a0ab;--text-tertiary: #6b6b76;--border-color: rgba(255, 255, 255, .08);--glass-bg: rgba(20, 20, 25, .4);--glass-border: rgba(255, 255, 255, .05);--shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .2), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .3), 0 8px 10px -6px rgba(0, 0, 0, .2);--shadow-glow: 0 0 20px rgba(138, 43, 226, .15);--radius-sm: .5rem;--radius-md: 1rem;--radius-lg: 1.5rem;--radius-full: 9999px;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-display: "Outfit", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;background-image:radial-gradient(circle at 15% 50%,rgba(138,43,226,.08),transparent 25%),radial-gradient(circle at 85% 30%,rgba(255,20,147,.06),transparent 25%);background-attachment:fixed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit}input,textarea{font-family:inherit;font-size:1rem}.container{max-width:1000px;margin:0 auto;padding:10px;display:flex;flex-direction:column;min-height:100vh}.text-gradient{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--shadow-lg);border-radius:var(--radius-lg)}.app-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.brand{font-family:var(--font-display);font-size:1.5rem;font-weight:900;letter-spacing:-.05em;display:flex;align-items:center;gap:.5rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 10px #8a2be233}50%{box-shadow:0 0 25px #ff149366}}.animate-fade-in-up{animation:fadeInUp .6s cubic-bezier(.16,1,.3,1) forwards;opacity:0}.input-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.input-label{font-weight:500;font-size:.9rem;color:var(--text-secondary)}.input-field{width:100%;padding:.875rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);transition:all .2s ease}.input-field:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #8a2be233}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;box-shadow:var(--shadow-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 20px #ff149366}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-secondary);border-color:var(--text-secondary)}.btn-icon{padding:.5rem;border-radius:var(--radius-sm);color:var(--text-secondary);transition:all .2s}.btn-icon:hover{color:var(--text-primary);background:var(--bg-tertiary)}.btn-danger{color:#ff4d4d}.btn-danger:hover{background:#ff4d4d1a;color:#ff4d4d}.optin-grid{display:flex;flex-direction:column;width:100%;overflow:hidden;padding:0}.optin-image-col{width:100%;height:300px}.optin-content-col{width:100%;padding:2rem 1.5rem;display:flex;flex-direction:column;justify-content:center}.optin-content-col h1{text-align:center}@media(min-width:768px){.container{padding:2rem 1.5rem}.optin-container{max-width:1200px}.optin-content-col h1{text-align:left}.optin-grid{flex-direction:row}.optin-image-col{width:40%;min-height:500px;max-height:none;height:auto;display:flex}.optin-content-col{width:60%;padding:4rem 3rem}}