body {
            min-height: 100vh;
            background: linear-gradient(to bottom, #d4643c, #4064cb);
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 30px 15px;
        }

        .login-card {
            width: 50%;
            max-width: 500px;
            background: rgba(255,255,255,.95);
            border-radius: 20px;
            padding: 40px;
            box-shadow: 0 10px 30px rgba(0,0,0,.2);
            justify-content: center;            
        }

        .logo-area {
            text-align: center;
            margin-bottom: 25px;
            max-width: 220px;
            margin: 0 auto;
        }

        .logo-placeholder {
            width: 220px;
            height: 80px;
            margin: 0 auto;
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #888;
            font-size: .9rem;
            max-width: 220px;
        }

        .profile-image {
            width: 140px;
            height: 140px;
            border-radius: 50%;
            object-fit: cover;
            display: block;
            margin: 25px auto;
            border: 5px solid #fff;
            box-shadow: 0 5px 15px rgba(0,0,0,.15);
        }

        .input-group-text {
            background-color: #f8f9fa;
        }

        .btn-login {
            background-color: #4064cb;
            border-color: #4064cb;
            font-weight: 600;
        }

        .btn-login:hover {
            background-color: #3555b0;
            border-color: #3555b0;
        }