body {
        background: linear-gradient(135deg, #e0e7ff 0%, #f8f9fa 100%);
        display: flex;
        align-items: center;
        min-height: 100vh;
        font-family: 'Nunito', sans-serif;
        margin: 0;
    }

    .forgot-container {
        box-shadow: 0 6px 28px rgba(0, 0, 0, 0.12);
        border-radius: 14px;
        max-width: 400px;
        margin: auto;
        background: #fff;
        animation: fadeInUp 0.6s ease;
        padding: 2rem;
    }

    @keyframes fadeInUp {
        from { opacity: 0; transform: translateY(20px); }
        to { opacity: 1; transform: translateY(0); }
    }

    .forgot-header {
        text-align: center;
        margin-bottom: 1.5rem;
    }

    .forgot-header i {
        font-size: 3rem;
        color: #4e73df;
    }

    .forgot-header h2 {
        font-size: 1.5rem;
        font-weight: 700;
        margin-top: 0.5rem;
    }

    .form-label {
        font-weight: 600;
        color: #2d3748;
        font-size: 0.9rem;
    }

    .input-group-text {
        background: #f1f5f9;
        border-right: 0;
    }

    .form-control {
        border-left: 0;
    }

    .form-control:focus {
        border-color: #4e73df;
        box-shadow: 0 0 0 0.2rem rgba(78, 115, 223, 0.15);
    }

    .btn-primary {
        background: linear-gradient(135deg, #4e73df 0%, #224abe 100%);
        border: none;
        font-weight: 600;
    }

    .btn-primary:hover {
        background: linear-gradient(135deg, #3a56c5 0%, #1a3cb4 100%);
    }

    .alert {
        font-size: 0.875rem;
    }