@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#183537;background:#f4f3ed;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 5% 30%,#e4eae0,transparent 55%),#f4f3ed}header,main,footer{max-width:1280px;margin:auto}header{padding:34px 48px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d7ddd4}.brand{font-family:Manrope,sans-serif;text-decoration:none;color:inherit;font-size:32px;font-weight:800;letter-spacing:-2px}.brand>span{color:#9b6744}.brand small{display:inline-block;border-left:1px solid #b7c2b8;margin-left:20px;padding-left:20px;font:10px 'DM Sans',sans-serif;letter-spacing:2px;vertical-align:middle}.header-note{font-size:12px;color:#607472}main{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:75px 48px 85px;align-items:start}.eyebrow,.tiny{font-size:10px;font-weight:700;letter-spacing:2px;color:#6d7b60}h1{font:500 clamp(42px,4.4vw,64px)/1.12 Manrope,sans-serif;letter-spacing:-3px;margin:24px 0}h1 span{color:#ad7851}.lead{font-size:18px;line-height:1.7;max-width:390px;color:#5d706c}.about{border-top:1px solid #ccd6ca;margin-top:38px;padding-top:26px;max-width:400px}.about p{font-size:14px;line-height:1.8;color:#5d706c}.about small{font-size:11px;color:#7c7868}.schedule{display:flex;gap:26px;align-items:center;margin-top:32px}.schedule span{display:block;font-size:9px;letter-spacing:1.4px;margin-bottom:8px;color:#6d7b60}.schedule strong{font-size:17px;font-weight:500}.schedule i{color:#9b6744}.quiz-card{background:#fff;border:1px solid #dde3da;border-radius:22px;box-shadow:0 20px 60px #1835370a;min-height:490px;padding:36px;position:relative;overflow:hidden}.quiz-card:before{content:'';position:absolute;top:0;left:0;right:0;height:5px;background:#183d3d}h2{font:600 28px/1.3 Manrope,sans-serif;letter-spacing:-1px;margin:24px 0 12px}p{line-height:1.65}.muted{color:#70817a;font-size:14px}.pill{display:inline-flex;border:1px solid #d9e1d2;border-radius:100px;padding:7px 12px;font-size:10px;letter-spacing:1px;color:#5a7359;background:#f3f7ef}.details{display:flex;gap:25px;padding:20px 0;margin:20px 0;border-block:1px solid #e7eae3;font-size:12px;color:#65766e}.details strong{display:block;color:#243e39;font-size:18px;margin-bottom:4px}label{font-size:12px;font-weight:600;display:block;margin:20px 0 8px}input{width:100%;padding:16px;border:1px solid #c6d2c5;border-radius:9px;font:inherit;letter-spacing:2px;background:#fbfcf8}button{font:600 14px 'DM Sans',sans-serif;cursor:pointer;border:0;border-radius:9px;min-height:50px;padding:14px 20px}button.primary{width:100%;background:#193e3e;color:white;margin-top:20px}button:hover{filter:brightness(.95)}button:disabled{cursor:default;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #b17c4d;outline-offset:3px}.fine{font-size:11px;color:#7d8980;text-align:center}.error{color:#a23c32;font-size:13px}.progress{height:4px;background:#e9eee5;margin:20px 0 28px}.progress span{display:block;height:100%;background:#b08055;transition:width .3s}.question{font-size:22px;line-height:1.45;margin-bottom:24px}.answers{display:grid;gap:10px}.answer{text-align:left;background:white;border:1px solid #d8e0d6;color:#26413c;display:flex;align-items:center;gap:14px;line-height:1.5}.answer b{border:1px solid #d8e0d6;border-radius:6px;padding:4px 9px;font-size:12px}.answer.selected{background:#eaf0e6;border-color:#6c8567}.feedback{background:#f2f5ed;border-left:3px solid #849974;padding:14px 16px;margin-top:20px;font-size:14px}.score{font:500 65px Manrope,sans-serif;margin:30px 0;color:#193e3e}.demo-note{background:#fff0d8;color:#80561e;padding:10px 12px;border-radius:7px;font-size:12px;margin-bottom:20px}footer{border-top:1px solid #d7ddd4;padding:24px 48px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;color:#728074}@media(max-width:800px){header{padding:24px}.header-note{display:none}main{grid-template-columns:1fr;gap:32px;padding:35px 24px}.intro h1{font-size:45px}.about{margin-top:24px}.quiz-card{padding:25px;min-height:440px}.schedule{gap:20px}footer{padding:24px;gap:18px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
