.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);backdrop-filter:blur(4px)}.modal-content{background-color:var(--bg-color);margin:15vh auto;padding:var(--space-xl);border-radius:var(--radius-lg);width:90%;max-width:420px;box-shadow:var(--shadow-xl);border:1px solid rgba(var(--primary-accent-rgb),.1);position:relative;animation:modalFadeIn var(--transition-medium) ease-out}@keyframes modalFadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.close{color:var(--text-secondary);position:absolute;right:var(--space-md);top:var(--space-md);font-size:1.5rem;font-weight:300;cursor:pointer;transition:color var(--transition-fast)}.form-input,.submit-btn{font-size:1rem;width:100%}.close:hover{color:var(--primary-accent)}.form-group{margin-bottom:var(--space-lg)}.form-input{padding:var(--space-md);border:1px solid var(--border-color);border-radius:var(--radius-md);font-family:var(--font-primary);transition:all var(--transition-fast);background-color:var(--surface-color);color:var(--text-primary)}.floating-btn,.submit-btn{background:linear-gradient(135deg,var(--primary-accent) 0,var(--highlight) 100%);color:var(--bg-color);cursor:pointer;display:flex;transition:all var(--transition-medium)}.form-input:focus{outline:0;border-color:var(--primary-accent);box-shadow:0 0 0 2px rgba(var(--primary-accent-rgb),.2)}.submit-btn{padding:var(--space-md) var(--space-lg);border:none;border-radius:var(--radius-md);font-weight:600;align-items:center;justify-content:center;gap:var(--space-sm)}.submit-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.submit-btn:active{transform:translateY(0)}.floating-btn{position:fixed;bottom:var(--space-xl);right:var(--space-xl);border:none;border-radius:50%;width:64px;height:64px;font-size:1.5rem;box-shadow:var(--shadow-lg);z-index:999;align-items:center;justify-content:center}.floating-btn:hover{transform:translateY(-5px) scale(1.05);box-shadow:var(--shadow-xl)}.floating-btn:active{transform:translateY(0) scale(.98)}@media (max-width:768px){.modal-content{padding:var(--space-lg)}.floating-btn{width:56px;height:56px;font-size:1.25rem;bottom:var(--space-lg);right:var(--space-lg)}}.subscription-message{margin-top:var(--space-md);text-align:center;font-weight:500;display:none}.subscription-message.success{color:green}.subscription-message.error{color:red}