body {
                    margin: 0;
                    background: #f4f6f9;
                    font-family: Segoe UI;
                }

                .wrapper {
                    height: 100vh;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                }

                .card {
                    width: 380px;
                    background: #fff;
                    padding: 30px;
                    border-radius: 15px;
                    box-shadow: 0 10px 30px rgba(0, 0, 0, .08);
                }

                .logo {
                    text-align: center;
                    margin-bottom: 20px;
                }

                .logo img {
                    max-width: 180px;
                }

                h2 {
                    text-align: center;
                    margin-bottom: 25px;
                }

                .input {
                    width: 100%;
                    padding: 12px;
                    margin-bottom: 15px;
                    border: 1px solid #ddd;
                    border-radius: 8px;
                    box-sizing: border-box;
                }

                .btn {
                    width: 100%;
                    padding: 12px;
                    border: none;
                    border-radius: 8px;
                    background: #16a34a;
                    color: #fff;
                    cursor: pointer;
                    font-size: 16px;
                }