:root{--paynow-color-primary:#283172;--paynow-color-primary-hover:#2980b9;--paynow-color-secondary:#95a5a6;--paynow-color-secondary-hover:#7f8c8d;--paynow-color-success:#27ae60;--paynow-color-error:#c0392b;--paynow-color-warning:#f39c12;--paynow-color-text:#2c3e50;--paynow-color-text-light:#7f8c8d;--paynow-color-border:#e0e0e0;--paynow-color-bg-light:#f8f9fa;--paynow-color-white:#fff;--paynow-spacing-xs:.25rem;--paynow-spacing-sm:.5rem;--paynow-spacing-md:1rem;--paynow-spacing-lg:1.5rem;--paynow-spacing-xl:2rem;--paynow-spacing-xxl:2.5rem;--paynow-radius-sm:4px;--paynow-radius-md:8px;--paynow-radius-lg:12px;--paynow-radius-xl:9999px;--paynow-shadow-sm:0 2px 4px rgba(0,0,0,.1);--paynow-shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--paynow-shadow-lg:0 10px 25px rgba(0,0,0,.1);--paynow-shadow-hover:0 5px 15px rgba(0,0,0,.1);--paynow-transition:all .3s ease}.paynow-auth-container,.paynow-register-container,.paynow-account-dashboard,.paynow-auth__container{width:800px;margin:var(--paynow-spacing-xl) auto;padding:var(--paynow-spacing-xl);background:var(--paynow-color-white);border-radius:var(--paynow-radius-lg);box-shadow:var(--paynow-shadow-md)}.paynow-auth{padding:var(--paynow-spacing-xl);display:flex;align-items:center;justify-content:center;min-height:75vh}.paynow-auth__container{max-width:600px;box-shadow:var(--paynow-shadow-lg)}.paynow-auth__title{color:var(--paynow-color-text);font-size:28px;font-weight:700;margin:0 0 var(--paynow-spacing-sm);text-align:center}.paynow-auth__greeting,.paynow-auth__section-description{color:var(--paynow-color-text-light);margin:0 0 var(--paynow-spacing-md);text-align:center}.paynow-auth__section-title{color:var(--paynow-color-text);font-size:20px;font-weight:600;margin:0 0 var(--paynow-spacing-sm)}.form-group,.paynow-auth__field{margin-bottom:var(--paynow-spacing-lg)}.form-group label,.paynow-auth__label{display:block;color:var(--paynow-color-text);font-weight:600;margin-bottom:var(--paynow-spacing-sm);font-size:14px}.form-group input[type=text],.form-group input[type=email],.form-group input[type=password],.paynow-auth__input{width:100%;padding:12px 15px;border:2px solid var(--paynow-color-border);border-radius:var(--paynow-radius-md);font-size:16px;transition:var(--paynow-transition);box-sizing:border-box}.form-group input:focus,.paynow-auth__input:focus{outline:none;border-color:var(--paynow-color-primary);box-shadow:0 0 0 3px rgba(52,152,219,.1)}.paynow-auth__password{position:relative}.paynow-auth__toggle-password{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:0 0;border:none;cursor:pointer;color:var(--paynow-color-text-light)}.btn,.paynow-auth__submit{display:inline-flex;align-items:center;justify-content:center;padding:15px 20px;border:none;border-radius:var(--paynow-radius-md);font-size:16px;font-weight:600;cursor:pointer;transition:var(--paynow-transition);text-decoration:none;text-align:center;gap:10px}.btn-primary,.paynow-auth__submit{background:var(--paynow-color-primary);color:var(--paynow-color-white)}.btn-primary:hover,.paynow-auth__submit:hover{background:var(--paynow-color-primary-hover)}.btn-secondary{background:var(--paynow-color-secondary);color:var(--paynow-color-white)}.btn-secondary:hover{background:var(--paynow-color-secondary-hover)}.btn-link{color:var(--paynow-color-primary);background:0 0;padding:0}.btn-link:hover{text-decoration:underline}.paynow-auth__plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--paynow-spacing-md);margin-top:var(--paynow-spacing-md)}.paynow-auth__plan{position:relative}.paynow-auth__plan input[type=radio]{position:absolute;opacity:0}.paynow-auth__plan-label{display:block;border:2px solid var(--paynow-color-border);border-radius:var(--paynow-radius-md);padding:var(--paynow-spacing-xl);cursor:pointer;transition:var(--paynow-transition)}.paynow-auth__plan input[type=radio]:checked+.paynow-auth__plan-label{border-color:var(--paynow-color-primary);background-color:var(--paynow-color-bg-light);transform:translateY(-2px);box-shadow:var(--paynow-shadow-hover)}.paynow-auth__plan-name{color:var(--paynow-color-text);font-size:18px;font-weight:600;margin:0 0 var(--paynow-spacing-sm);display:flex;align-items:center;justify-content:space-between}.paynow-auth__plan-badge{background:var(--paynow-color-success);color:var(--paynow-color-white);font-size:12px;padding:4px 8px;border-radius:var(--paynow-radius-xl)}.paynow-auth__plan-price{color:var(--paynow-color-primary);font-size:24px;font-weight:700;margin:0 0 var(--paynow-spacing-lg)}.paynow-auth__plan-price span{color:var(--paynow-color-text-light);font-size:14px;font-weight:400}.paynow-auth__plan-features{list-style:none;padding:0;margin:0}.paynow-auth__plan-features li{color:var(--paynow-color-text);padding:5px 0;font-size:14px;position:relative;padding-left:20px}.paynow-auth__plan-features li:before{content:"✓";color:var(--paynow-color-success);position:absolute;left:0}.status-badge{display:inline-block;padding:var(--paynow-spacing-xs) var(--paynow-spacing-md);border-radius:var(--paynow-radius-xl);font-size:.875rem;font-weight:700}.status-badge.active{background-color:#c6f6d5;color:#22543d}.status-badge.expired{background-color:#fed7d7;color:#822727}.account-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--paynow-spacing-lg);margin-bottom:var(--paynow-spacing-xl)}.summary-card{padding:var(--paynow-spacing-lg);background:var(--paynow-color-bg-light);border-radius:var(--paynow-radius-md)}.summary-card h3{margin-top:0;font-size:1rem;color:var(--paynow-color-text-light)}.account-actions{display:flex;gap:var(--paynow-spacing-md);flex-wrap:wrap}.paynow-auth__error{background:#ffe6e6;color:var(--paynow-color-error);padding:var(--paynow-spacing-lg);border-radius:var(--paynow-radius-md);margin-bottom:var(--paynow-spacing-md);border-left:4px solid var(--paynow-color-error)}.paynow-auth__success{text-align:center;padding:40px 20px}.paynow-auth__success-icon{font-size:60px;color:var(--paynow-color-success);margin-bottom:var(--paynow-spacing-md)}.paynow-auth__success-title{color:var(--paynow-color-text);font-size:24px;margin:0 0 var(--paynow-spacing-lg)}.paynow-auth__success-message{color:var(--paynow-color-text-light);margin:0 0 var(--paynow-spacing-xxl)}.paynow-auth__form_wider{width:50% !important}.padding_12{padding:12px !important}.spinner-border{width:1.5rem;height:1.5rem;border:2px solid transparent;border-top:2px solid var(--paynow-color-white);border-radius:50%;animation:paynow-spin 1s linear infinite;display:none}.loading .spinner-border{display:block}@keyframes paynow-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@media (max-width:768px){.paynow-auth-container,.paynow-register-container,.paynow-account-dashboard,.paynow-auth__container{margin:var(--paynow-spacing-md);padding:var(--paynow-spacing-lg)}.paynow-auth__form_wider{width:auto !important}.paynow-auth__plans{grid-template-columns:1fr}.account-actions,.plan-options{flex-direction:column}.account-actions .btn,.plan-options .plan-option{width:100%}.d-flex.justify-content-between{flex-direction:column;align-items:flex-start;gap:var(--paynow-spacing-md)}.d-flex.gap-3{flex-direction:column}}@media (max-width:480px){.paynow-auth__container{padding:var(--paynow-spacing-md)}.paynow-auth__links{flex-direction:column;gap:var(--paynow-spacing-sm);align-items:center}.account-summary{grid-template-columns:1fr}}.card{transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-2px);box-shadow:var(--paynow-shadow-hover) !important}.remember-me{display:flex;align-items:center;margin-bottom:var(--paynow-spacing-md)}.remember-me input{margin-right:var(--paynow-spacing-sm)}.divider{position:relative;margin:var(--paynow-spacing-xl) 0;text-align:center}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--paynow-color-border);z-index:1}.divider span{position:relative;display:inline-block;padding:0 var(--paynow-spacing-md);background:var(--paynow-color-white);z-index:2}.paynow-auth__noscript{margin-top:var(--paynow-spacing-md);padding:var(--paynow-spacing-md);background-color:var(--paynow-color-bg-light);border-radius:var(--paynow-radius-md);border-left:4px solid var(--paynow-color-warning)}