.credit-card-auth__overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;gap:40px;z-index:1000;padding:20px;box-sizing:border-box;overflow-y:auto;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.card-container{perspective:1000px;width:380px;height:240px;flex-shrink:0}.card-front{position:relative;width:100%;height:100%;border-radius:20px;box-shadow:0 20px 40px rgba(0,0,0,.4);background:#000000;padding:25px;border:1px solid #149595;color:#E0E0E0;flex-direction:column;overflow:hidden}.card-front,.card-header{display:flex;justify-content:space-between}.card-header{align-items:flex-start}.card-logo{font-size:22px;font-weight:700;color:#149595}.card-logo img{width:100px}.card-close{background:none;border:none;color:#8E98A3;font-size:28px;cursor:pointer;line-height:1}.card-number{font-size:22px;letter-spacing:3px;margin:15px 0}.card-details{display:flex;justify-content:space-between}.card-label{font-size:10px;color:#8E98A3;margin-bottom:5px;letter-spacing:1px;text-transform:uppercase}.card-value{font-size:15px;font-family:Courier New,monospace;transition:color .3s ease;min-height:18px}.card-value.valid{color:#4CAF50}.card-value.invalid{color:#FF6B6B}.registration-form{background:rgb(0,0,0);border-radius:20px;padding:30px;width:100%;max-width:400px;box-shadow:0 20px 40px rgba(0,0,0,.4);flex-shrink:0;border:1px solid #5f799734}.form-title{font-size:24px;margin-bottom:25px;text-align:center;color:#E0E0E0;font-weight:600}.form{gap:18px}.form,.input-group{display:flex;flex-direction:column}.input-group{gap:8px}.input-label{font-size:13px;font-weight:500;color:#B7B9BC;text-align:left}.form-input{padding:12px 16px;border:1px solid #3a455217;border-radius:8px;font-size:16px;transition:all .2s ease;background:#29313c96;color:#E0E0E0}.form-input:focus{outline:none;border-color:#149595;box-shadow:0 0 0 3px rgba(20,149,149,.3)}.form-input.valid{border-color:#4CAF50}.form-input.invalid{border-color:#FF6B6B}.error-message{color:#FF6B6B;font-size:12px;font-weight:500;text-align:left}.checkbox-label{gap:10px;font-size:13px;color:#B7B9BC;text-align:left}.checkbox-label,.submit-button{display:flex;align-items:center;cursor:pointer}.submit-button{padding:14px;background:#149595;border:none;border-radius:8px;font-size:16px;font-weight:600;transition:all .2s ease;color:#FFFFFF;margin-top:10px;justify-content:center;height:48px}.submit-button:hover:not(:disabled){background:#107c7c}.submit-button:disabled{background:#3a4552;cursor:not-allowed}.toggle-mode{text-align:center;margin-top:20px;font-size:14px;color:#8E98A3}.login-link{color:#149595;font-weight:600;cursor:pointer;text-decoration:none}.password-modal__overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:1001}.password-modal{background:#1F2630;color:#E0E0E0;padding:30px;border-radius:15px;max-width:400px;text-align:center;margin:20px;border:1px solid #3a4552}.password-modal__title{margin-bottom:15px;font-size:20px}.password-modal__text{margin-bottom:20px;line-height:1.5}.password-modal__button{background:#149595;color:#fff;border:none;padding:10px 25px;border-radius:8px;cursor:pointer;font-size:16px}@media (max-width:850px){.credit-card-auth__overlay{flex-direction:column;justify-content:flex-start;padding-top:5vh;padding-bottom:5vh;gap:30px}}@media (max-width:480px){.credit-card-auth__overlay{padding:5vh 10px 10px}.card-container{width:100%;margin-top:30px;max-width:340px;height:180px}.registration-form{padding:20px;width:100%;max-width:340px}.form-title{font-size:20px}}