.login-section{padding:60px 20px}.login-container{background:#f5f5f5;border:1px solid #ddd;justify-content:space-between;align-items:center;gap:40px;margin:auto;padding:40px 50px;display:flex}.login-left{width:55%}.login-title{margin-bottom:6px;font-size:14px;font-weight:600}.login-left input{border:1px solid #ccc;border-radius:4px;width:100%;padding:14px}.remember{white-space:nowrap;align-items:center;gap:8px;margin:10px 0 20px;font-size:14px;display:flex}.remember input[type=checkbox]{cursor:pointer;width:16px;height:16px}.login-btn{color:#fff;cursor:pointer;background:#111;border:none;border-radius:4px;width:100%;margin-top:10px;margin-bottom:10px;padding:14px 0}.login-btn:hover{opacity:.85}.forgot{color:#333;font-size:13px;text-decoration:none}.login-right{text-align:center;width:40%}.login-right h3{letter-spacing:.2rem;margin-bottom:10px;font-size:20px;font-weight:700}.login-right p{color:#666;letter-spacing:.1rem;margin-bottom:30px;font-size:13px}.signup-btn{color:#fff;cursor:pointer;background:#111;border:none;border-radius:4px;width:100%;padding:14px 0}.signup-btn:hover{opacity:.85}.password-title{margin-top:20px}@media (max-width:768px){.login-container{flex-direction:column;padding:30px}.login-left,.login-right{width:100%}.login-right{margin-top:20px}}