:root{font:16px/1.6 system-ui;color-scheme:dark;background:#0c0e13;color:#f6f0e5}*{box-sizing:border-box}body{margin:0}header{padding:20px 5%;border-bottom:1px solid #594628;display:flex;justify-content:space-between}a{color:#e9c37b}header a{text-decoration:none;font-size:1.3rem;font-weight:800}header span,.eyebrow{color:#dfb466}main{max-width:1050px;margin:auto;padding:55px 22px;min-height:75vh}h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.15}.eyebrow{letter-spacing:.15em}#projects{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:18px}.card,#login,#mfa{background:#191b22;border:1px solid #69502d;border-radius:16px;padding:22px;margin-top:20px}input,textarea,select{display:block;width:100%;padding:12px;margin:8px 0 15px;background:#101218;border:1px solid #927b53;border-radius:8px;color:white;font:inherit}button{padding:11px 16px;border:0;border-radius:8px;background:#dcb46c;color:#191209;font-weight:700;cursor:pointer}button:disabled{opacity:.6}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #fff;outline-offset:3px}progress{width:100%;accent-color:#e4bb73}.activity{border-top:1px solid #55442e;padding-top:10px;white-space:pre-wrap;overflow-wrap:anywhere}footer{text-align:center;padding:24px;color:#b6aa95}

[hidden]{display:none!important}details{margin:18px 0;padding:16px;border:1px solid #69502d;border-radius:12px}summary{cursor:pointer;font-weight:700}label{display:block}button{margin:4px}input,textarea{overflow-wrap:anywhere}.card{overflow-wrap:anywhere}

#mfa img{display:block;max-width:100%;height:auto;background:white;padding:8px}#mfa code{display:block;overflow-wrap:anywhere}