body{margin:0;font-family:Arial,sans-serif;background:#fff;color:#222}
.page{display:grid;grid-template-columns:58% 42%;min-height:100vh}
.left{padding:45px 70px}
.right{background:url('https://images.unsplash.com/photo-1519494026892-80bbd2d6fd0d?auto=format&fit=crop&w=1200&q=80') center/cover no-repeat}
h1{color:#e60020;font-size:30px}
.logo{text-align:center;color:#bbb;font-size:42px;font-weight:bold;margin:20px}
.form{max-width:760px;margin:120px auto 0}
label{font-weight:bold;display:block;margin:18px 0 8px}
select,input{width:100%;padding:16px;border:1px solid #ddd;border-radius:10px;font-size:18px;box-sizing:border-box}
.row{display:flex;gap:20px;align-items:end}
.row>*{flex:1}
button{
  background:#ed001f;
  color:white;
  border:none;
  padding:16px 20px;
  border-radius:8px;
  font-weight:bold;
  font-size:16px;
  cursor:pointer;
}
.info{margin-top:35px;border:1px solid #ddd;border-radius:12px;padding:22px;color:#435064;line-height:1.6}
@media(max-width:900px){
  body{
    overflow-x:hidden;
  }

  .page{
    grid-template-columns:1fr;
  }

  .right{
    display:none;
  }

  .left{
    padding:22px;
    width:100%;
    max-width:100%;
  }

  .form{
    margin-top:40px;
    width:100%;
    max-width:100%;
  }

  .logo{
    font-size:34px;
    margin:20px 0;
  }

  .row{
    flex-direction:column;
    align-items:stretch;
    gap:14px;
  }

  .row > *{
    width:100%;
    flex:none;
  }

  button{
    width:100%;
  }
}