.container{display:flex;width:100%;max-width:1200px;align-items:center;justify-content:flex-start}.login-section{width:50%;text-align:left}.illustration-section img{max-width:100%}.logo{margin-bottom:80px}.logo img{height:30px}.welcome-text{font-size:2rem;font-weight:700;margin-top:100px}.signup-link a{color:#a8e239}.input-group{margin-bottom:15px}input{width:100%;padding:12px;background-color:#1f1f1f;color:#fff;border:none;border-radius:8px;position:relative}.password-wrapper{position:relative;display:flex;align-items:center}.password-wrapper input{padding-right:40px}.password-wrapper i{position:absolute;right:10px;top:50%;transform:translateY(-50%);cursor:pointer;color:gray}button{width:100%;padding:12px;background-color:#a8e239;border:none;border-radius:30px;font-weight:700;cursor:pointer}.forgot-password{text-align:right}@media (max-width: 768px){.container{flex-direction:column;align-items:center;width:100%}.login-section{width:calc(100% - 4px);margin:0 2px}.illustration-section{display:none}}body{font-family:Inter,sans-serif;margin:0;background-color:#000;color:#fff;display:flex;align-items:flex-start;height:auto;font-weight:400;line-height:1.5}.container{display:flex;flex-wrap:wrap;width:100%;max-width:1200px;align-items:flex-start;justify-content:center;padding:20px;box-sizing:border-box}.back-button a{color:#fff;text-decoration:none}.back-button{margin-bottom:10px;font-size:16px;color:#fff}.welcome-text{font-size:2rem;font-weight:600;margin-bottom:10px;margin-top:10px}.input-group,.input-kroup{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;justify-content:center;max-width:320px;margin-left:20px}.input-box{width:50px;height:50px;text-align:center;font-size:24px;background-color:#1f1f1f;color:#fff;border:none;border-radius:10px;cursor:pointer}.forgot-password{margin-top:5px;text-align:right;font-size:14px}.forgot-password a{color:#ececec;text-decoration:none}.error-message{color:red;font-weight:700}@media (max-width: 767px){.login-section,.input-group{margin-left:20px}}@media (min-width: 768px){.container{flex-direction:row;justify-content:space-between;padding:40px}.login-section{width:40%;text-align:left;margin-left:20px}.illustration-section{display:flex;flex-grow:1;padding-left:20px;align-items:center;justify-content:center;height:100vh}.input-group{margin-left:20px}}.container{display:flex;flex-wrap:wrap;width:100%;max-width:1200px;align-items:flex-start;justify-content:center;padding:0}.back-button{margin-bottom:10px;font-size:16px}.progress-bar{display:flex;align-items:center;margin-top:10px;gap:10px}.step{width:50px;height:4px;background-color:gray;border-radius:2px}.step.active{background-color:#fff}.illustration-section{display:none}.illustration img{width:100%;height:100%;object-fit:cover}.logo{font-size:30px;font-weight:600;padding-top:5px;margin:0 0 20px}.logo img{height:24px}.welcome-text{font-size:2rem;font-weight:600;margin-bottom:10px;margin-top:80px}.signup-link{margin-bottom:20px;font-size:14px}.signup-link a{color:#fff;text-decoration:none;font-weight:600}.input-group{margin-bottom:20px;display:flex;flex-direction:column}.input2{margin-bottom:20px;position:relative}input{width:100%;padding:14px;background-color:#1f1f1f;color:#fff;border:none;border-radius:10px;box-sizing:border-box;font-size:16px}button{width:100%;padding:14px;background-color:#a8e239;color:#000;border:none;border-radius:50px;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px}@media (min-width: 768px){.container{flex-direction:row;justify-content:space-between}.login-section{width:40%;text-align:left}.illustration-section{display:flex;width:50%;align-items:center;justify-content:center}}