:root{--primary:#0b57d0;--primary-hover:#1557b0;--text-main:#202124;--text-muted:#5f6368;--border-color:#fff;--border-color-input:#cbd6e2;--background:#f0f4f9;--card-bg:#fff;--radius:28px;--radius-input:8px}body{background-color:var(--background);color:var(--text-main);margin:0;font-family:Google Sans,Arial,sans-serif}.container{justify-content:center;align-items:center;min-height:100vh;display:flex}.login-box{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius);text-align:center;align-items:right;width:360px;padding:40px}h1{color:var(--text-main);margin:0;font-family:Google Sans,sans-serif;font-size:36px;font-weight:400}p{color:var(--text-muted);margin:12px 0 30px}form{text-align:left}label{color:var(--text-main);margin-bottom:8px;font-size:14px;display:block}.logo{width:150px;margin-bottom:20px}.illustration{width:100%;margin-bottom:30px}input{border:1px solid var(--border-color-input);border-radius:var(--radius-input);box-sizing:border-box;background:var(--card-bg);width:100%;color:var(--text-main);margin-bottom:18px;padding:14px;font-size:14px}input:focus{border-color:var(--primary);outline:none}.forgot-password{color:var(--primary);margin-bottom:30px;font-size:14px;text-decoration:none;display:inline-block}.forgot-password:hover{text-decoration:underline}button{max-width:min-content}.primary-btn{cursor:pointer;border:none;border-radius:20px;padding:10px 18px;font-size:14px}.container-btn{justify-content:flex-end;width:100%;display:flex}.primary-btn{background:var(--primary);color:#fff}.primary-btn:hover{background:var(--primary-hover)}