:root{--bg:#f6f7fb;--card:#fff;--text:#1a1d29;--muted:#5b6275;--accent:#4f46e5;--accent-soft:#eef0ff;--line:#e3e6ef;--highlight:#fde68a}@media (prefers-color-scheme:dark){:root{--bg:#0f1117;--card:#171a23;--text:#eceef4;--muted:#9aa1b5;--accent:#8b85ff;--accent-soft:#23244a;--line:#2a2e3b;--highlight:#a16207}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-inter), system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;background:var(--bg);color:var(--text);justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;line-height:1.6;display:flex}main{background:var(--card);border:1px solid var(--line);text-align:center;border-radius:20px;width:100%;max-width:560px;padding:48px 40px;box-shadow:0 10px 40px #0000000f}.brand{color:var(--accent);background:var(--accent-soft);border-radius:999px;align-items:center;gap:8px;margin-bottom:32px;padding:6px 14px;font-size:15px;font-weight:700;display:inline-flex}.doc{background:var(--card);border:2px solid var(--line);text-align:left;border-radius:10px;width:120px;height:150px;margin:0 auto 32px;padding:18px 16px;position:relative}.doc .line{background:var(--line);border-radius:4px;height:8px;margin-bottom:10px}.doc .line.title{background:var(--accent);opacity:.8;width:60%;height:10px}.doc .line.w90{width:90%}.doc .line.w75{width:75%}.doc .line.w60{width:60%}.doc .line.hl{animation:2.4s ease-in-out infinite highlight}.doc .line.hl:nth-of-type(5){animation-delay:.8s}.doc .line.hl:nth-of-type(7){animation-delay:1.6s}@keyframes highlight{0%,to{background:var(--line)}40%,60%{background:var(--highlight)}}.gear{width:52px;height:52px;color:var(--accent);background:var(--card);border-radius:50%;animation:6s linear infinite spin;position:absolute;bottom:-18px;right:-22px}@keyframes spin{to{transform:rotate(360deg)}}h1{letter-spacing:-.02em;margin-bottom:14px;font-size:clamp(26px,5vw,34px);font-weight:700;line-height:1.2}p.lead{color:var(--muted);margin-bottom:28px;font-size:16px}.progress{background:var(--line);border-radius:999px;height:6px;margin-bottom:28px;overflow:hidden}.progress span{background:var(--accent);border-radius:999px;width:40%;height:100%;animation:1.8s ease-in-out infinite slide;display:block}@keyframes slide{0%{transform:translate(-100%)}to{transform:translate(260%)}}ul.notes{text-align:left;border-top:1px solid var(--line);color:var(--muted);gap:12px;padding-top:24px;font-size:14.5px;list-style:none;display:grid}ul.notes li{align-items:flex-start;gap:10px;display:flex}ul.notes svg{width:18px;height:18px;color:var(--accent);flex:none;margin-top:2px}footer{color:var(--muted);margin-top:28px;font-size:13px}footer a{color:var(--accent);font-weight:500;text-decoration:none}footer a:hover{text-decoration:underline}@media (max-width:480px){main{padding:36px 22px}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation:none!important}}