.weru-logo{align-items:center;gap:12px;display:inline-flex}.weru-logo__mark{background:var(--weru-yellow);width:40px;height:40px;color:var(--weru-black);place-items:center;font-size:1.4rem;font-weight:900;display:grid}.weru-logo__text{letter-spacing:.15em;font-size:1.25rem;font-weight:700}.login{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:100vh;display:grid}.login__brand{background:var(--weru-black);color:var(--weru-white);flex-direction:column;justify-content:space-between;padding:40px;display:flex}.login__claim{margin:0;font-size:clamp(2rem,4vw,3.2rem);font-weight:600;line-height:1.15}.login__panel{background:var(--weru-white);place-items:center;padding:40px 16px;display:grid}.login__form{width:100%;max-width:400px}.login__title{margin:0 0 8px;font-size:2rem;font-weight:400}.login__intro{color:var(--weru-gray-600);margin:0 0 32px}.login__field{color:var(--weru-gray-600);margin-bottom:24px;font-size:.875rem;display:block}.login__field input{border:0;border-bottom:1px solid var(--weru-gray-300);width:100%;color:var(--weru-black);font:1rem var(--weru-font);background:0 0;border-radius:0;margin-top:8px;padding:10px 0;display:block}.login__field input:focus{border-bottom:2px solid var(--weru-black);outline:none;margin-bottom:-1px}.login__error{border-left:4px solid var(--weru-error);color:var(--weru-error);background:#fdecee;margin:0 0 24px;padding:12px 16px}.login__submit{width:100%}@media (width<=760px){.login{grid-template-rows:auto 1fr;grid-template-columns:1fr}.login__brand{gap:32px;padding:24px 16px}.login__claim{font-size:1.75rem}.login__panel{place-items:start center}}.product-list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.product-card{background:var(--weru-white);border-top:4px solid var(--weru-yellow);padding:24px}.product-card h2{margin:0 0 8px;font-size:1.25rem;font-weight:400}.product-card p{color:var(--weru-gray-600)}.error{color:var(--weru-error)}.app-header{background:var(--weru-black);color:var(--weru-white);justify-content:space-between;align-items:center;gap:16px;padding:12px 24px;display:flex}.app-header__user{align-items:center;gap:16px;display:flex}.app{max-width:960px;margin:0 auto;padding:40px 16px}.app h1{margin:0 0 8px;font-size:2rem;font-weight:400}.app__intro{color:var(--weru-gray-600);margin:0 0 24px}@media (width<=560px){.app-header{padding:12px 16px}.app-header__user span{display:none}}:root{--weru-yellow:#ff0;--weru-black:#000;--weru-white:#fff;--weru-gray-100:#f7f8fa;--weru-gray-200:#e3e3e3;--weru-gray-300:#cfcfcf;--weru-gray-600:#666;--weru-error:#c8102e;--weru-font:"Aribau Grotesk", Arial, Helvetica, sans-serif}*,:before,:after{box-sizing:border-box}body{font-family:var(--weru-font);background:var(--weru-gray-100);color:var(--weru-black);-webkit-font-smoothing:antialiased;margin:0}.weru-button{background:var(--weru-yellow);min-height:48px;color:var(--weru-black);font:700 1rem var(--weru-font);cursor:pointer;border:0;border-radius:0;justify-content:center;align-items:center;padding:0 24px;transition:background .15s,color .15s;display:inline-flex}.weru-button:hover:not(:disabled){background:var(--weru-black);color:var(--weru-yellow)}.weru-button:focus-visible{outline:2px solid var(--weru-black);outline-offset:2px}.weru-button:disabled{opacity:.6;cursor:progress}.weru-button--secondary{color:var(--weru-white);border:1px solid var(--weru-white);background:0 0}.weru-button--secondary:hover:not(:disabled){background:var(--weru-yellow);color:var(--weru-black);border-color:var(--weru-yellow)}