:root {
            --accent-color: #00c853;
            --accent-hover: #00a544;
        }

        body {
            font-family: 'Inter', sans-serif;
            background: linear-gradient(135deg, #fdfbf7 0%, #f5eee0 100%);
            height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0;
            color: #423b32;
        }

        .login-card {
            border: 1px solid #e5dec9;
            border-radius: 20px;
            box-shadow: 0 10px 30px rgba(66, 59, 50, 0.05);
            background: #ffffff;
            width: 100%;
            max-width: 450px;
            padding: 40px;
        }

        .form-control {
            background: #fafafa;
            border: 1px solid #d4cca6;
            border-radius: 12px;
            padding: 12px;
            color: #212121;
        }

        .form-control::placeholder {
            color: #9e9e9e;
        }

        .form-control:focus {
            box-shadow: 0 0 0 4px rgba(0, 200, 83, 0.15);
            border-color: var(--accent-color);
            background: #ffffff;
            color: #212121;
        }

        .btn-success {
            background-color: var(--accent-color);
            color: #ffffff;
            border: none;
            padding: 12px;
            border-radius: 12px;
            font-weight: 700;
            transition: all 0.2s;
        }

        .btn-success:hover {
            background-color: var(--accent-hover);
            transform: translateY(-1px);
        }