body{background:radial-gradient(circle at 8% 5%,var(--rx-sage-100),transparent 28rem),var(--rx-canvas)}.consumer-app{min-height:100vh}.auth-card{background:var(--rx-surface);border:1px solid var(--rx-border);border-radius:var(--rx-radius-xl);box-shadow:var(--rx-shadow-md);margin:8vh auto;max-width:30rem;padding:2.4rem}.auth-card .roxiro-logo{margin-bottom:2rem;width:11rem}.auth-card h1{font-size:2.2rem;margin:.25rem 0}.auth-card form{display:grid;gap:.7rem;margin:1.5rem 0}.auth-card label:not(:first-child){margin-top:.45rem}
.shell>header{align-items:center;background:color-mix(in srgb,var(--rx-surface) 92%,transparent);border-bottom:1px solid var(--rx-border);display:flex;justify-content:space-between;padding:1rem clamp(1rem,5vw,5rem);position:sticky;top:0;z-index:5;backdrop-filter:blur(16px)}.brand{display:flex;text-decoration:none}.brand .roxiro-logo{width:9rem}.shell>header>div{align-items:center;display:flex;gap:.65rem}.quiet{border:1px solid var(--rx-border);border-radius:var(--rx-radius-sm);min-height:2.6rem;padding:.5rem .8rem}
#consumerNav{display:flex;gap:.4rem;margin:1.2rem auto 0;max-width:76rem;overflow:auto;padding:0 1.2rem}#consumerNav a{border-radius:999px;color:var(--rx-muted);font-size:.88rem;font-weight:700;padding:.65rem .9rem;text-decoration:none;white-space:nowrap}#consumerNav a.active{background:var(--rx-sage-100);color:var(--rx-sage-700)}.content{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr));margin:0 auto;max-width:76rem;padding:1.2rem}.card{padding:clamp(1.3rem,3vw,2.2rem)}.card.hero{grid-column:1/-1}.card h1{font-size:clamp(2rem,4vw,3.7rem);letter-spacing:-.05em;margin:.2rem 0 1rem}.card h2{margin-top:0}.big{color:var(--rx-sage-700);display:block;font-size:1.35rem;font-weight:800;margin:1rem 0}.list{display:grid;gap:.7rem}.item{background:var(--rx-surface-soft);border-radius:var(--rx-radius-md);padding:1rem}.item p{color:var(--rx-muted);margin:.3rem 0 0}.composer{display:grid;gap:.75rem}.notice{margin-top:1rem}
@media(max-width:700px){.content{grid-template-columns:1fr}.shell>header{align-items:flex-start}.status{display:none}.card.hero{grid-column:auto}.quiet{font-size:0}.quiet::after{content:"Uit";font-size:.85rem}}