@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#0d1013;--panel:#171b1e;--card:#1e2428;--line:#323b40;--white:#f0eee8;--muted:#a1aaab;--accent:#b9aa89;--red:#bb6557}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 78% 0,#273034 0,transparent 36%),var(--bg);color:var(--white);font:15px/1.75 Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:#dbcbaa}.shell{display:grid;grid-template-columns:254px minmax(0,1fr);min-height:100vh}.side{position:sticky;top:0;height:100vh;border-right:1px solid var(--line);padding:30px 22px;background:#111519;display:flex;flex-direction:column}.brand{font:800 26px/1.05 'Roboto Condensed',sans-serif;letter-spacing:2px}.brand small{display:block;font:600 10px/2 Manrope;letter-spacing:2.2px;color:var(--accent)}.seal{width:56px;height:56px;display:grid;place-items:center;border:2px solid #786c56;transform:rotate(45deg);margin:23px 0 35px 14px}.seal span{transform:rotate(-45deg);font:800 19px 'Roboto Condensed';color:var(--accent)}.navlabel{font-size:10px;letter-spacing:2px;color:var(--muted);margin:0 0 13px}.nav{display:flex;flex-direction:column;gap:9px}.nav a{padding:12px 14px;border-radius:6px;color:#c1c8c8;font-weight:700;font-size:12px;border:1px solid transparent}.nav a.active,.nav a:hover{background:#252b2c;border:1px solid #50534e;color:#fff}.sidefoot{margin-top:auto;color:#8d9696;font-size:11px;border-top:1px solid var(--line);padding-top:20px}.main{width:100%;max-width:1120px;margin:0 auto;padding:55px clamp(20px,5vw,76px) 90px}.eyebrow{color:var(--accent);font-size:11px;font-weight:800;letter-spacing:2.4px;text-transform:uppercase}.hero{border-bottom:1px solid var(--line);padding:30px 0 40px;margin-bottom:34px}.hero h1{font:800 clamp(43px,6vw,76px)/.98 'Roboto Condensed',sans-serif;letter-spacing:1px;margin:14px 0 20px}.hero p{font-size:16px;max-width:690px;color:#bcc4c2}.hero .summary{display:flex;gap:12px;flex-wrap:wrap;margin-top:23px}.pill{border:1px solid #515451;color:#bfb6a2;padding:5px 12px;border-radius:20px;font-size:11px;font-weight:800;letter-spacing:.8px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.card{background:linear-gradient(145deg,#22282b,#14191c);border:1px solid #41474a;border-radius:10px;padding:30px;display:flex;flex-direction:column;min-height:265px;transition:transform .2s}.card:hover{transform:translateY(-4px);border-color:#94856c}.card .idx{font:800 60px/.9 'Roboto Condensed';color:#6f6b5d}.card h2{font:800 28px/1.2 'Roboto Condensed';margin:17px 0 8px}.card p{color:#b7c0bf;margin:0 0 20px}.card .link{margin-top:auto;color:var(--accent);font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:1px}.article{max-width:830px}.article h2{font:800 29px 'Roboto Condensed';margin:45px 0 15px;border-bottom:1px solid var(--line);padding-bottom:11px}.article h3{font:700 20px 'Roboto Condensed';margin:27px 0 9px;color:#e4d7be}.article p,.article li{color:#c6ccca}.article strong{color:#f1e7d5}.article ul,.article ol{padding-left:23px}.article li{margin:8px 0}.callout{margin:22px 0;padding:17px 20px;border-left:3px solid var(--accent);background:#242824;color:#e2ddcf;font-weight:700}.example{border-left:3px solid #707f86;background:#192128;padding:14px 18px;margin:18px 0;color:#d9e0e1;font-style:italic}.tablewrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px;margin:15px 0}th,td{text-align:left;border-bottom:1px solid var(--line);padding:11px 12px}th{color:#d5c6ac;background:#24282a}.compass{display:grid;grid-template-columns:repeat(3,1fr);max-width:330px;margin:25px auto;gap:7px;text-align:center}.compass div{background:#242b2d;border:1px solid #3f4b4a;padding:8px;font:700 12px Manrope}.compass .north{color:#db8d7a}.topbar{display:none}.footer{border-top:1px solid var(--line);padding-top:25px;margin-top:65px;color:#9aa2a2;font-size:12px}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.btn{background:#b6a684;color:#111;padding:11px 17px;border-radius:5px;font-size:12px;font-weight:800}.btn.secondary{background:transparent;color:#e0d4bf;border:1px solid #756c5d} @media(max-width:800px){.shell{display:block}.side{height:auto;position:relative;padding:16px 20px;border-right:0;border-bottom:1px solid var(--line)}.side .seal,.side .navlabel,.sidefoot{display:none}.brand{font-size:22px}.nav{flex-direction:row;overflow-x:auto;gap:5px;margin-top:15px}.nav a{white-space:nowrap;padding:8px 10px;font-size:11px}.main{padding:25px 19px 60px}.hero{padding:22px 0 30px}.hero h1{font-size:45px}.cards{grid-template-columns:1fr}.card{min-height:220px}.article h2{font-size:25px}}@media print{.side,.actions{display:none}.shell{display:block}.main{padding:10px;max-width:100%}body{background:white;color:black}.hero p,.article p,.article li{color:#222}.article h2,.article h3,.article strong{color:black}.callout,.example{background:#eee;color:black}}
/* Academy update */
.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.test-home-card{grid-column:1/-1;min-height:190px}.ksk-intro{position:fixed;z-index:9999;inset:0;background:#080a0b;display:grid;place-items:center;overflow:hidden;pointer-events:auto;transition:opacity .7s}.ksk-intro.fade{opacity:0;pointer-events:none}.smoke{position:absolute;width:90vmax;height:90vmax;border-radius:50%;filter:blur(46px);opacity:.46;background:radial-gradient(ellipse,rgba(148,150,150,.5),rgba(73,85,87,.22) 35%,transparent 70%);animation:drift 2.8s ease-out both}.s1{left:-30%;bottom:-35%;animation-name:drift}.s2{right:-33%;top:-33%;animation-name:drift2}.intro-core{z-index:1;text-align:center;padding:22px;animation:reveal 1s ease both}.intro-icon{color:#d9c7a3;font-weight:900;letter-spacing:8px;font-size:clamp(32px,6vw,70px)}.intro-name{font-family:'Roboto Condensed',sans-serif;letter-spacing:4px;font-size:clamp(22px,4vw,36px);margin:13px 0 30px}.intro-motto{font-size:clamp(16px,3vw,24px);font-weight:800;line-height:1.6;color:#e8d9bf;max-width:650px}@keyframes drift{from{transform:translate(-17%,18%) scale(.55);opacity:0}to{transform:translate(33%,-12%) scale(1.4);opacity:.58}}@keyframes drift2{from{transform:translate(27%,-16%) scale(.5);opacity:0}to{transform:translate(-20%,30%) scale(1.5);opacity:.5}}@keyframes reveal{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
.test-panel{max-width:850px}.test-setup,.question-card,.result-card{background:linear-gradient(145deg,#20272a,#151a1d);border:1px solid #41494a;border-radius:12px;padding:clamp(18px,4vw,30px);margin:20px 0}.field-label{display:block;font-size:12px;font-weight:800;color:#c9c0ad;margin:0 0 10px}.test-input{background:#0e1315;border:1px solid #596166;border-radius:7px;color:#fff;font-size:16px;width:100%;padding:12px 14px}.test-button{background:#c0af8e;border:1px solid #c0af8e;color:#101317;padding:12px 18px;border-radius:7px;font-weight:800;font:800 15px Manrope,sans-serif;cursor:pointer}.test-button:disabled{opacity:.4;cursor:not-allowed}.test-button.secondary{color:#eadbc1;background:#20272a;border-color:#777264}.quiz-progress{height:6px;background:#323a3d;overflow:hidden;border-radius:8px;margin-top:15px}.quiz-progress>div{height:100%;background:#c3ad86;transition:width .2s}.choice{display:block;background:#171e21;color:#e9ebea;border:1px solid #485257;border-radius:8px;padding:14px;margin:10px 0;cursor:pointer;text-align:left;width:100%;font:600 13px/1.6 Manrope,sans-serif}.choice.selected{border-color:#dec59c;background:#36352e}.question-number{font-size:12px;color:#cbb88d;letter-spacing:1px;font-weight:800}.question-title{font-size:21px;line-height:1.4;font-weight:800}.quiz-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px;justify-content:space-between}.result-card{text-align:center;border:2px solid #8f8065}.score-big{font:800 clamp(67px,13vw,105px)/1 'Roboto Condensed',Arial,sans-serif;color:#e1ceaa}.score-meta{font-size:14px;color:#bcc6c3}.score-status{display:inline-block;border-radius:6px;padding:8px 14px;margin:12px 0;font-weight:800;background:#34352c;color:#e5d4ae}.result-mark{font:800 25px 'Roboto Condensed',sans-serif;letter-spacing:2px;margin:0 0 10px}.result-motto{border-top:1px solid #626053;padding-top:16px;margin-top:23px;font-weight:800;color:#dfcaa6}.review-item{border-bottom:1px solid #3b4548;padding:14px 0}.review-item p{margin:6px 0;font-size:13px}.review-item .correct{color:#9bcaa4}.review-item .wrong{color:#dd9c95}.hidden{display:none!important}
@media(max-width:800px){.cards{grid-template-columns:1fr}.test-home-card{grid-column:auto}}@media(prefers-reduced-motion:reduce){.smoke,.intro-core{animation:none}.ksk-intro{display:none}}@media print{.nav,.side,.quiz-actions,.test-setup,.ksk-intro{display:none!important}.result-card{color:black;background:white;border:1px solid black}.score-big,.score-meta,.result-motto{color:black}}