body{background:#f3f5f8;margin:0;font-family:system-ui,sans-serif}.login{background:linear-gradient(125deg,#e9f2f6,#f5f6fa);place-items:center;min-height:100vh;display:grid}.brand{color:#fff;align-items:center;gap:10px;height:64px;padding:0 24px;font-size:22px;font-weight:700;display:flex}.header{background:#fff;justify-content:space-between;align-items:center;gap:12px;padding:0 24px;display:flex}.content{padding:24px}@media (width<=600px){.header{padding:0 12px}.content{padding:12px}}