*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:Roboto,Helvetica,Arial,sans-serif}.app{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;margin-top:64px;padding:20px}.loading-spinner{align-items:center;color:#666;display:flex;font-size:1.2rem;height:100vh;justify-content:center}.form-container{margin:0 auto;max-width:400px;padding:20px}.card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}@media (max-width:600px){.main-content{margin-top:56px;padding:10px}.form-container{padding:10px}}.page-transition-enter{opacity:0;transform:translateY(20px)}.page-transition-enter-active{transition:opacity .3s,transform .3s}.page-transition-enter-active,.page-transition-exit{opacity:1;transform:translateY(0)}.page-transition-exit-active{opacity:0;transform:translateY(-20px);transition:opacity .3s,transform .3s}