*{box-sizing:border-box}body{margin:0;background:#f9f8f5;color:#292e37;font-family:system-ui,"Microsoft Yahei",sans-serif}header,main,footer{max-width:1280px;margin:auto;padding-left:44px;padding-right:44px}header{height:110px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #deded8}.logo{color:inherit;text-decoration:none;font-size:26px;font-weight:850;letter-spacing:3px}.logo span{display:block;font-size:10px;letter-spacing:2px;font-weight:500;margin-top:6px}.header-note{font-size:12px;letter-spacing:3px}.intro{padding:76px 0 45px;position:relative}.eyebrow{font-size:10px;letter-spacing:3px;font-weight:700;color:#73766e}h1{font-size:clamp(44px,6vw,78px);line-height:1.12;letter-spacing:-3px;margin:24px 0}.intro p{position:absolute;right:0;bottom:54px;max-width:385px;font-size:14px;line-height:1.9;color:#76766f}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{display:block;position:relative;text-decoration:none;color:var(--ink);background:var(--bg);border-radius:20px;min-height:350px;padding:25px;transition:transform .2s,box-shadow .2s;border:1px solid #00000009}.card:hover{transform:translateY(-7px);box-shadow:0 20px 35px #292e3710}.card:focus-visible{outline:3px solid var(--ink);outline-offset:5px}.pink{--bg:#f3e2ea;--ink:#a95378}.violet{--bg:#e7e9f8;--ink:#53509c}.amber{--bg:#f5e9cf;--ink:#946034}.number{font-size:10px;font-weight:700;letter-spacing:2px}.symbol{height:205px;display:grid;place-items:center;font-size:140px;position:relative;line-height:1}.symbol>span{position:absolute;right:25px;top:20px;font-size:32px;transform:rotate(15deg)}.card-bottom{display:flex;align-items:center;justify-content:space-between}.card h2{font-size:24px;margin:0 0 7px}.card p{font-size:11px;margin:0}.arrow{background:#ffffff99;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;font-size:22px}.hint{font-size:12px;color:#828279;margin-top:25px}footer{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;color:#87877f;margin-top:64px;padding-top:25px;padding-bottom:30px;border-top:1px solid #deded8}@media(max-width:800px){header,main,footer{padding-left:22px;padding-right:22px}.intro{padding-top:45px}.intro p{position:static;max-width:none}.cards{grid-template-columns:1fr}.card{min-height:280px}.symbol{height:160px;font-size:110px}.card h2{font-size:26px}footer{gap:20px;flex-wrap:wrap}h1{letter-spacing:-1px}}@media(prefers-reduced-motion:reduce){.card{transition:none}}