:root{--ink:#151915;--paper:#f4f5ef;--line:#d9ddd4;--lime:#c7f443;--green:#183e2d;--muted:#626b61}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}.topbar{height:76px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:18px}.brand img{width:40px;height:40px;object-fit:contain}.user{display:flex;gap:16px;align-items:center;font-size:12px}.user a{text-decoration:underline}.hero{padding:85px 5vw 95px;background:radial-gradient(circle at 85% 20%,#dff7a0,transparent 25%)}.eyebrow,.pill,.article small{font:700 11px monospace;letter-spacing:.12em;color:var(--green)}.hero h1,.article h1{font-size:clamp(58px,8vw,112px);line-height:.86;letter-spacing:-.07em;margin:28px 0}.hero h1 em{font-family:Georgia,serif;font-weight:400;color:var(--green)}.hero p{max-width:620px;color:var(--muted);font-size:18px;line-height:1.6}.search{margin-top:35px;width:min(680px,100%);padding:20px;border:1px solid var(--line);font-size:15px}.catalog{padding:75px 5vw 100px;background:white}.heading{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line);margin-bottom:28px}.heading h2{font-size:34px}.heading p{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.card{padding:26px;min-height:285px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column}.card:hover{background:var(--green);color:white}.card small{font:700 10px monospace;color:var(--green)}.card:hover small,.card:hover code{color:var(--lime)}.card h3{font-size:25px;margin:42px 0 8px}.card code{font-size:11px;color:var(--green)}.card p{color:var(--muted);font-size:13px;line-height:1.5}.card:hover p{color:#ccd5ce}.card b{margin-top:auto;font-size:11px}.article{max-width:1150px;margin:auto;padding:55px 35px 100px}.back{font-size:12px;text-decoration:underline;display:block;margin-bottom:60px}.pill{background:var(--lime);padding:7px 10px;display:inline-block}.signature{background:#e4e8de;padding:9px 12px;color:var(--green)}.lead{max-width:780px;color:var(--muted);font-size:20px;line-height:1.6;margin:35px 0 70px}.article-grid{display:grid;grid-template-columns:2fr 1fr;gap:70px}.article pre{background:#101814;color:#dce8df;padding:28px;overflow:auto;line-height:1.7}.article aside li{padding:15px 0;line-height:1.5;border-bottom:1px solid var(--line)}.login-body{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 80% 20%,#dff7a0,transparent 30%),var(--paper)}.login-card{width:min(440px,calc(100% - 40px));background:white;border:1px solid var(--line);padding:42px;text-align:center;box-shadow:0 20px 60px #183e2d1c}.login-card img{width:110px;height:110px;object-fit:contain}.login-card h1{font-size:42px;margin:18px 0 10px}.login-card p{color:var(--muted);line-height:1.5}.login-actions{display:grid;gap:10px;margin:28px 0}.auth-btn{padding:15px;border:1px solid var(--line);font-weight:bold}.auth-btn:hover{background:var(--ink);color:white}.auth-btn.disabled{opacity:.4;pointer-events:none}.login-card small{color:var(--muted)}@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}.article-grid{grid-template-columns:1fr}}@media(max-width:600px){.topbar{padding:0 20px}.user span{display:none}.hero,.catalog{padding-left:20px;padding-right:20px}.grid{grid-template-columns:1fr}.article{padding:35px 20px}.login-card{padding:30px 22px}}