:root{--flade:#fbfaf8;--kort:#fff;--kant:#e3ded6;--tekst:#1d1b18;--tekst-svag:#6b6760;--accent:#2f5d50;--accent-tekst:#fff;--fejl:#8c2f26;--radius:10px;--maal:1.5rem}*{box-sizing:border-box}html,body{background:var(--flade);color:var(--tekst);margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;line-height:1.55}h1,h2,h3{margin:0 0 .5rem;font-weight:650;line-height:1.2}h1{font-size:1.6rem}p{margin:0 0 1rem}.midt{min-height:100dvh;padding:var(--maal);place-items:center;display:grid}.kort{background:var(--kort);border:1px solid var(--kant);border-radius:var(--radius);width:100%;max-width:26rem;padding:2rem}.side{max-width:48rem;padding:var(--maal);margin:0 auto}label{margin-bottom:.35rem;font-weight:600;display:block}input[type=email]{border:1px solid var(--kant);width:100%;font:inherit;background:var(--flade);color:var(--tekst);border-radius:8px;padding:.65rem .75rem}input[type=email]:focus-visible{outline:2px solid var(--accent);outline-offset:1px}button{font:inherit;background:var(--accent);color:var(--accent-tekst);cursor:pointer;border:1px solid #0000;border-radius:8px;padding:.65rem 1rem;font-weight:600}button:hover{filter:brightness(1.08)}button:disabled{opacity:.6;cursor:default}.svag{color:var(--tekst-svag);font-size:.9rem}.fejl{color:var(--fejl);font-weight:600}.liste{gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.liste button{text-align:left;background:var(--kort);width:100%;color:var(--tekst);border-color:var(--kant);padding:.85rem 1rem}.liste button:hover{border-color:var(--accent);filter:none}.rolle{color:var(--tekst-svag);font-size:.85rem;font-weight:400;display:block}