.container{display:grid;grid-template-columns:2fr 3fr;gap:2rem;padding:2rem;max-width:1000px;margin:0 auto}.container img{width:100%}@media(width <= 700px){.container{grid-template-columns:1fr;gap:1rem}.container img{height:200px;justify-self:center}}.login{margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem 1rem}.login>p{font-size:1rem;color:var(--gray600)}.login h1{font-size:2.5rem;font-weight:600;margin-bottom:1rem}.login form{display:flex;flex-direction:column;gap:.5rem}.login form p{margin-bottom:.5rem}.login form input{width:100%;margin-top:.5rem;padding:.5rem;border:1px solid var(--brand700);border-radius:6px;font-size:1rem;transition:border-color .1s ease-in-out}.login form input:focus{outline:none;border-color:var(--brand500);box-shadow:0 0 0 3px var(--brand200)}.login form input[type=submit]{background-color:var(--brand600);color:#fff;cursor:pointer;transition:background-color .1s ease-in-out}.login form input[type=submit]:hover{background-color:var(--brand400)}.forgot-password{font-size:.75rem;margin-left:auto;text-decoration:underline}.password-requirements{font-size:.9em;margin-top:5px;color:var(--gray600)}.password-requirements .password-requirements-title{margin:2px 0;font-weight:500}.password-requirements .password-requirements-list{margin:5px 0;padding-left:20px;list-style:none}.password-requirements .password-requirements-list .password-requirement{margin:2px 0;position:relative;transition:color .2s ease}.password-requirements .password-requirements-list .password-requirement::before{content:"○";position:absolute;left:-15px;transition:content .2s ease,color .2s ease}.password-requirements .password-requirements-list .password-requirement.valid{color:var(--green600, #16a34a)}.password-requirements .password-requirements-list .password-requirement.valid::before{content:"✓";color:var(--green600, #16a34a)}.password-requirements .password-requirements-list .password-requirement.invalid{color:var(--red600, #dc2626)}.password-requirements .password-requirements-list .password-requirement.invalid::before{content:"✗";color:var(--red600, #dc2626)}