@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@500;600&family=Noto+Sans+SC:wght@400;500&family=Plus+Jakarta+Sans:wght@400;500;600&display=swap');
*{box-sizing:border-box}body{margin:0;color:#304e66;background:radial-gradient(ellipse at 90% 18%,#dcebf5 0,transparent 50%),#fbf8f0;font-family:'Plus Jakarta Sans','Noto Sans SC',sans-serif}a{color:inherit;text-decoration:none}header{max-width:1240px;margin:auto;display:flex;align-items:center;gap:24px;padding:22px 40px}.blog-brand{font:600 43px Caveat,cursive;letter-spacing:-4px}.blog-brand span{font:17px Georgia;letter-spacing:0;margin-left:10px;color:#b69551}.blog-back{font-size:12px;margin-right:auto}#blogLang{background:transparent;border:1px solid #b8c9d5;border-radius:20px;padding:7px 11px;font-size:11px;color:inherit}main{max-width:1160px;margin:80px auto 100px;padding:0 40px}.blog-kicker{font-size:10px;letter-spacing:.16em;color:#8095a5}h1{position:relative;font:500 clamp(64px,10vw,142px)/.98 Georgia,serif;letter-spacing:-.065em;margin:30px 0 60px}h1 em{font-weight:400;color:#6689a8}h1>span{position:absolute;font:80px Georgia;color:#dbb455;right:8%;top:30%;animation:slow-turn 32s linear infinite}.blog-bottom{display:grid;grid-template-columns:1.3fr 1fr;gap:15%;border-top:1px solid #bdcbd080;padding-top:34px}.blog-prose h2{font-size:22px;font-weight:500;letter-spacing:.02em;margin-top:0}.blog-prose p{color:#6c7e87;max-width:31em}.blog-status{display:inline-flex;align-items:center;gap:8px;font-size:11px;margin-top:14px;color:#9c8252}.blog-status:before{content:'';width:5px;height:5px;border-radius:50%;background:#c6a35d}aside>span{font-size:9px;letter-spacing:.16em;color:#8b9ba5}ol{padding:0;list-style:none;margin:20px 0 0}li{border-bottom:1px solid #bdcbd060;padding:14px 0;display:flex;gap:24px;font-size:13px}li>span:first-child{font:italic 14px Georgia;color:#a3b3be}footer{max-width:1160px;margin:auto;padding:26px 40px;display:flex;justify-content:space-between;font-size:10px;color:#8b9ca7}:focus-visible{outline:2px solid #426d91;outline-offset:5px}@keyframes slow-turn{to{transform:rotate(360deg)}}@media(max-width:600px){header{padding:15px 22px;gap:12px}main{padding:0 24px;margin:55px auto 65px}h1{margin-bottom:40px}h1>span{right:0;font-size:42px;top:10%}.blog-bottom{grid-template-columns:1fr;gap:40px}.blog-prose h2{font-size:19px}footer{padding:25px 24px}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}
