/* Design hentet fra defa-portal-demo.html */
:root{ --red:#E30613; --red-dark:#b8050f; --ink:#1a1a1a; --muted:#6f6f6f; --line:#e3e3e3; --bg:#f5f5f5; }
*{box-sizing:border-box}
body{margin:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.5}

.topbar{background:#fff;border-bottom:1px solid var(--line);padding:14px 28px;display:flex;align-items:center;justify-content:space-between}
.logo{display:block;height:64px;width:auto;margin:-11px 0}
.topnav{display:flex;align-items:center;gap:26px;font-size:14px}

.wrap{max-width:560px;margin:0 auto;padding:36px 20px 70px}
.card{background:#fff;border:1px solid var(--line);padding:28px}
h1{font-size:24px;font-weight:600;margin:0 0 8px;letter-spacing:-.2px}
p{margin:0 0 16px}
.muted{color:var(--muted);font-size:14px}
label{display:block;font-size:14px;font-weight:600;margin:16px 0 6px}
input,textarea{width:100%;padding:12px;border:1px solid #c9c9c9;font-size:15px;background:#fff;font-family:inherit}
input:focus,textarea:focus{outline:none;border-color:var(--ink)}
textarea{resize:vertical}
.group-label{display:block;font-size:15px;font-weight:600;margin:26px 0 12px}
.req{color:var(--red)}
.consent{display:flex;align-items:flex-start;gap:14px;margin:0;font-size:14px;font-weight:400;line-height:1.5;color:var(--ink);cursor:pointer}
.consent input[type=checkbox]{appearance:none;-webkit-appearance:none;position:relative;flex:0 0 auto;width:24px;height:24px;margin:0;padding:0;border:1px solid #c9c9c9;background:#fff;cursor:pointer}
.consent input[type=checkbox]:hover{border-color:var(--muted)}
.consent input[type=checkbox]:checked{border-color:var(--red)}
.consent input[type=checkbox]:checked::after{content:"";position:absolute;left:8px;top:3px;width:6px;height:12px;border:solid var(--red);border-width:0 2px 2px 0;transform:rotate(45deg)}
.consent input[type=checkbox]:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.policy-link{background:var(--bg);padding:11px 14px;margin-top:12px}
.policy-link a{color:var(--ink);font-size:14px;text-decoration:none;border-bottom:1px solid var(--red);padding-bottom:2px}
.policy-link a:hover{color:var(--red)}
button{background:var(--red);color:#fff;border:none;border-radius:999px;padding:14px 38px;font-size:15px;font-weight:700;cursor:pointer;margin-top:20px}
button:hover{background:var(--red-dark)}
button.full{width:100%}
button.secondary{background:#fff;color:var(--ink);border:1px solid #c9c9c9}
button.secondary:hover{background:var(--bg)}
.btnlink{display:inline-block;background:var(--red);color:#fff;text-decoration:none;border-radius:999px;padding:14px 38px;font-size:15px;font-weight:700;margin-top:8px}
.btnlink:hover{background:var(--red-dark)}
.status{font-size:14px;font-weight:600}
.status.wait{color:#a06000}
.status.ok{color:#1c7a44}
.status.err{color:var(--red)}
.error{color:var(--red);font-size:14px;font-weight:600}
.accepted{color:#1c7a44}