@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Montserrat:wght@500;600;700;800&display=swap');
:root{--paper:#f6f3ed;--ink:#29392d;--muted:#73796c;--green:#3d563c;--orange:#eab37d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}header,main,footer{max-width:1200px;margin:auto;padding:0 40px}header{height:104px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{display:flex;align-items:center;gap:12px;font-weight:800;font-size:19px;letter-spacing:-.7px}.logo svg{width:34px;height:34px}nav{display:flex;align-items:center;gap:32px;font-size:13px;font-weight:600}.nav-button{border:1px solid #ccd0c4;padding:12px 20px;border-radius:30px}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:55px;align-items:center;padding:42px 0 65px}.eyebrow{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:2px}.dot{width:7px;height:7px;border-radius:50%;background:#8a9c6c}h1{font-family:Montserrat,Arial,sans-serif;font-size:clamp(42px,5vw,65px);line-height:1.12;letter-spacing:-3px;font-weight:600;margin:24px 0}h1 em{font-style:normal;color:#82926f}.intro{max-width:385px;line-height:1.8;color:var(--muted);font-size:14px}.actions{display:flex;align-items:center;gap:24px;margin-top:29px}.button{display:inline-flex;align-items:center;gap:24px;background:var(--green);color:white;padding:16px 23px;border-radius:30px;font-weight:600;font-size:13px;transition:transform .2s,background .2s}.button:hover{background:#293e29;transform:translateY(-2px)}.text-link{font-size:12px;border-bottom:1px solid #a7ae9d;padding-bottom:4px}.hero-foot{display:flex;align-items:center;gap:12px;margin-top:40px;font-size:11px;color:var(--muted)}.little-heart{background:#e8eadd;color:var(--green);border-radius:50%;display:grid;place-items:center;width:34px;height:34px;font-size:17px}.hero-image{position:relative;padding-bottom:15px}.hero-image>img{width:100%;height:490px;object-fit:cover;border-radius:160px 160px 28px 28px;display:block;background:#ddd6c7}.floating{position:absolute;bottom:42px;left:-25px;background:#fffdf8;border:1px solid #ebe8df;border-radius:17px;padding:17px 23px;box-shadow:0 10px 30px #29392d0d;display:flex;align-items:center;gap:13px;transform:rotate(-5deg)}.floating span{font-size:27px}.floating b{display:block;font-size:13px}.floating small{font-size:10px;color:var(--muted)}.sun{position:absolute;right:-20px;top:12px;font-size:62px;color:#d69b62;transform:rotate(12deg)}.ribbon{border-top:1px solid #dedfd4;border-bottom:1px solid #dedfd4;padding:22px 0;display:flex;justify-content:space-around;gap:16px;font-size:12px;font-weight:600}.ribbon span{display:flex;gap:10px;align-items:center}.ribbon i{font-style:normal;color:#81916d;font-size:20px}.section{padding:65px 0}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.section h2{font-family:Montserrat,Arial,sans-serif;font-size:31px;letter-spacing:-1.2px;font-weight:600;margin:10px 0}.section-head p{font-size:12px;color:var(--muted);margin:0}.filters{display:flex;gap:7px}.filter{border:1px solid #d9ddcf;background:transparent;color:var(--muted);padding:9px 16px;border-radius:22px;font-size:11px;cursor:pointer}.filter.active{background:var(--green);color:white;border-color:var(--green)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.card{background:#fffdf9;border:1px solid #e6e6dd;border-radius:19px;overflow:hidden;transition:transform .2s}.card:hover{transform:translateY(-5px)}.card[hidden]{display:none}.photo{position:relative}.photo img{width:100%;height:245px;object-fit:cover;display:block}.tag{position:absolute;top:14px;left:14px;background:#fffdf2e8;border-radius:20px;font-size:10px;padding:7px 11px}.card-body{padding:21px}.card-title{display:flex;justify-content:space-between;align-items:center}.card h3{font-size:19px;margin:0}.card-title span{font-size:11px;color:var(--muted)}.card p{font-size:12px;color:var(--muted);line-height:1.8;margin-bottom:0}.care{background:#e9ecdf;border-radius:25px;padding:35px 39px;margin-bottom:65px;display:grid;grid-template-columns:1fr 1.7fr;gap:40px}.care h2{font-family:Montserrat,Arial,sans-serif;letter-spacing:-1px;font-size:29px;line-height:1.25;margin:12px 0}.care-intro{font-size:12px;color:var(--muted);line-height:1.8}.tips{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:center}.tip-icon{width:42px;height:42px;border:1px solid #cbd2bc;display:grid;place-items:center;border-radius:50%;font-size:20px}.tip h3{font-size:13px;margin:14px 0 9px}.tip p{font-size:11px;line-height:1.8;color:#727968}footer{border-top:1px solid #dddfd3;padding-top:24px;padding-bottom:28px;display:flex;align-items:center;justify-content:space-between}footer .logo{font-size:14px}footer .logo svg{width:25px}footer p{font-size:10px;color:var(--muted)}a:focus-visible,button:focus-visible{outline:3px solid #d89758;outline-offset:5px}@media(min-width:1400px){.hero{padding-top:55px;padding-bottom:75px}}@media(max-width:850px){header,main,footer{padding-left:24px;padding-right:24px}nav{gap:18px}.hero{gap:30px}h1{font-size:44px}.hero-image>img{height:410px}.photo img{height:200px}.care{grid-template-columns:1fr;gap:15px}.sun{right:-10px}.actions{gap:14px}.button{gap:12px}}@media(max-width:600px){header{height:85px}.logo{font-size:16px}nav>a:not(.nav-button){display:none}.nav-button{padding:9px 12px;font-size:11px}.hero{grid-template-columns:1fr;padding-top:20px;gap:35px}h1{font-size:49px;letter-spacing:-2px}.intro{max-width:100%}.hero-image{padding:0 15px}.hero-image>img{height:400px}.floating{left:0}.sun{right:0}.hero-foot{margin-top:25px}.ribbon{flex-wrap:wrap;justify-content:center;font-size:10px;gap:14px 22px}.ribbon i{font-size:16px}.section{padding:45px 0}.section-head{display:block}.filters{margin-top:22px}.cards{grid-template-columns:1fr}.photo img{height:280px}.care{padding:27px;margin-bottom:40px}.tips{grid-template-columns:1fr;gap:15px}.tip{display:grid;grid-template-columns:42px 1fr;column-gap:15px}.tip-icon{grid-row:span 2}.tip h3{margin:0 0 5px}.tip p{margin:0}footer{align-items:start;gap:16px}footer p{max-width:150px;margin-top:0} }@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.database-panel{border:1px solid #dddfd3;border-radius:24px;padding:32px;margin-bottom:48px;display:flex;align-items:center;justify-content:space-between;gap:24px}.database-panel h2{font-size:26px;margin:12px 0}.database-panel p{color:var(--muted);line-height:1.6}.database-controls{min-width:260px}.database-controls .button{cursor:pointer;border:0;font:inherit}.database-controls .button:disabled{opacity:.65;cursor:wait}.database-status{font-size:14px;margin:16px 0 0}.database-status[data-state="success"]{color:#367345}.database-status[data-state="error"]{color:#a33a32}@media(max-width:600px){.database-panel{display:block;padding:24px}.database-controls{min-width:0;margin-top:24px}.database-panel h2{font-size:23px}}

.database-panel{flex-wrap:wrap}.database-log-panel{flex-basis:100%;min-width:0;border-top:1px solid #dddfd3;padding-top:20px}.database-log-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.database-log-heading h3{font-size:16px;margin:0}.database-logs{list-style:none;margin:16px 0 0;padding:16px;background:#fffdf9;border:1px solid #e6e6dd;border-radius:12px;max-height:280px;overflow:auto;font:12px/1.8 monospace;overflow-wrap:anywhere}.database-logs:empty{display:none}.database-logs li+li{margin-top:6px}.database-logs [data-level="success"]{color:#367345}.database-logs [data-level="error"]{color:#a33a32}#database-log-empty{font-size:13px}

.login-page{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:100%;max-width:440px;padding:32px;background:#fffdf9;border:1px solid #dddfd3;border-radius:24px}.login-card h1{font-size:32px;letter-spacing:-1px}.access-form{display:grid;gap:16px;max-width:440px;margin-top:20px}.access-form label{display:grid;gap:8px;font-size:14px}.access-form input{width:100%;min-width:0;padding:14px;border:1px solid #ccd0c4;border-radius:12px;font:inherit;background:white}.access-form .button{justify-content:center;cursor:pointer;border:0;min-height:48px}.access-form .button:disabled{opacity:.6;cursor:wait}.access-error{color:#a33a32}.access-success{color:#367345}.account-panel{border:1px solid #dddfd3;border-radius:24px;padding:24px;margin:16px 0}.account-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.account-heading h2{font-size:22px;margin:0}.account-panel summary{cursor:pointer;padding:16px 0}.account-panel .filter{min-height:44px}.access-form input:focus-visible{outline:3px solid #d89758;outline-offset:2px}