.subscription-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.85);backdrop-filter:blur(10px);z-index:9999;display:none;align-items:center;justify-content:center;opacity:0;transition:opacity 1s ease}.subscription-popup-overlay.active{display:flex;animation:fadeIn 1s ease forwards}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.subscription-popup{background:var(--noir-charcoal);border:1px solid var(--noir-gray);max-width:500px;width:90%;padding:50px 40px;position:relative;text-align:center;transform:scale(.9);transition:transform 1s ease}.subscription-popup-overlay.active .subscription-popup{animation:popupScale 1s ease forwards}@keyframes popupScale{from{transform:scale(.9)}to{transform:scale(1)}}.subscription-popup-close{position:absolute;top:15px;right:15px;background:0 0;border:none;color:var(--noir-silver);font-size:1.5rem;cursor:pointer;padding:5px 10px;transition:all .3s ease;line-height:1}.subscription-popup-close:hover{color:var(--noir-white);transform:rotate(90deg)}.subscription-popup-title{font-family:'Space Grotesk',sans-serif;font-size:clamp(1.8rem, 4vw, 2.5rem);font-weight:700;color:var(--noir-white);margin-bottom:15px;text-transform:uppercase;letter-spacing:-.02em}.subscription-popup-subtitle{font-size:1rem;color:var(--noir-silver);margin-bottom:30px;line-height:1.6;font-weight:300}.subscription-popup-form{margin-top:30px}.subscription-popup-input-group{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.subscription-popup-input{background:var(--noir-black);border:1px solid var(--noir-gray);color:var(--noir-white);padding:15px 20px;font-size:1rem;font-family:Inter,sans-serif;outline:0;transition:all .3s ease;width:100%;max-width:100%;box-sizing:border-box}.subscription-popup-input::placeholder{color:var(--noir-light-gray);font-weight:300}.subscription-popup-input:focus{border-color:var(--noir-gold);box-shadow:0 0 0 2px rgba(255,215,0,.1)}.subscription-popup-submit{background:red;color:var(--noir-white);border:1px solid red;padding:15px 30px;font-size:.9rem;font-weight:600;font-family:Inter,sans-serif;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all .3s ease;width:100%;max-width:100%;box-sizing:border-box;min-height:50px;display:flex;align-items:center;justify-content:center}.subscription-popup-submit:hover{background:#c00;border-color:#c00;color:var(--noir-white);transform:translateY(-2px)}.subscription-popup-submit:active{transform:translateY(0)}.subscription-popup-submit:disabled{background:var(--noir-gray);border-color:var(--noir-gray);color:var(--noir-light-gray);cursor:not-allowed;transform:none}.popup-btn-loading{display:none}.popup-loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid var(--noir-white);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.subscription-popup-message{padding:15px 20px;font-size:.9rem;font-weight:500;text-align:center;margin-top:15px;display:none}.subscription-popup-message.success{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);color:#22c55e}.subscription-popup-message.error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:#ef4444}.subscription-popup-skip{margin-top:20px;color:var(--noir-light-gray);font-size:.85rem;background:0 0;border:none;cursor:pointer;padding:10px;transition:color .3s ease;font-family:Inter,sans-serif}.subscription-popup-skip:hover{color:var(--noir-white);text-decoration:underline}@media (max-width:768px){.subscription-popup{padding:40px 30px;width:95%}.subscription-popup-title{font-size:1.5rem}.subscription-popup-subtitle{font-size:.9rem}}@media (max-width:480px){.subscription-popup{padding:30px 20px}.subscription-popup-input,.subscription-popup-submit{padding:12px 16px;font-size:.9rem}}@media (prefers-reduced-motion:reduce){.subscription-popup,.subscription-popup-close,.subscription-popup-overlay{animation:none!important;transition:none!important}.subscription-popup-overlay.active{opacity:1}.subscription-popup-overlay.active .subscription-popup{transform:scale(1)}.popup-loading-spinner{animation:none}}.subscription-popup-close:focus-visible,.subscription-popup-input:focus-visible,.subscription-popup-submit:focus-visible{outline:2px solid var(--noir-gold);outline-offset:2px}