:root{--bg:#f6f4ef;--kort:#fff;--tekst:#1f2a2e;--daempet:#5a6669;--accent:#2f5d62;--accent2:#244a4e;--kant:#d9d4c9;--fejl:#b3261e;--ny:#e8f0ef}
@media (prefers-color-scheme:dark){:root{--bg:#161b1d;--kort:#1f2629;--tekst:#e9ecea;--daempet:#a8b3b4;--accent:#7fb3b0;--accent2:#9cc7c4;--kant:#34403f;--fejl:#ff8a80;--ny:#22312f}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--tekst);font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
a{color:var(--accent)}
h1{font-size:1.5rem;margin:0 0 .5rem}h2{font-size:1.15rem;margin:2rem 0 .5rem}h3{margin:0 0 .5rem;font-size:1.1rem}
.top{display:flex;justify-content:space-between;align-items:center;padding:1rem 16px;max-width:860px;margin:0 auto}
.logo{font-weight:600;text-decoration:none;color:var(--tekst)}
.side{max-width:860px;margin:0 auto;padding:0 16px 3rem}
.kort{background:var(--kort);border:1px solid var(--kant);border-radius:12px;padding:1.25rem;margin:0 0 1rem}
.smal{max-width:520px}
label{display:block;margin:.9rem 0 .3rem;font-weight:500}
input[type=text],input:not([type]),input[type=email],input[type=tel],input[type=password]{width:100%;padding:.7rem .8rem;border:1px solid var(--kant);border-radius:8px;font:inherit;background:var(--kort);color:var(--tekst)}
input:focus{outline:2px solid var(--accent);outline-offset:1px}
fieldset{border:0;padding:0;margin:.9rem 0 0}legend{font-weight:500;margin-bottom:.3rem}
.valg{display:flex;gap:.5rem;align-items:flex-start;font-weight:400;margin:.4rem 0}
.valg input{margin-top:.3rem}
.samtykke{margin-top:1.2rem}
button{background:var(--accent);color:#fff;border:0;border-radius:8px;padding:.75rem 1.2rem;font:inherit;font-weight:600;cursor:pointer;margin-top:1rem}
@media (prefers-color-scheme:dark){button{color:#10201f}}
button:hover{background:var(--accent2)}button:disabled{opacity:.5;cursor:default}
button.sekundaer{background:transparent;color:var(--accent);border:1px solid var(--accent)}
button.slet{background:var(--fejl);color:#fff;margin-left:.5rem}
button.link{background:none;color:var(--accent);padding:0;margin:0;font-weight:500;text-decoration:underline}
.fejl{color:var(--fejl)}.besked{padding:1rem 0}
.hjaelp,.intro{color:var(--daempet);font-size:.92rem}
.advarsel{border-left:4px solid var(--fejl);padding-left:.75rem}
.skjult{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.fod{color:var(--daempet);font-size:.8rem;text-align:center;margin:1rem 0 0}
.formside{background:transparent}
.formside .kort{max-width:560px;margin:0 auto}
.adresse{display:flex;align-items:center;gap:.25rem}.adresse span{color:var(--daempet);white-space:nowrap}
.kopi{display:flex;gap:.5rem;align-items:flex-start;flex-wrap:wrap}.kopi code{flex:1;min-width:0;word-break:break-all;background:var(--bg);padding:.5rem;border-radius:6px;font-size:.85rem}
.kopi button{margin-top:0}
.henv.ny{background:var(--ny)}
dl{display:grid;grid-template-columns:max-content 1fr;gap:.25rem 1rem;margin:0}dt{color:var(--daempet)}dd{margin:0}
.knapper{margin-top:.5rem}
.forside p{max-width:640px}
.kode{font:600 1.3rem/1.4 ui-monospace,Consolas,monospace;letter-spacing:.05em;background:var(--bg);padding:.6rem .8rem;border-radius:8px;text-align:center}