*{
                    margin:0;
                    padding:0;
                    box-sizing:border-box;
                    font-family:'Segoe UI',sans-serif;
                }


                body{

                    height:100vh;

                    background:#0b0b0b;

                    display:flex;
                    justify-content:center;
                    align-items:center;

                    color:white;

                }



                /* MAIN CONTAINER */

                .container{

                    width:90%;
                    max-width:1150px;

                    height:650px;

                    display:flex;

                    background:#171717;

                    border-radius:22px;

                    overflow:hidden;

                    box-shadow:
                    0 20px 50px rgba(0,0,0,.6);

                }





                /* LEFT SECTION */

                .left{

                    width:45%;

                    background:
                    linear-gradient(
                        135deg,
                        #FACA3F,
                        #ff9800
                    );

                    color:#111;

                    padding:50px;

                    display:flex;

                    flex-direction:column;

                    justify-content:center;

                }



                    
                .logo {
                    color: #FACA3F;
                    font-size: 35px;
                    font-weight: 900;
                    margin-bottom: 40px;
                }



                .left h1{

                    font-size:38px;

                    line-height:1.1;

                    margin-bottom:20px;

                }



                .left p{

                    font-size:16px;

                    line-height:1.5;

                    margin-bottom:35px;

                }




                .features{

                    display:flex;

                    flex-direction:column;

                    gap:15px;

                }



                .feature{

                    background:
                    rgba(255,255,255,.25);

                    padding:15px;

                    border-radius:12px;

                    font-weight:600;

                }





                /* RIGHT SECTION */


                .right{

                    width:55%;

                    padding:45px;

                    display:flex;

                    flex-direction:column;

                    justify-content:center;

                }



                .right h2{

                    font-size:32px;

                    margin-bottom:8px;

                }



                .subtitle{

                    color:#aaa;

                    margin-bottom:25px;

                }



                .row{

                    display:flex;

                    gap:15px;

                }



                .input-box{

                    width:100%;

                    margin-bottom:15px;

                }



                .row .input-box{

                    width:50%;

                }



                input,
                select{

                    width:100%;

                    padding:14px 15px;

                    background:#242424;

                    border:none;

                    outline:none;

                    border-radius:10px;

                    color:white;

                    font-size:14px;

                }



                select option{

                    background:#242424;

                }



                input:focus,
                select:focus{

                    border:1px solid #FACA3F;

                }




                .checkbox{

                    display:flex;

                    gap:8px;

                    align-items:center;

                    color:#aaa;

                    font-size:13px;

                    margin:10px 0 20px;

                }



                .checkbox input{

                    width:auto;

                }



                button{

                    width:100%;

                    padding:15px;

                    border:none;

                    border-radius:10px;

                    background:#FACA3F;

                    color:#111;

                    font-size:17px;

                    font-weight:800;

                    cursor:pointer;

                    transition:.3s;

                }



                button:hover{

                    background:#ffd84d;

                }



                .login{

                    text-align:center;

                    margin-top:20px;

                    color:#aaa;

                }



                .login a{

                    color:#FACA3F;

                    text-decoration:none;

                    font-weight:bold;

                }





                /* MOBILE */

                @media(max-width:850px){


                body{

                    height:auto;

                    padding:20px;

                }



                .container{

                    height:auto;

                    flex-direction:column;

                }



                .left,
                .right{

                    width:100%;

                }



                .left{

                    padding:35px;

                }



                .right{

                    padding:35px;

                }



                .row{

                    flex-direction:column;

                }



                .row .input-box{

                    width:100%;

                }


                }