@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=480px){.card-form-wrapper{border-radius:20px!important;min-width:100%!important;padding:24px 20px!important}.card-form-title{font-size:24px!important}.security-badges{flex-direction:column!important;gap:8px!important}.card-input-wrapper{padding:16px!important}}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #4caf5066}.submit-button:active:not(:disabled){transform:translateY(0)}.card-input-container,.card-input-wrapper{transition:all .3s cubic-bezier(.4,0,.2,1)}.progress-fill{transition:width .6s cubic-bezier(.4,0,.2,1)}.card-input-container.focused .card-input-wrapper{border-color:#4caf50;box-shadow:0 4px 20px #4caf5026}.card-input-container.error .card-input-wrapper{border-color:#e74c3c;box-shadow:0 4px 20px #e74c3c26}.brand-icon{animation:.3s forwards fadeIn}.status-valid,.status-error{animation:.3s slideIn}.spinner{animation:1s linear infinite spin}.card-form-wrapper:before{content:"";background:linear-gradient(90deg,#4caf50,#2196f3,#ff9800);border-radius:24px 24px 0 0;height:4px;position:absolute;top:0;left:0;right:0}