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


    body { 
        background: #f5f7fa; 
       
        justify-content:center; 
        align-items:center; 
        height:100vh; 
    }


    .container { 
        display:flex; 
        width:900px; 
        max-width:95%; 
        border-radius:16px; 
        overflow:hidden; 
        padding: 0px;
       
        background: #fff; 

    }

    .left-panel { 
        flex:1; 
        background:linear-gradient(135deg, #667eea, #764ba2); 
        color:#fff; 
        padding:60px 40px; 
        display:flex; 
        flex-direction:column; 
        justify-content:center; 
    }
    .left-panel h1 { font-size:42px; font-weight:700; margin-bottom:20px; line-height:1.2; }
    .left-panel p { font-size:18px; line-height:1.6; opacity:0.9; }

    .right-panel { flex:1; padding:60px 40px; display:flex; flex-direction:column; justify-content:center; }
    .toggle-btns { display:flex; justify-content:space-between; margin-bottom:40px; }
    .toggle-btns button { flex:1; padding:12px; font-weight:600; border-radius:12px; border:none; cursor:pointer; transition:all 0.3s; margin-right:10px; background:#f0f0f0; color:#333; }
    .toggle-btns button:last-child { margin-right:0; }
    .toggle-btns .active { background: #667eea; color:#fff; box-shadow:0 4px 12px rgba(102,126,234,0.3); }

    form { display:flex; flex-direction:column; }
    .form-group { margin-bottom:20px; }
    .form-group label { font-weight:600; margin-bottom:6px; display:block; color:#555; }
    .form-group input { width:100%; padding:14px 16px; border-radius:10px; border:1px solid #ccc; font-size:16px; transition:all 0.3s; }
    .form-group input:focus { border-color:#667eea; box-shadow:0 0 8px rgba(102,126,234,0.2); outline:none; }

    .btn { padding:14px; background:#667eea; color:#fff; font-weight:600; border:none; border-radius:10px; cursor:pointer; font-size:16px; transition:all 0.3s; }
    .btn:hover { background:#5a67d8; box-shadow:0 6px 18px rgba(102,126,234,0.3); }

    @media(max-width:768px){
        .container { flex-direction:column; }
        .left-panel, .right-panel { flex:none; width:100%; padding:40px 30px; }
        .left-panel { height:200px; text-align:center; }
    }