*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#141c25;background:#f8f8f5;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}header{max-width:1250px;margin:auto;display:flex;align-items:center;gap:40px;padding:28px 24px;border-bottom:1px solid #e5e6e3}.logo{font-size:31px;font-weight:900;letter-spacing:-2px}.logo span{color:#45b99d}nav{display:flex;gap:28px;font-size:14px}nav a:hover{text-decoration:underline}.pill{margin-left:auto;border:1px solid #cfd8d2;border-radius:30px;padding:10px 15px;font-size:11px;font-weight:700}main{max-width:1250px;margin:auto;padding:0 24px}.hero{position:relative;overflow:hidden;min-height:510px;padding:100px 0 85px;border-bottom:1px solid #ddd}.tag{font-size:11px;font-weight:800;letter-spacing:2px;color:#3e8978}.hero h1{font-size:clamp(45px,6.7vw,86px);letter-spacing:-5px;line-height:1.05;margin:25px 0}.hero em{color:#48af96;font-style:normal}.hero p{font-size:18px;color:#667079;line-height:1.65;max-width:530px}.button{display:inline-block;background:#182532;color:white;padding:17px 27px;border-radius:9px;font-weight:700;margin-top:16px}.ticks{font-size:12px;color:#6f7779;margin-top:22px}.abstract{position:absolute;right:10px;top:120px;font-size:130px;color:#73d9bf;transform:rotate(-17deg);opacity:.65}.abstract span{color:#bfb9ff}section#gry{padding:75px 0}h2{font-size:clamp(32px,4vw,48px);letter-spacing:-2px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:18px;gap:18px}.card{padding:28px;border-radius:18px;min-height:580px;display:flex;flex-direction:column}.mint{background:#d9f2e9}.peach{background:#ffe8d7}.lilac{background:#e9e6fb}.card small{font-size:11px;letter-spacing:1px;font-weight:700}.symbol{font-size:70px;margin:26px 0 0}.card h3{font-size:26px;letter-spacing:-1px;margin:20px 0 0}.card p{font-size:14px;line-height:1.6;min-height:70px;color:#43535a}.actions{display:flex;flex-wrap:wrap;gap:6px}.actions button,.choices button{border:1px solid #23333b;background:#fff;border-radius:8px;padding:11px;cursor:pointer;font-weight:700}.actions button:first-child{background:#182532;color:#fff}.result{font-weight:800;margin-top:25px;min-height:28px}.stats{font-size:12px;margin-top:18px}.bar{height:12px;border-radius:9px;background:#e2a9ab;overflow:hidden;margin-top:9px}.bar>div{height:100%;background:#48b99e}.clear{align-self:flex-start;background:none;border:0;padding:14px 0;cursor:pointer;text-decoration:underline}.hist{display:flex;align-items:end;gap:5px;height:115px;padding-top:10px}.hist>div{height:100%;display:flex;align-items:center;justify-content:end;flex-direction:column;flex:1 1}.hist>div>div{background:#d98e70;width:100%;border-radius:4px 4px 0 0}.hist small{font-size:10px}.question{font-weight:800;font-size:18px;margin:12px 0}.choices{display:flex;flex-direction:column;gap:9px}.choices button{text-align:left}.choices button:disabled{cursor:default}.choices .correct{background:#b3e8cd}.explanation{margin-top:14px;line-height:1.5;font-size:13px}.about{padding:50px 0 90px;display:grid;grid-template-columns:1fr 1fr;grid-gap:70px;gap:70px}.about p{line-height:1.8;color:#657079;margin-top:55px}footer{border-top:1px solid #e5e5e0;max-width:1250px;margin:auto;padding:30px 24px 50px;color:#6a7377;font-size:12px;line-height:1.7}@media(max-width:900px){.grid{grid-template-columns:1fr}.card{min-height:0}.hero{min-height:480px}.abstract{opacity:.13;right:0}.about{grid-template-columns:1fr;gap:0}.about p{margin:0 0 25px}}@media(max-width:480px){header{gap:12px;padding:20px 16px}.logo{font-size:26px}nav{gap:12px;font-size:12px}.pill{display:none}main{padding:0 16px}.hero{padding:80px 0 65px}.hero h1{letter-spacing:-2px}.card{padding:22px}}