@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;0,700;1,600&display=swap');:root{--ink:#3e3030;--muted:#786763;--rose:#a9676b;--soft:#fdf1ed;--line:#eadbd6;--paper:#fffaf7}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}a{text-decoration:none;color:inherit}header{height:74px;display:flex;align-items:center;padding:0 5%;gap:30px;border-bottom:1px solid var(--line);background:#fffaf7;position:sticky;top:0;z-index:10}.logo{font:700 29px 'Playfair Display';color:var(--rose)}nav{display:flex;gap:21px;flex:1;font-size:14px}button{border:1px solid #dcc6c0;background:#fff;border-radius:22px;padding:10px 16px;cursor:pointer}.primary,.submit,.search button{background:var(--rose);color:#fff;border-color:var(--rose)}main{min-height:calc(100vh - 130px)}.hero{padding:105px 8%;min-height:570px;background:radial-gradient(circle at 78% 25%,#f0d5cc,#f8e8e2 32%,#fffaf7 70%);display:flex;align-items:center}.hero>div{max-width:680px}.eyebrow{letter-spacing:2px;color:var(--rose);font-size:11px;font-weight:700}.hero h1{font:700 clamp(50px,7vw,82px)/1 'Playfair Display';margin:17px 0}.hero em{color:var(--rose)}.hero p{font-size:19px;line-height:1.7;color:var(--muted)}.search{display:flex;background:#fff;padding:6px;border-radius:30px;box-shadow:0 12px 35px #5a30201a;margin-top:30px}.search input{flex:1;border:0;outline:0;padding:13px 17px;font-size:15px}.section,.page{padding:70px 7%}.page{max-width:1200px;margin:auto}.soft{background:var(--soft)}h1,h2,h3{font-family:'Playfair Display'}h2{font-size:42px;margin:8px 0 30px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 7px 25px #5a30200b}.card h3{font-size:22px;margin:10px 0}.card p{line-height:1.55;color:var(--muted)}.tag{font-size:11px;color:var(--rose);background:#f7e3df;border-radius:15px;padding:5px 9px}.article,.question,.form{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px}.article{line-height:1.75}.article pre{white-space:pre-wrap;font:inherit}.question{margin:12px 0}.form{max-width:620px}.form input,.form textarea{width:100%;padding:13px;margin:6px 0 13px;border:1px solid #dcc9c3;border-radius:10px;font:inherit}.form textarea{min-height:150px}.row{display:flex;gap:12px;align-items:center;justify-content:space-between}.modal{position:fixed;inset:0;background:#2d1d1dcc;display:grid;place-items:center;z-index:50}.modalbox{width:min(480px,94vw);background:#fffaf7;border-radius:22px;padding:30px;position:relative}.close{position:absolute;right:12px;top:10px;border:0;background:none;font-size:25px}.oauth{display:grid;gap:9px;margin:15px 0}.oauth a{display:block;text-align:center;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fff}.notice{padding:15px;background:#f7e3df;border-radius:12px}footer{padding:35px 7%;display:flex;gap:30px;border-top:1px solid var(--line);color:var(--muted)}@media(max-width:850px){nav{display:none}.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.grid{grid-template-columns:1fr}.hero{padding:70px 7%}.hero h1{font-size:50px}}

.profile-button{font-weight:700}