:root{--bg-deep:#0a0620;--bg-deep-2:#1a0e3d;--card-bg:#1a1036b8;--card-border:#ffffff1a;--text:#f5f0ff;--text-muted:#b6a8dd;--accent:#ff2e9d;--accent-soft:#ff2e9d59;--accent-2:#21e6ff;--accent-2-soft:#21e6ff59;--gold:#ffd166;--success:#2bffa8;--error:#ff5c7a;--radius-lg:24px;--radius-md:14px;--mono:ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;color:var(--text);-webkit-tap-highlight-color:transparent;font:17px/1.55 system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:radial-gradient(circle at 12% -10%, #ff2e9d59, transparent 45%), radial-gradient(circle at 88% 0%, #21e6ff47, transparent 42%), radial-gradient(circle at 50% 115%, #9d4eff59, transparent 55%), linear-gradient(180deg, var(--bg-deep) 0%, var(--bg-deep-2) 100%)}h1,h2,h3{letter-spacing:-.02em;color:var(--text);margin:0;font-weight:800}a{color:var(--accent-2)}.app-shell{justify-content:center;align-items:flex-start;min-height:100vh;padding:28px 16px 60px;display:flex}.app-shell-column{flex-direction:column;gap:18px;width:100%;max-width:720px;display:flex}.card{background:var(--card-bg);-webkit-backdrop-filter:blur(18px);border:1px solid var(--card-border);border-radius:var(--radius-lg);width:100%;max-width:640px;box-shadow:0 0 0 1px #ffffff08 inset, 0 30px 60px -20px #0009, 0 0 40px -12px var(--accent-soft);padding:30px 26px 34px;position:relative}.eyebrow{font:600 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-2);align-items:center;gap:8px;margin-bottom:10px;display:inline-flex}.card h1{background:linear-gradient(90deg, var(--text) 20%, var(--accent-2) 60%, var(--accent) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:30px}.subtitle{color:var(--text-muted);margin-top:10px}.step-track{justify-content:space-between;align-items:center;gap:12px;margin:22px 0 26px;display:flex}.step-counter{font:700 13px/1 var(--mono);letter-spacing:.08em;color:var(--accent-2);white-space:nowrap}.step-dots{flex:1;gap:6px;display:flex}.step-dot{background:#ffffff1f;border-radius:999px;flex:1;height:6px;overflow:hidden}.step-dot.done,.step-dot.current{background:linear-gradient(90deg, var(--accent), var(--accent-2))}.step-dot.current{opacity:.55}form{flex-direction:column;gap:22px;display:flex}.login-form{margin-top:24px}label{flex-direction:column;gap:8px;font-weight:600;display:flex}input[type=text],input[type=password],input[type=number],input[type=date],textarea{font:inherit;border-radius:var(--radius-md);border:1px solid var(--card-border);color:var(--text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#ffffff0f;min-height:52px;padding:14px 16px}textarea{resize:vertical;min-height:110px;line-height:1.5}input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent-2);outline-offset:1px}.question-text{font-size:20px;line-height:1.4}.choices{flex-direction:column;gap:12px;display:flex}.choice-btn{font:inherit;text-align:left;border-radius:var(--radius-md);border:1px solid var(--card-border);min-height:56px;color:var(--text);cursor:pointer;background:#ffffff0d;padding:16px 18px;transition:transform .15s,border-color .15s,background .15s}.choice-btn:active{transform:scale(.98)}.choice-btn.selected{background:linear-gradient(90deg, var(--accent-soft), var(--accent-2-soft));box-shadow:0 0 0 1px var(--accent), 0 0 24px -6px var(--accent);border-color:#0000;font-weight:700}.slider-value{color:var(--text);font-size:30px;font-weight:800}.slider-value .unit{color:var(--text-muted);margin-left:4px;font-size:16px;font-weight:500}.slider-row{align-items:center;gap:10px;margin-bottom:26px;display:flex}.slider-row input[type=range]{appearance:none;background:linear-gradient(90deg, var(--accent), var(--accent-2));border-radius:999px;outline:none;flex:1;height:8px}.slider-row input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--text);border:4px solid var(--accent);width:30px;height:30px;box-shadow:0 0 16px -2px var(--accent);cursor:pointer;border-radius:50%}.slider-row input[type=range]::-moz-range-thumb{background:var(--text);border:4px solid var(--accent);width:30px;height:30px;box-shadow:0 0 16px -2px var(--accent);cursor:pointer;border:none;border-radius:50%}.slider-bound{color:var(--text-muted);font:600 13px/1 var(--mono);text-align:center;min-width:3ch}.photo-frame{border-radius:var(--radius-md);border:1px solid var(--card-border);box-shadow:0 0 30px -10px var(--accent-2-soft);overflow:hidden}.photo-frame img{width:100%;display:block}.actions{gap:12px;display:flex}button{font:inherit;background:linear-gradient(90deg, var(--accent), #c026ff);color:#fff;border-radius:var(--radius-md);cursor:pointer;min-height:52px;box-shadow:0 8px 24px -8px var(--accent-soft);border:none;flex:1;padding:15px 22px;font-weight:700;transition:transform .12s,box-shadow .12s,opacity .12s}button:hover:not(:disabled){box-shadow:0 10px 28px -6px var(--accent-soft);transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0)scale(.98)}button.secondary{box-shadow:none;background:#ffffff14;flex:none}.close-early-btn{min-height:auto;padding:8px 14px;font-size:.78rem;position:absolute;top:22px;right:22px}button:disabled{opacity:.4;cursor:not-allowed}.error{color:var(--error);font-weight:600}.loading-card{color:var(--text-muted);font:600 14px/1 var(--mono)}.certificate{border:2px solid var(--gold);border-radius:var(--radius-lg);background:linear-gradient(#221037,#170a29);max-width:720px;padding:36px 30px;position:relative;box-shadow:0 0 0 6px #ffd1661f,0 30px 70px -20px #000000b3}.certificate:before,.certificate:after{content:"✦";color:var(--gold);opacity:.8;font-size:20px;position:absolute}.certificate:before{top:14px;left:16px}.certificate:after{top:14px;right:16px}.certificate-header{text-align:center;padding-top:6px}.certificate-kicker{font:700 12px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent-2)}.certificate-title{background:linear-gradient(90deg, var(--gold), #fff2c9, var(--gold));color:#0000;-webkit-background-clip:text;background-clip:text;margin-top:10px;font-size:34px}.certificate-docnum{font:600 12px/1 var(--mono);color:var(--text-muted);letter-spacing:.06em;margin-top:8px}.certificate-body{text-align:center;margin-top:26px;font-size:17px;line-height:1.7}.certificate-name{color:var(--gold);font-weight:800}.certificate-score{text-align:center;margin:26px 0}.certificate-score .big{color:var(--text);font-size:56px;font-weight:800}.certificate-score .of{color:var(--text-muted);font-size:18px}.stamp{font:800 15px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;border:3px dashed;border-radius:12px;margin:6px auto 0;padding:10px 22px;display:inline-block;transform:rotate(-6deg)}.stamp.approved{color:var(--success)}.stamp.conditional{color:var(--gold)}.stamp.rejected{color:var(--error)}.certificate-signature{color:var(--text-muted);justify-content:space-between;align-items:flex-end;gap:16px;margin-top:30px;font-size:13px;display:flex}.certificate-signature .sig-name{color:var(--text);border-bottom:1px solid var(--card-border);padding-bottom:4px;font-size:16px;font-style:italic}.results-appendix{max-width:720px;margin-top:18px}.results-appendix section{margin-top:18px}.results-appendix h2{font-size:18px}.results-appendix ul{color:var(--text-muted);padding-left:20px}.results-appendix li{margin:4px 0}.results-actions{gap:12px;margin-top:26px;display:flex}.share-url{color:var(--text-muted);word-break:break-all;margin-top:12px;font-size:13px}@media (width<=900px){.app-shell{padding:20px 14px 50px}.card,.certificate,.results-appendix{max-width:100%}.card{padding:24px 18px 28px}.card h1,.certificate-title{font-size:26px}.certificate-score .big{font-size:44px}}@media print{:root{--bg-deep:#fdf6e3;--bg-deep-2:#fdf6e3;--card-bg:#fffaf0;--card-border:#c9a227;--text:#2b1c0e;--text-muted:#5b4626;--accent:#a1293c;--accent-soft:#a1293c26;--accent-2:#7a3d9c;--accent-2-soft:#7a3d9c26;--gold:#8a6d1f;-webkit-print-color-adjust:exact;print-color-adjust:exact}html,body{background:#fff!important}.no-print{display:none!important}.app-shell{padding:0}.card,.certificate,.results-appendix{box-shadow:none;-webkit-backdrop-filter:none}.certificate{background:#fdf6e3}.certificate-title,.card h1{-webkit-text-fill-color:var(--gold);color:var(--gold);background:0 0}.stamp.approved{color:#1e7a4c}.stamp.conditional{color:var(--gold)}.stamp.rejected{color:#a1293c}}
