.credential-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:24px 0 14px}
a.credential-primary,.credential-panel button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border:1px solid #c0a3ff;border-radius:10px;background:#b898ff;color:#180d31!important;font:700 15px/1.4 system-ui,sans-serif;text-align:center;text-decoration:none!important;cursor:pointer}
a.credential-primary:hover,.credential-panel button:hover{background:#d0baff}
a.credential-secondary{display:inline-flex;align-items:center;min-height:44px;padding:8px 4px;color:inherit;font-weight:600;text-underline-offset:4px}
.credential-steps{margin:12px 0 20px;color:inherit;font-size:14px;line-height:1.6;opacity:.85}
.credential-entry{max-width:1120px;margin:40px auto;padding:0 24px;scroll-margin-top:110px}
.credential-entry h2{margin:8px 0 14px;font-size:clamp(25px,4vw,38px);line-height:1.15}
.credential-entry__intro{max-width:740px;margin:0 0 24px;color:#bec3d5;line-height:1.65}
.credential-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}
.credential-panel{min-width:0;padding:clamp(20px,3vw,30px);border:1px solid #706090;border-radius:16px;background:#14121e;color:#f1effb}
.credential-panel--next{border-color:#333548;background:#11141d}
.credential-panel h3{margin:8px 0 12px;font-size:24px;line-height:1.2}
.credential-panel p{margin:10px 0;color:#c1c4d5;font-size:15px;line-height:1.6}
.credential-badge{display:inline-block;padding:5px 10px;border-radius:20px;background:#b898ff;color:#180d31;font-size:12px;font-weight:750}
.credential-panel--next .credential-badge{background:#292d40;color:#e4dcef}
.credential-panel label{display:block;margin:18px 0 7px;color:#e4dcef;font-size:14px}
.credential-panel .credential-hint{margin:6px 0 0;font-size:13px;line-height:1.5}
.credential-panel input{box-sizing:border-box;width:100%;max-width:100%;padding:12px;border:1px solid #6b627c;border-radius:8px;background:#080b12;color:#f4f2ff;font:inherit}
.credential-panel button{margin-top:12px;width:100%}
.credential-panel button[disabled]{opacity:.65;cursor:default}
.credential-panel a:not(.credential-primary){color:#d2bbff;text-underline-offset:4px}
.credential-panel [hidden]{display:none!important}
.credential-panel pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:14px;background:#080b12;border:1px solid #4e4560;border-radius:8px;font-size:13px;color:#eef0fb}
.credential-panel .credential-status{min-height:24px}
.credential-production{scroll-margin-top:110px;margin-top:22px;border:1px solid #434458;border-radius:14px;padding:20px;background:#11141d;color:#f1effb}
.credential-production summary{cursor:pointer;font-weight:700;font-size:17px;padding:8px}
.credential-production .lkw{margin:20px auto 0;padding:0}
.credential-entry a:focus-visible,.credential-entry button:focus-visible,.credential-entry input:focus-visible,.credential-entry summary:focus-visible,.credential-primary:focus-visible{outline:3px solid #e1d3ff;outline-offset:4px}
@media(max-width:650px){.credential-grid{grid-template-columns:1fr}.credential-actions>a{width:100%;justify-content:center;box-sizing:border-box}.credential-entry{padding:0 16px}.credential-production{padding:14px}.nav nav{flex-wrap:wrap;justify-content:flex-end;gap:12px}.nav nav a.credential-primary{min-height:42px;font-size:13px;padding:8px 12px}}