.loader-page { min-height: 100svh; display: flex; flex-direction: column; }
.loader-main { flex: 1; width: min(100%,580px); margin: 0 auto; padding: 135px 24px 70px; }
.loader-back { color: #8a9099; font-size: 12px; display: inline-block; margin-bottom: 22px; }
.loader-back:hover { color: var(--ink); }
.loader-card { background: #101214; border: 1px solid #ffffff16; border-radius: 12px; padding: 30px; }
.loader-card h1 { font-size: 28px; line-height: 1.3; letter-spacing: -.03em; font-weight: 550; }
.loader-intro { margin: 13px 0 26px; color: #8b929c; font-size: 13px; line-height: 1.8; }
.loader-key-input { position: relative; }
.loader-key-input input { padding-right: 62px; font-family: var(--mono); font-size: 12px; }
.loader-key-input button { position: absolute; top: 5px; right: 6px; padding: 10px; border: 0; border-radius: 5px; color: #9ea9b7; background: transparent; font-size: 11px; }
.loader-action { width: 100%; display: flex; justify-content: center; margin-top: 22px; min-height: 44px; font-size: 13px; }
.loader-action:disabled,.loader-confirm-actions button:disabled { opacity: .4; cursor: not-allowed; }
.loader-help { color: #707984; font-size: 11px; line-height: 1.8; margin-top: 15px; }
.loader-prefill { font-size: 11px; line-height: 1.8; color: #96acc8; margin-top: 10px; }
.loader-prefill a,.loader-support a { color: #b3c6df; text-decoration: underline; text-underline-offset: 3px; }
.loader-result { margin-top: 22px; padding-top: 20px; border-top: 1px solid #ffffff10; }
.loader-result h2 { color: #b7c6db; font-size: 14px; font-weight: 500; }
.loader-result p { font-size: 12px; color: #8c9db5; line-height: 1.8; margin-top: 8px; }
.loader-result #loader-result-state { color: #d6e3f3; }
.loader-support { margin-top: 23px; color: #747d88; text-align: center; font-size: 11px; line-height: 1.8; }
.loader-confirm-modal { margin: auto; width: min(450px,calc(100% - 32px)); padding: 28px; color: var(--ink); background: #101418; border: 1px solid #ffffff24; border-radius: 12px; box-shadow: 0 30px 100px #0008; }
.loader-confirm-modal::backdrop { background: #000b; backdrop-filter: blur(5px); }
.loader-confirm-modal h2 { font-size: 24px; font-weight: 500; letter-spacing: -.025em; }
.loader-confirm-modal > p { color: #8e9aaa; font-size: 13px; line-height: 1.8; margin-top: 15px; }
.loader-confirm-label { display: flex; align-items: flex-start; gap: 10px; color: #b4c1d2; font-size: 12px; line-height: 1.8; margin-top: 23px; cursor: pointer; }
.loader-confirm-label input { flex: none; width: 14px; height: 14px; margin-top: 4px; accent-color: #b3c9e7; }
.loader-confirm-actions { display: flex; align-items: center; justify-content: flex-end; gap: 9px; margin-top: 25px; flex-wrap: wrap; }
.loader-confirm-actions button { font-size: 12px; }
.loader-page button:focus-visible,.loader-page input:focus-visible { outline: 2px solid #b3c9e7; outline-offset: 3px; }
.loader-page footer { position: relative; z-index: 1; }
.loader-page nav [aria-current="page"] { background: #ffffff19; border-color: #ffffff38; }
@media(max-width:600px) { .loader-main { padding: 115px 20px 55px; } .loader-card { padding: 25px 22px; } .loader-card h1 { font-size: 25px; } .loader-confirm-modal { padding: 25px 22px; } }