html, body{
            min-height:100%;
            margin:0;
            font-family:'Poppins','Open Sans',Arial,sans-serif;
        }

        body{
            background:
                radial-gradient(circle at 12% 18%, rgba(255,204,0,.30), transparent 28%),
                radial-gradient(circle at 90% 10%, rgba(255,255,255,.35), transparent 24%),
                linear-gradient(135deg,#050505 0%, #161616 52%, #050505 100%);
            overflow-x:hidden;
        }

        .mtn-login-page{
            min-height:100vh;
            display:flex;
            align-items:center;
            justify-content:center;
            padding:28px 16px;
            position:relative;
        }

        .mtn-login-page:before{
            content:"";
            position:absolute;
            right:-120px;
            bottom:-140px;
            width:420px;
            height:420px;
            border-radius:50%;
            background:rgba(255,204,0,.16);
            filter:blur(4px);
        }

        .mtn-login-shell{
            width:100%;
            max-width:1040px;
            display:grid;
            grid-template-columns:1.05fr .95fr;
            background:rgba(255,255,255,.08);
            border:1px solid rgba(255,255,255,.14);
            border-radius:38px;
            overflow:hidden;
            box-shadow:0 34px 90px rgba(0,0,0,.34);
            backdrop-filter:blur(22px);
            position:relative;
            z-index:2;
        }

        .mtn-login-left{
            padding:44px;
            color:#fff;
            background:
                radial-gradient(circle at 20% 10%, rgba(255,204,0,.30), transparent 28%),
                linear-gradient(135deg,rgba(0,0,0,.70),rgba(0,0,0,.20));
        }

        .mtn-brand{
            display:flex;
            align-items:center;
            gap:14px;
            margin-bottom:44px;
        }

        .mtn-brand img{
            max-height:52px;
            max-width:210px;
            object-fit:contain;
            display:block;
        }

        .mtn-brand-pill{
            padding:8px 13px;
            border-radius:999px;
            background:#ffcc00;
            color:#050505;
            font-weight:900;
            font-size:12px;
            letter-spacing:.04em;
        }

        .mtn-login-badge{
            display:inline-flex;
            align-items:center;
            gap:10px;
            padding:9px 15px;
            border-radius:999px;
            background:rgba(255,204,0,.14);
            border:1px solid rgba(255,204,0,.38);
            font-size:13px;
            font-weight:800;
            margin-bottom:20px;
        }

        .mtn-login-badge:before{
            content:"";
            width:8px;
            height:8px;
            border-radius:50%;
            background:#ffcc00;
            box-shadow:0 0 0 6px rgba(255,204,0,.18);
        }

        .mtn-login-title{
            font-size:54px;
            line-height:.98;
            font-weight:950;
            letter-spacing:-2px;
            margin:0 0 18px;
        }

        .mtn-login-title span{
            color:#ffcc00;
        }

        .mtn-login-subtitle{
            max-width:520px;
            font-size:15px;
            line-height:1.75;
            color:rgba(255,255,255,.78);
            margin:0;
        }

        .mtn-login-features{
            display:grid;
            grid-template-columns:repeat(2,minmax(0,1fr));
            gap:12px;
            margin-top:34px;
        }

        .mtn-login-feature{
            padding:14px;
            border-radius:20px;
            background:rgba(255,255,255,.08);
            border:1px solid rgba(255,255,255,.12);
            font-size:13px;
            font-weight:700;
        }

        .mtn-login-feature i{
            color:#ffcc00;
            margin-right:8px;
        }

        .mtn-login-right{
            background:#fff;
            padding:44px;
            display:flex;
            align-items:center;
        }

        .mtn-login-card{
            width:100%;
        }

        .mtn-login-card-head{
            margin-bottom:24px;
        }

        .mtn-login-card-head h2{
            margin:0 0 8px;
            color:#111;
            font-weight:950;
            font-size:30px;
            letter-spacing:-.8px;
        }

        .mtn-login-card-head p{
            margin:0;
            color:#6b7280;
            font-size:13px;
            line-height:1.55;
            font-weight:600;
        }

        .msg_error{
            padding:12px 14px;
            background:#fee2e2;
            border:1px solid #fecaca;
            color:#b91c1c;
            border-radius:16px;
            font-weight:800;
            font-size:13px;
            margin-bottom:16px;
        }

        .data_privacy{
            display:flex;
            gap:10px;
            align-items:flex-start;
            padding:12px 14px;
            border-radius:18px;
            background:#fff8d8;
            border:1px solid rgba(255,204,0,.42);
            color:#4b3a00;
            font-size:12px;
            font-weight:700;
            line-height:1.45;
            margin-bottom:18px;
        }

        .data_privacy i{
            color:#050505;
            margin-top:2px;
        }

        .mtn-form-group{
            margin-bottom:16px;
        }

        .mtn-form-group label{
            display:block;
            font-size:12px;
            font-weight:900;
            color:#374151;
            margin-bottom:7px;
        }

        .mtn-form-control{
            width:100%;
            height:52px;
            border-radius:18px;
            border:1px solid #e5e7eb;
            background:#fff;
            color:#111;
            font-size:14px;
            padding:0 16px;
            outline:none;
            transition:.2s;
            box-shadow:none;
        }

        .mtn-form-control:focus{
            border-color:#ffcc00;
            box-shadow:0 0 0 5px rgba(255,204,0,.18);
        }

        .mtn-login-actions{
            display:grid;
            grid-template-columns:1fr 1fr;
            gap:12px;
            align-items:center;
            margin-top:10px;
        }

        .mtn-forgot{
            display:flex;
            align-items:center;
            justify-content:center;
            height:50px;
            border-radius:18px;
            background:#f8fafc;
            color:#111 !important;
            font-weight:800;
            text-decoration:none !important;
            border:1px solid #edf0f4;
        }

        .mtn-forgot:hover{
            background:#fff8d8;
            color:#050505 !important;
        }

        .mtn-login-btn{
            height:50px;
            border:0;
            border-radius:18px;
            background:linear-gradient(135deg,#050505,#202020);
            color:#ffcc00;
            font-weight:950;
            letter-spacing:.03em;
            box-shadow:0 18px 40px rgba(0,0,0,.18);
            transition:.2s;
        }

        .mtn-login-btn:hover{
            transform:translateY(-1px);
            color:#ffe36a;
            background:#050505;
        }

        .mtn-login-footer{
            margin-top:26px;
            padding-top:18px;
            border-top:1px solid #edf0f4;
            color:#6b7280;
            font-size:12px;
            line-height:1.5;
            text-align:center;
        }

        .mtn-login-footer strong{
            color:#111;
            font-weight:900;
        }

        .mtn-login-footer a{
            color:#111 !important;
            font-weight:900;
            text-decoration:none;
        }

        .mtn-login-footer a:hover{
            color:#ffcc00 !important;
        }

        @media(max-width:900px){
            .mtn-login-shell{
                grid-template-columns:1fr;
                max-width:560px;
                border-radius:30px;
            }

            .mtn-login-left{
                padding:30px;
            }

            .mtn-login-right{
                padding:30px;
            }

            .mtn-login-title{
                font-size:38px;
            }

            .mtn-login-features{
                grid-template-columns:1fr;
            }

            .mtn-brand{
                margin-bottom:26px;
            }
        }

        @media(max-width:520px){
            .mtn-login-page{
                padding:16px 10px;
            }

            .mtn-login-left,
            .mtn-login-right{
                padding:22px;
            }

            .mtn-login-actions{
                grid-template-columns:1fr;
            }

            .mtn-login-title{
                font-size:32px;
            }

            .mtn-brand{
                flex-direction:column;
                align-items:flex-start;
            }
        }