body{margin:0;padding:0;background-color:#f5f5f5}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:60px}#app img{max-width:160px;margin-bottom:16px}.container{display:flex;justify-content:center;margin-top:24px}.card{max-width:400px;width:100%;padding:24px;border-radius:6px;border:1px solid #ddd;box-shadow:0 2px 4px #0000000f;background-color:#fff}.form-group{display:flex;flex-direction:column;text-align:left;margin-bottom:12px}.form-group label{margin-bottom:4px}.form-group input{padding:8px 10px;border-radius:4px;border:1px solid #ccc}.btn{display:inline-block;padding:8px 18px;border-radius:4px;border:1px solid #007bff;cursor:pointer;text-decoration:none;font-weight:500}.btn-primary{background-color:#007bff;color:#fff}.btn-outline-primary{background-color:transparent;color:#007bff}.btn:disabled{opacity:.6;cursor:default}.alert{padding:8px 12px;border-radius:4px;margin-bottom:12px;font-size:.9rem}.alert-success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.alert-danger{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}