*{
            box-sizing:border-box;
            font-family:'Montserrat',sans-serif;
        }

        body{
            margin:0;
            min-height:100vh;
            background:linear-gradient(135deg,#d8efe1,#b8d8c2);
            display:flex;
            align-items:center;
            justify-content:center;
            padding:30px 15px;
        }

        .login-shell{
            width:100%;
            max-width:1120px;
            min-height:680px;
            display:flex;
            background:#fff;
            border-radius:28px;
            overflow:hidden;
            box-shadow:0 25px 60px rgba(39,77,57,0.18);
            position:relative;
        }

        .login-shell::before,
        .login-shell::after{
            content:"";
            position:absolute;
            border-radius:50%;
            background:rgba(92,168,116,0.18);
            z-index:0;
        }

        .login-shell::before{
            width:220px;
            height:220px;
            top:-80px;
            left:-80px;
        }

        .login-shell::after{
            width:180px;
            height:180px;
            bottom:-60px;
            right:44%;
        }

        .login-panel{
            width:55%;
            background:#F5FFFA;
            padding:48px 40px;
            position:relative;
            z-index:1;
            display:flex;
            flex-direction:column;
            justify-content:center;
        }

        .brand{
            font-size:34px;
            font-weight:800;
            letter-spacing:2px;
            color:#111827;
            margin-bottom:18px;
        }

        .brand span{
            color:#4fa56b;
        }

        .login-title{
            font-size:30px;
            font-weight:700;
            color:#FF4500;
            margin-bottom:8px;
        }

        .login-subtitle{
            color:#6b7280;
            font-size:14px;
            margin-bottom:28px;
        }

        .form-label{
            font-size:13px;
            color:#374151;
            font-weight:600;
            margin-bottom:8px;
        }

        .form-control{
            border:1px solid #FF4500;
            border-radius:12px;
            min-height:48px;
            padding:10px 14px;
            font-size:14px;
            box-shadow:none !important;
            background:#fff;
        }

        .form-control:focus{
            border:2px solid #191970;
        }

        .submit-btn{
            width:100%;
            background:#58a86d;
            border:none;
            border-radius:12px;
            padding:13px 20px;
            color:#fff;
            font-size:14px;
            font-weight:700;
            letter-spacing:0.5px;
            text-transform:uppercase;
        }

        .submit-btn:hover{
            background:#47925c;
        }

        .extra-links{
            margin-top:16px;
            text-align:center;
        }

        .extra-links a{
            color:#2f6d44;
            text-decoration:none;
            font-size:13px;
            font-weight:600;
        }

        .extra-links a:hover{
            color:#1e4c30;
        }

        .side-panel{
            width:45%;
            background:
                linear-gradient(rgba(79,165,107,0.78), rgba(68,140,92,0.80)),
                radial-gradient(circle at top left, rgba(255,255,255,0.30), transparent 30%),
                radial-gradient(circle at bottom right, rgba(255,255,255,0.18), transparent 28%),
                url('https://images.unsplash.com/photo-1522202176988-66273c2fd55f?auto=format&fit=crop&w=1000&q=80');
            background-size:cover;
            background-position:center;
            color:#fff;
            display:flex;
            align-items:center;
            justify-content:center;
            position:relative;
            overflow:hidden;
        }

        .side-content{
            max-width:340px;
            text-align:center;
            position:relative;
            z-index:1;
            padding:20px;
        }

        .side-brand{
            font-size:42px;
            font-weight:800;
            letter-spacing:3px;
            margin-bottom:16px;
        }

        .divider{
            width:90px;
            height:2px;
            background:rgba(255,255,255,0.55);
            margin:0 auto 22px;
        }

        .side-content h2{
            font-size:34px;
            font-weight:700;
            margin-bottom:12px;
        }

        .side-content p{
            font-size:14px;
            line-height:1.8;
            color:rgba(255,255,255,0.94);
            margin-bottom:26px;
        }

        .info-badge{
            display:inline-block;
            border:1px solid rgba(255,255,255,0.45);
            padding:10px 18px;
            border-radius:40px;
            font-size:13px;
            margin:4px;
            color:#fff;
        }

        .alert{
            border-radius:12px;
            font-size:14px;
        }

        @media (max-width: 991px){
            .login-shell{
                flex-direction:column-reverse;
                min-height:auto;
            }

            .login-panel,
            .side-panel{
                width:100%;
            }

            .side-panel{
                min-height:260px;
            }

            .login-panel{
                padding:28px 20px;
            }

            .login-title{
                font-size:24px;
            }

            .side-content h2{
                font-size:28px;
            }
        }