:root{color-scheme:dark;font-family:Arial,sans-serif;color:#f3eddf;background:#101b19}*{box-sizing:border-box}body{margin:0}a{color:#d9bf88;text-underline-offset:4px}header,footer{max-width:1080px;margin:auto;padding:25px 28px;display:flex;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:1px}header a{text-decoration:none;font-weight:bold;font-size:18px}header a span{font-weight:normal;color:#d9bf88;margin-left:12px}main{max-width:820px;margin:auto;padding:30px 24px}.intro{max-width:680px;margin:auto}.eyebrow{font-size:12px;letter-spacing:2.5px;color:#d9bf88}h1{font:clamp(38px,7vw,66px)/1.07 Georgia,serif;letter-spacing:-1.5px;margin:23px 0}em{color:#d9bf88;font-weight:normal}p{line-height:1.65;color:#c0c9c0}.lede{font-size:18px}form{margin-top:30px;padding:25px;background:#1b2c27;border:1px solid #56634e;border-radius:12px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:block;font-size:14px;color:#f3eddf}input{width:100%;margin-top:9px;background:#101b19;color:#f3eddf;border:1px solid #68786a;border-radius:6px;padding:13px;font:17px Arial}input:disabled{opacity:.4}.check{display:flex;align-items:center;gap:9px;margin:18px 0}.check input{width:18px;height:18px;margin:0}button{cursor:pointer;border:0;border-radius:7px;padding:16px 20px;background:#d9bf88;color:#17231e;font-weight:700;font-size:17px}form button{width:100%;display:flex;justify-content:space-between}.privacy,.convention{font-size:12px}.privacy{margin-bottom:0}.convention{color:#a7b3a8}#error{color:#ffb6a3;margin:8px 0}#result{margin-top:55px;scroll-margin-top:24px}.result-card{padding:36px;border:1px solid #a78d5b;border-radius:12px;background:radial-gradient(at 50% 0%,#2a3d30,#13221d);text-align:center}#master-symbol{font:72px serif;color:#d9bf88}h2{font:38px Georgia,serif;margin:12px 0}h3{font:23px Georgia,serif}#pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:35px 0}.pillar{padding:15px 4px;background:#101b1977;border:1px solid #445549;border-radius:7px}.pillar small{color:#d9bf88;font-size:10px;letter-spacing:1px}.pillar strong{display:block;font:36px serif;margin:15px 0}.pillar span{font-size:9px;color:#bdc8bb}#elements{max-width:480px;margin:24px auto}.element{display:grid;grid-template-columns:60px 1fr 40px;gap:14px;align-items:center;margin:15px 0;text-align:left;font-size:13px}.element i{height:14px;background:linear-gradient(to right,var(--color) var(--value),#32433a var(--value));border-radius:3px}.element b{text-align:right}.share-actions{display:flex;gap:12px;margin-top:20px}.share-actions button{flex:1}.secondary{background:#263a30;color:#f3eddf;border:1px solid #78856a}.context,.next,.why{margin:30px 0;padding:25px 0;border-top:1px solid #394c40}.next a{font-weight:bold}.why{margin-top:60px}.why h2{font-size:28px}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #84b4d5;outline-offset:4px}footer{border-top:1px solid #394c40;color:#a7b3a8;justify-content:center}@media(max-width:540px){header{padding:20px;align-items:center}header>span{font-size:8px;max-width:90px;line-height:1.6}main{padding:14px 18px}.lede{font-size:16px}form{padding:19px}.fields{gap:10px}input{font-size:15px;padding:11px;min-width:0}.result-card{padding:24px 15px}#pillars{gap:6px}.pillar strong{font-size:28px}.pillar span{font-size:8px}.share-actions{flex-direction:column}h2{font-size:32px}}