@font-face{font-family:NCBody;src:url('./assets/montserrat-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:NCBrand;src:url('./assets/league-spartan-original-bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{color-scheme:dark;--bg:#080a10;--panel:#111521;--ink:#f5f4f9;--muted:#bdbaca;--accent:#c9b7f2;--purple:#6b31bb;--line:#323747;--blue:#1380fe}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 NCBody,'Segoe UI',Arial,sans-serif}a{color:var(--accent);text-underline-offset:4px}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}[hidden]{display:none!important}.wrap{width:min(1180px,calc(100% - 48px));margin-inline:auto}.header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:110px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:14px;color:var(--ink);text-decoration:none;font:700 24px NCBrand,sans-serif;letter-spacing:.04em}.brand img{object-fit:contain}.subtle{font-size:14px;text-decoration:none}.intro{padding:60px 0 30px;max-width:860px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.15em;color:var(--accent);margin:0 0 14px}h1,h2,h3{font-family:NCBrand,'Segoe UI',sans-serif;line-height:1.13}h1{font-size:clamp(38px,5.6vw,66px);margin:0 0 20px;letter-spacing:-.025em}h2{font-size:32px;margin:0 0 20px;letter-spacing:-.015em}h3{font-size:21px;margin:0 0 12px}.lead{font-size:20px;color:var(--muted);margin:0}p{margin:0 0 20px}.steps{list-style:none;margin:0 0 36px;padding:22px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;border-block:1px solid var(--line);color:var(--muted);font-size:14px}.steps span{color:var(--accent);font:700 21px NCBrand,sans-serif;margin-right:10px}.steps .current{color:var(--ink)}.columns{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(270px,1fr);gap:48px;align-items:start}.panel{background:var(--panel);padding:36px;border:1px solid var(--line);border-radius:16px;overflow-wrap:anywhere}.panel>p{color:var(--muted)}.panel>.eyebrow{color:var(--accent)}label{display:block;margin:22px 0 8px;font-weight:600;font-size:15px}input:not([type=checkbox]):not([type=radio]),select{width:100%;padding:13px 14px;border:1px solid #666579;border-radius:7px;background:var(--bg);color:var(--ink);min-height:50px}input::placeholder{color:#9b99a8}.hint{font-size:13px;color:var(--muted);line-height:1.55;margin-top:12px}button,.primary{cursor:pointer}.primary{border:1px solid transparent;background:var(--purple);color:#fff;border-radius:7px;min-height:50px;display:inline-flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 19px;margin-top:14px;text-decoration:none;font-size:15px;font-weight:700;line-height:1.45}.primary:hover{background:#7d42ce}.primary:disabled{cursor:wait;opacity:.65}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #9fbfff;outline-offset:4px}.summary{padding-top:14px}.summary h2{font-size:38px}.summary>p:not(.eyebrow),.summary li{color:var(--muted);font-size:15px}.summary ul{padding-left:21px}.summary li{margin:10px 0}.certificate-preview{width:100%;height:auto;border:1px solid var(--line);border-radius:5px;display:block;margin:24px 0}.message:not(:empty){padding:14px 16px;border-left:3px solid var(--accent);background:#1c1a2b;margin:24px 0 0;font-size:15px}.message.error{border-color:#ffabab;color:#ffe4e4}.facts{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.facts span{font-size:12px;border:1px solid var(--line);border-radius:20px;padding:5px 10px;color:var(--accent)}.course-title{font-weight:600;color:var(--ink)!important}.declaration{display:flex;align-items:flex-start;gap:12px;font-weight:400;line-height:1.5}.declaration input{margin:5px 0;flex:none;width:18px;height:18px;accent-color:#a677e4}.question{border:0;border-top:1px solid var(--line);padding:28px 0 6px;margin:28px 0 0;min-width:0}.question legend{font-weight:600;font-size:16px;line-height:1.55;padding-top:22px;width:100%}.question-number{display:block;color:var(--accent);font-size:12px;letter-spacing:.06em;margin-bottom:9px}.option{display:flex;gap:12px;align-items:flex-start;background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:13px;font-weight:400;line-height:1.5;margin:10px 0;font-size:15px}.option:has(input:checked){border-color:var(--accent);background:#211b31}.option input{margin-top:5px;flex:none;accent-color:var(--accent)}.score{font:700 52px NCBrand,sans-serif;color:var(--accent)!important}.certificate-number{font:14px/1.5 ui-monospace,monospace;overflow-wrap:anywhere}.feedback-item{padding:20px 0;border-top:1px solid var(--line);margin-top:20px}.feedback-item p{font-size:15px;color:var(--muted);margin:0}.feedback-item h3{font-family:'Segoe UI',sans-serif;font-size:16px;line-height:1.4}.text-button{background:none;border:0;color:var(--muted);padding:14px 0;text-decoration:underline;text-underline-offset:4px;font-size:14px;margin-top:24px}.footer{padding:28px 0;margin-top:65px;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}.notice{padding:16px 20px;background:#211b31;border:1px solid #6e548f;border-radius:8px;margin-top:25px;font-size:14px}.skip{position:absolute;left:20px;top:-100px;padding:12px;background:var(--bg);z-index:10}.skip:focus{top:10px}
@media(max-width:780px){.columns{grid-template-columns:1fr;gap:34px}.summary{max-width:570px}.steps{gap:12px;font-size:12px}.steps span{display:block;margin-bottom:6px}.intro{padding-top:40px}.header{min-height:90px}.brand{font-size:20px}.brand img{width:40px;height:40px}.subtle{font-size:12px;text-align:right}.panel{padding:25px}.footer{margin-top:40px}}
@media(max-width:420px){.wrap{width:calc(100% - 32px)}.header{gap:14px}.brand{font-size:17px;gap:8px}.brand img{width:32px;height:32px}.subtle{max-width:83px}.panel{padding:22px 18px}h2{font-size:28px}.primary{width:100%}.footer{flex-direction:column;gap:8px}.lead{font-size:18px}}
@media(prefers-reduced-motion:no-preference){button,a{transition:background-color .15s ease,color .15s ease}}
