*,:before,:after{box-sizing:border-box}html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;min-height:100vh;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}body{justify-content:center;align-items:center;display:flex}.mcard-container{background-color:#fff;width:100%;max-width:430px;min-height:100vh}.loading-container{background-color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;max-width:430px;min-height:100vh;display:flex}.loading-spinner{border:3px solid #f3f3f3;border-top-color:#333;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-container{text-align:center;background-color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;max-width:430px;min-height:100vh;padding:20px;display:flex}.error-title{color:#333;margin:0;font-size:24px;font-weight:600}.error-message{color:#666;margin:0;font-size:16px}