@font-face{font-family:Montserrat;src:url('/static/fonts/montserrat-latin.woff2') format('woff2');font-display:swap}*{box-sizing:border-box}body{margin:0;background:#f4f4f3;color:#252525;font-family:Montserrat,Arial,sans-serif;line-height:1.6;font-size:16px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px max(24px,calc((100vw - 1180px)/2));background:#ffffffd9;border-bottom:1px solid #e0e0de;backdrop-filter:blur(20px)}.brand{font-size:22px;font-weight:800;letter-spacing:.05em;text-decoration:none}.brand span{font-weight:400}nav{display:flex;align-items:center;gap:22px}nav form{margin:0}a{color:#282828}main{max-width:1180px;margin:50px auto;padding:0 24px}.card{padding:32px;border:1px solid #e2e2df;background:white;border-radius:20px;box-shadow:0 10px 25px #00000004;margin-bottom:24px}.narrow{max-width:550px;margin:72px auto}.columns{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:start}h1{font-size:34px;line-height:1.2;font-weight:600;letter-spacing:-.035em}h2{font-size:23px}h3{font-size:20px;margin-top:0}.eyebrow{font-size:11px;letter-spacing:.12em;font-weight:600;color:#747474}.muted,.helptext{font-size:13px;color:#747474}.helptext{display:block;margin-top:8px}form p{margin:20px 0}label{display:block;font-weight:500;font-size:14px;margin-bottom:6px}input,select{width:100%;padding:12px 14px;border:1px solid #d7d7d4;border-radius:9px;background:#fafafa;color:#222;font:inherit;font-size:15px}input:focus,select:focus{outline:2px solid #757575;outline-offset:2px}button,.button{display:inline-block;padding:12px 20px;border:1px solid #292929;border-radius:9px;background:#292929;color:#fff;font:inherit;font-size:14px;cursor:pointer;text-decoration:none}.text-button{padding:0;border:0;background:none;color:#333}.errorlist{padding:12px 18px;background:#f8eded;color:#8d2828;border-radius:8px;list-style:none;font-size:14px}ul{font-size:13px;color:#666}@media(max-width:740px){header{padding:18px 20px;align-items:flex-start}nav{gap:10px;flex-wrap:wrap;font-size:12px;justify-content:flex-end}.columns{grid-template-columns:1fr}.card{padding:24px}.narrow{margin:30px auto}main{margin:30px auto}h1{font-size:29px}}

input[type=checkbox]{width:auto;margin-right:8px}

/* The existing AWATT Electronic artwork is shared with the administration UI. */
header{padding-top:16px;padding-bottom:16px}.brand{display:inline-flex;align-items:center;flex-shrink:0;line-height:1}.brand img{display:block;width:180px;height:auto}.access-help>p{margin:18px 0}.access-help .eyebrow{margin-top:0}.access-help h1{margin:24px 0}.recovery-phone-hint{display:flex;flex-direction:column;gap:4px;padding:14px 16px;background:#f4f4f3;border:1px solid #e2e2df;border-radius:10px}.recovery-phone-hint span{color:#686868;font-size:13px}.recovery-phone-hint strong{font-size:18px;letter-spacing:.08em;font-variant-numeric:tabular-nums}.access-help .access-help-action{margin:22px 0 14px}.access-help .muted{font-size:14px;line-height:1.65}.access-help-support{padding-top:20px;margin-top:24px;border-top:1px solid #e2e2df}.access-help-support p{margin:0 0 5px;font-weight:500}.access-help-links{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-top:24px;font-size:14px}@media(max-width:740px){.brand img{width:156px}header{gap:16px}.access-help .button{max-width:100%;text-align:center}.access-help h1{font-size:27px}}

/* Match the floating glass header of the published administration interface. */
header{position:sticky;top:16px;z-index:30;min-height:72px;margin:16px;padding:8px 24px;border:1px solid #fff;border-radius:20px;background:linear-gradient(120deg,rgba(255,255,255,.66),rgba(255,255,255,.54) 48%,rgba(255,255,255,.60));box-shadow:inset 0 1px 1px rgba(255,255,255,.96),inset 0 -1px 1px rgba(255,255,255,.30),0 8px 28px rgba(24,25,26,.09);backdrop-filter:blur(10px) saturate(1.45);-webkit-backdrop-filter:blur(10px) saturate(1.45)}header nav{flex-wrap:wrap}header nav a,header .text-button{white-space:nowrap}header a:focus-visible,header button:focus-visible{outline:2px solid #757575;outline-offset:5px}@media(max-width:740px){header{align-items:center;gap:12px;padding:10px 18px}}@media(max-width:580px){header{top:12px;margin:12px;flex-wrap:wrap;gap:12px;padding:12px 18px}header nav{width:100%;justify-content:flex-start;gap:10px 18px}}@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){header{background:#fafafa}}@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){header{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}}
