:root {
            --primary:#793A85;
            --primary-dark:#5e2d68;
            --dark:#1a1a2e;
            --gray:#6c757d;
        }

        * {
            box-sizing:border-box;
        }

        body {
            margin:0;
            min-height:100vh;
            font-family:'Inter',sans-serif;
            background:
                linear-gradient(
                    135deg,
                    #f8f3fa,
                    #eef2ff
                );
            color:var(--dark);
        }

        .forgot-page-wrapper {
    width: 100%;
            min-height:100vh;
            display:flex;
            align-items:center;
            justify-content:center;
            padding:35px 15px;
        }

        .forgot-card {
            width:100%;
            max-width:950px;
            background:#fff;
            border-radius:24px;
            overflow:hidden;
            box-shadow:0 20px 60px rgba(0,0,0,.12);
        }

        .forgot-left {
            min-height:560px;
            padding:50px 40px;
            background:
                linear-gradient(
                    135deg,
                    #793A85,
                    #5e2d68
                );
            color:#fff;
            display:flex;
            align-items:center;
            position:relative;
            overflow:hidden;
        }

        .forgot-left::before {
            content:"";
            position:absolute;
            width:280px;
            height:280px;
            border-radius:50%;
            background:rgba(255,255,255,.07);
            top:-100px;
            right:-100px;
        }

        .forgot-left::after {
            content:"";
            position:absolute;
            width:220px;
            height:220px;
            border-radius:50%;
            background:rgba(255,255,255,.05);
            bottom:-100px;
            left:-80px;
        }

        .left-content {
            position:relative;
            z-index:2;
        }

        .forgot-logo {
            max-width:190px;
            background:#fff;
            padding:8px 12px;
            border-radius:10px;
            margin-bottom:30px;
        }

        .forgot-left h1 {
            font-size:34px;
            font-weight:800;
            margin-bottom:15px;
        }

        .forgot-left p {
            color:rgba(255,255,255,.82);
            font-size:14px;
            line-height:1.8;
            max-width:370px;
        }

        .feature {
            display:flex;
            align-items:center;
            gap:12px;
            margin-top:18px;
            font-size:13px;
        }

        .feature-icon {
            width:38px;
            height:38px;
            min-width:38px;
            border-radius:10px;
            background:rgba(255,255,255,.15);
            display:flex;
            align-items:center;
            justify-content:center;
        }

        .forgot-right {
            padding:55px 45px;
        }

        .forgot-title {
            font-size:29px;
            font-weight:800;
            margin-bottom:6px;
        }

        .forgot-subtitle {
            color:var(--gray);
            font-size:13px;
            line-height:1.7;
            margin-bottom:30px;
        }

        .form-label {
            font-size:12px;
            font-weight:700;
            margin-bottom:7px;
        }

        .input-group-text {
            background:#f7f4f8;
            border-color:#e5e5e5;
            color:var(--primary);
        }

        .form-control {
            min-height:50px;
            border-color:#e5e5e5;
            font-size:13px;
        }

        .form-control:focus {
            border-color:var(--primary);
            box-shadow:0 0 0 3px rgba(121,58,133,.10);
        }

        .forgot-submit-btn {
            width:100%;
            min-height:50px;
            border:0;
            border-radius:10px;
            background:
                linear-gradient(
                    135deg,
                    var(--primary),
                    var(--primary-dark)
                );
            color:#fff;
            font-size:14px;
            font-weight:700;
            transition:.2s;
        }

        .forgot-submit-btn:hover {
            transform:translateY(-1px);
            box-shadow:0 8px 20px rgba(121,58,133,.25);
        }

        .back-login {
            display:block;
            text-align:center;
            margin-top:22px;
            color:var(--primary);
            font-size:13px;
            font-weight:700;
            text-decoration:none;
        }

        .back-login:hover {
            color:var(--primary-dark);
            text-decoration:underline;
        }

        .alert {
            border-radius:10px;
            font-size:13px;
        }

        .debug-box {
            margin-top:20px;
            padding:14px;
            border:1px dashed #793A85;
            border-radius:10px;
            background:#faf7fb;
        }

        .debug-box small {
            display:block;
            color:#6c757d;
            margin-bottom:7px;
        }

        .debug-box a {
            color:#793A85;
            word-break:break-all;
            font-size:12px;
            font-weight:700;
        }

        @media(max-width:767px) {

            .forgot-left {
                display:none;
            }

            .forgot-right {
                padding:38px 23px;
            }

            .forgot-card {
                border-radius:18px;
            }

            .forgot-title {
                font-size:25px;
            }
        }