@import "https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700&family=Fraunces:wght@600;700&display=swap";
:root{--bg:#f6f1ea;--surface:#fffdf8;--text:#1c1a17;--muted:#5f5a53;--accent:#0f6d5c;--accent-strong:#0a4c41;--line:#eadfce;--highlight:#f8d89a;--shadow:0 20px 50px #1414141f}*{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html,body{color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 15% 10%,#fff3dd 0%,#0000 45%),radial-gradient(circle at 80% 0,#e6f2ee 0%,#0000 40%),linear-gradient(120deg,#f6f1ea 0%,#f5efe6 100%);min-height:100%;margin:0;padding:0;font-family:Manrope,Segoe UI,sans-serif;font-size:16px;line-height:1.6}:focus{outline:none}:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:2px}a{color:inherit;align-items:center;min-height:44px;text-decoration:none;transition:color .2s,transform .2s;display:inline-flex}a:hover{color:var(--accent)}a:active{transform:scale(.98)}.layout-wrapper{flex-direction:column;min-height:100vh;display:flex}.page{flex-direction:column;flex:1;width:100%;max-width:1200px;margin:0 auto;padding:0 16px;display:flex}@media (min-width:768px){.page{padding:0 24px}}@media (min-width:1024px){.page{padding:0 32px}}.content{flex-direction:column;flex:1;gap:24px;display:flex}@media (min-width:768px){.content{gap:32px}}.hero{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;flex-direction:column;gap:20px;padding:20px;display:flex;position:relative;overflow:hidden}@media (min-width:768px){.hero{border-radius:24px;gap:24px;padding:28px}}@media (min-width:1024px){.hero{border-radius:28px;grid-template-columns:1.1fr .9fr;gap:28px;padding:32px;display:grid}}.hero:after{content:"";opacity:.8;background:radial-gradient(circle,#f8d89ab3,#0000 70%);width:220px;height:220px;position:absolute;top:-120px;right:-80px}.hero-copy{z-index:1;flex-direction:column;gap:16px;display:flex;position:relative}@media (min-width:768px){.hero-copy{gap:14px}}.eyebrow{text-transform:uppercase;letter-spacing:.15em;color:var(--accent-strong);font-size:11px;font-weight:700}@media (min-width:768px){.eyebrow{letter-spacing:.2em;font-size:12px}}.hero-title{margin:0;font-family:Fraunces,Georgia,serif;font-size:28px;line-height:1.2}@media (min-width:480px){.hero-title{font-size:36px}}@media (min-width:768px){.hero-title{font-size:42px}}@media (min-width:1024px){.hero-title{font-size:48px}}.hero-text{color:var(--muted);margin:0;font-size:15px;line-height:1.65}@media (min-width:768px){.hero-text{max-width:520px;font-size:16px;line-height:1.7}}.hero-actions{flex-direction:column;gap:12px;margin-top:4px;display:flex}@media (min-width:480px){.hero-actions{flex-flow:wrap}}.button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:14px 20px;font-size:15px;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.button:before{content:"";opacity:0;background:linear-gradient(135deg,#fff3,#0000);transition:opacity .3s;position:absolute;inset:0}.button:hover:before{opacity:1}.button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0f6d5c4d}.button:active{transform:scale(.98)translateY(0)}.button:disabled,.button[aria-busy=true]{opacity:.6;cursor:not-allowed;pointer-events:none}.button[aria-busy=true]:after{content:"";border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite buttonSpin;position:absolute}@keyframes buttonSpin{to{transform:rotate(360deg)}}@media (min-width:768px){.button{min-height:44px;padding:12px 18px}}.button.ghost{color:var(--accent-strong);border:2px solid var(--line);background:0 0}.button.ghost:hover{border-color:var(--accent);background:#0f6d5c0d;box-shadow:0 4px 12px #0f6d5c1a}.button.ghost:before{display:none}input:not([type=checkbox]):not([type=radio]),select,textarea{appearance:none;background:var(--surface);border:2px solid var(--line);color:var(--text);border-radius:10px;min-height:48px;padding:12px 16px;font-family:inherit;font-size:15px;transition:all .3s cubic-bezier(.4,0,.2,1)}@media (min-width:768px){input:not([type=checkbox]):not([type=radio]),select,textarea{min-height:44px}}input:not([type=checkbox]):not([type=radio]):hover,select:hover,textarea:hover{border-color:var(--accent)}input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #0f6d5c1a}input:not([type=checkbox]):not([type=radio]):disabled,select:disabled,textarea:disabled{color:var(--muted);cursor:not-allowed;opacity:.6;background:#f5f5f5}input:not([type=checkbox]):not([type=radio])::placeholder,textarea::placeholder{color:var(--muted);opacity:.7}select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%235f5a53' d='M10.293 3.293L6 7.586 1.707 3.293A1 1 0 00.293 4.707l5 5a1 1 0 001.414 0l5-5a1 1 0 10-1.414-1.414z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:40px}textarea{resize:vertical;min-height:120px;line-height:1.6}.hero-meta{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:12px;display:grid}@media (min-width:480px){.hero-meta{grid-template-columns:repeat(3,1fr);gap:14px}}@media (min-width:768px){.hero-meta{margin-top:8px}}.hero-meta>div{flex-direction:column;justify-content:center;min-height:44px;display:flex}.hero-meta strong{font-size:22px;line-height:1.2;display:block}@media (min-width:768px){.hero-meta strong{font-size:20px}}.hero-meta span{color:var(--muted);font-size:13px;line-height:1.4}@media (min-width:768px){.hero-meta span{font-size:12px}}.hero-panel{color:#fff;z-index:1;background:linear-gradient(140deg,#0f6d5c,#0b3b35);border-radius:16px;flex-direction:column;gap:14px;min-height:200px;padding:20px;display:flex;position:relative}@media (min-width:768px){.hero-panel{border-radius:22px;gap:12px;min-height:240px;padding:24px}}@media (min-width:1024px){.hero-panel{min-height:260px}}.hero-panel h3{margin:0;font-size:20px;line-height:1.3}@media (min-width:768px){.hero-panel h3{font-size:22px}}.hero-panel p{color:#ffffffd9;margin:0;font-size:15px;line-height:1.6}@media (min-width:768px){.hero-panel p{color:#ffffffbf;font-size:16px}}.panel-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.tag{background:#fff3;border-radius:999px;align-items:center;min-height:32px;padding:8px 12px;font-size:13px;display:inline-flex}@media (min-width:768px){.tag{padding:6px 10px;font-size:12px}}.rating-chip{background:var(--highlight);color:var(--accent-strong);border-radius:999px;align-items:center;min-height:32px;padding:8px 12px;font-size:14px;font-weight:700;display:inline-flex}@media (min-width:768px){.rating-chip{padding:6px 10px;font-size:13px}}.panel-footer{flex-direction:column;gap:12px;margin-top:auto;padding-top:8px;font-size:14px;display:flex}@media (min-width:480px){.panel-footer{flex-direction:row;justify-content:space-between;align-items:center;font-size:13px}}.panel-footer a{color:#fff;text-align:center;background:#ffffff1a;border-radius:8px;min-height:44px;padding:8px 12px;font-weight:700}@media (min-width:480px){.panel-footer a{background:0 0;padding:0}}.section{flex-direction:column;gap:16px;display:flex}@media (min-width:768px){.section{gap:18px}}.section-head{flex-direction:column;gap:12px;display:flex}@media (min-width:480px){.section-head{flex-direction:row;justify-content:space-between;align-items:center}}.section-head h3{margin:0;font-family:Fraunces,Georgia,serif;font-size:22px;line-height:1.3}@media (min-width:768px){.section-head h3{font-size:24px}}@media (min-width:1024px){.section-head h3{font-size:26px}}.section-head a{color:var(--accent-strong);text-align:center;background:#0f6d5c0d;border-radius:8px;min-height:44px;padding:8px 12px;font-size:15px;font-weight:600}@media (min-width:480px){.section-head a{background:0 0;padding:0}}.post-grid{grid-template-columns:1fr;gap:16px;display:grid}@media (min-width:640px){.post-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media (min-width:1024px){.post-grid{grid-template-columns:repeat(3,1fr)}}.post-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 8px 20px #0000000f}@media (min-width:768px){.post-card{border-radius:20px;box-shadow:0 16px 30px #00000012}}.post-card:active{transform:scale(.98)}@media (min-width:768px){.post-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0000001f}.post-card:active{transform:translateY(-2px)}}.post-cover{background:linear-gradient(120deg,#0f6d5c2e,#0f6d5c05),linear-gradient(#ffe7c1 0%,#f6f1ea 70%);height:140px}@media (min-width:768px){.post-cover{height:160px}}.post-body{flex-direction:column;gap:10px;min-height:120px;padding:16px;display:flex}@media (min-width:768px){.post-body{padding:18px}}.badge{color:#1f4e37;background:#e0f1e7;border-radius:999px;align-items:center;gap:6px;width:fit-content;min-height:28px;padding:6px 12px;font-size:13px;font-weight:700;display:inline-flex}@media (min-width:768px){.badge{padding:4px 10px;font-size:12px}}.post-body h4{margin:0;font-size:17px;line-height:1.4}@media (min-width:768px){.post-body h4{font-size:18px}}.post-body p{color:var(--muted);margin:0;font-size:14px;line-height:1.6}@media (min-width:768px){.post-body p{font-size:15px}}.post-meta{color:var(--muted);flex-wrap:wrap;gap:10px;font-size:13px;line-height:1.5;display:flex}.post-footer{justify-content:space-between;align-items:center;min-height:32px;margin-top:8px;display:flex}.rating-pill{color:#6c4b10;background:#ffe7c1;border-radius:999px;align-items:center;min-height:28px;padding:6px 12px;font-size:13px;font-weight:700;display:inline-flex}@media (min-width:768px){.rating-pill{padding:4px 10px;font-size:12px}}.section.split{grid-template-columns:1fr;gap:16px;display:grid}@media (min-width:640px){.section.split{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.section.split{gap:20px}}.feature-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:12px;padding:20px;display:flex;box-shadow:0 8px 20px #0000000a}@media (min-width:768px){.feature-card{border-radius:20px;padding:24px;box-shadow:0 14px 28px #0000000d}}.feature-card h3{margin:0;font-family:Fraunces,Georgia,serif;font-size:20px;line-height:1.3}@media (min-width:768px){.feature-card h3{font-size:22px}}.feature-card p{color:var(--muted);margin:0;font-size:15px;line-height:1.65}@media (min-width:768px){.feature-card p{font-size:16px;line-height:1.6}}.feature-card.muted{background:linear-gradient(135deg,#f0f6f3,#fffdf8)}.newsletter{flex-direction:column;gap:12px;display:flex}@media (min-width:480px){.newsletter{flex-direction:row;gap:10px}}.newsletter input{border:2px solid var(--line);border-radius:10px;flex:auto;min-height:48px;padding:14px 16px;font-family:inherit;font-size:15px;transition:border-color .2s}@media (min-width:768px){.newsletter input{min-height:44px;padding:10px 12px;font-size:14px}}.newsletter input:focus{border-color:var(--accent);outline:none}.newsletter button{background:var(--accent-strong);color:#fff;cursor:pointer;border:none;border-radius:10px;min-height:48px;padding:14px 20px;font-size:15px;font-weight:600;transition:all .2s}@media (min-width:768px){.newsletter button{min-height:44px;padding:10px 14px;font-size:14px}}.newsletter button:active{transform:scale(.98)}@media (min-width:768px){.newsletter button:hover{background:var(--accent);transform:translateY(-1px)}}.recommendations-grid{grid-template-columns:1fr;gap:16px;display:grid}@media (min-width:640px){.recommendations-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.recommendations-grid{grid-template-columns:1.2fr 1fr 1fr;gap:20px}}.recommendation-card{background:var(--surface);border:1px solid var(--line);color:inherit;border-radius:16px;flex-direction:column;gap:12px;min-height:180px;padding:20px;text-decoration:none;transition:all .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 16px #0000000d}@media (min-width:768px){.recommendation-card{border-radius:20px;padding:24px;box-shadow:0 8px 20px #0000000f}}.recommendation-card:before{content:"";background:linear-gradient(90deg,var(--accent),#13a58a);opacity:0;height:4px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.recommendation-card:active{transform:scale(.98)}@media (min-width:768px){.recommendation-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 12px 30px #0000001f}.recommendation-card:hover:before{opacity:1}}.recommendation-card.featured{background:linear-gradient(135deg,#0f6d5c0d,#13a58a08)}@media (min-width:640px){.recommendation-card.featured{grid-column:span 2}}@media (min-width:1024px){.recommendation-card.featured{grid-area:span 1/span 1}}.rec-badges{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.rec-badge{background:var(--highlight);color:var(--accent-strong);border-radius:8px;align-items:center;width:fit-content;min-height:32px;padding:8px 12px;font-size:13px;font-weight:700;display:inline-flex}@media (min-width:768px){.rec-badge{padding:6px 12px;font-size:12px}}.recommendation-card.featured .rec-badge{background:linear-gradient(135deg,#f8d89a,#ffe7c1)}.rec-type-badge{background:var(--line);color:var(--accent-strong);border-radius:8px;align-items:center;min-height:32px;padding:8px 12px;font-size:13px;font-weight:700;display:inline-flex}@media (min-width:768px){.rec-type-badge{padding:6px 12px;font-size:12px}}.recommendation-card h4{color:var(--text);margin:0;font-family:Fraunces,Georgia,serif;font-size:19px;line-height:1.35}@media (min-width:768px){.recommendation-card h4{font-size:20px;line-height:1.3}}.recommendation-card.featured h4{font-size:20px}@media (min-width:768px){.recommendation-card.featured h4{font-size:22px}}.recommendation-card p{color:var(--muted);flex:1;margin:0;font-size:14px;line-height:1.6}@media (min-width:768px){.recommendation-card p{font-size:15px}}.rec-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:56px;margin-top:auto;padding-top:16px;display:flex}@media (min-width:768px){.rec-footer{min-height:48px;padding-top:12px}}.rec-category{color:var(--muted);flex:1;font-size:13px;font-weight:600}@media (min-width:768px){.rec-category{font-size:13px}}.rec-cta{background:linear-gradient(135deg,var(--accent),#13a58a);color:#fff;white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:10px 18px;font-size:14px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #0f6d5c33}.rec-cta:after{content:"→";font-size:16px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.rec-cta:before{content:"";opacity:0;background:linear-gradient(135deg,#fff3,#0000);transition:opacity .3s;position:absolute;inset:0}@media (min-width:768px){.rec-cta{min-height:40px;padding:8px 16px;font-size:13px}.rec-cta:after{font-size:14px}}.recommendation-card:hover .rec-cta{background:linear-gradient(135deg,#13a58a,var(--accent));transform:translateY(-2px);box-shadow:0 6px 16px #0f6d5c59}.recommendation-card:hover .rec-cta:after{transform:translate(3px)}.recommendation-card:hover .rec-cta:before{opacity:1}.recommendation-card:active .rec-cta{transform:translateY(0)scale(.98);box-shadow:0 2px 8px #0f6d5c33}.recommendation-card.featured .rec-cta{background:linear-gradient(135deg,var(--accent-strong),var(--accent));box-shadow:0 4px 12px #0a4c414d}.recommendation-card.featured:hover .rec-cta{box-shadow:0 8px 20px #0a4c4166}