@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@600;700;800&family=Nunito:wght@400;600;700;800&display=swap');
:root{--ink:#24343b;--muted:#6f7d80;--cream:#fffaf1;--white:#fff;--teal:#168c88;--teal-dark:#0c6867;--mint:#dff4ec;--coral:#f2786b;--sun:#f7c84b;--line:#e7e4dc;--shadow:0 16px 40px rgba(40,61,64,.11);--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.6 Nunito,sans-serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.025;background-image:radial-gradient(#172b30 1px,transparent 1px);background-size:18px 18px}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}h1,h2,h3{font-family:"Baloo 2",cursive;line-height:1.08;margin:0 0 .7rem}h1{font-size:clamp(2.5rem,6vw,5.2rem)}h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:1.45rem}.container{width:min(1160px,calc(100% - 36px));margin:auto}.site-header{height:82px;display:flex;align-items:center;background:rgba(255,250,241,.93);backdrop-filter:blur(12px);border-bottom:1px solid rgba(36,52,59,.08);position:sticky;top:0;z-index:30}.nav{display:flex;align-items:center;gap:26px}.logo{font:800 1.85rem/1 "Baloo 2";color:var(--teal);margin-right:auto}.logo-mark{display:inline-grid;place-items:center;width:39px;height:39px;background:var(--coral);border-radius:50% 50% 45% 55%;color:white;transform:rotate(-7deg);margin-right:8px}.nav-links{display:flex;gap:24px;align-items:center;font-weight:800;font-size:.94rem}.nav-links a:hover,.nav-links a.active{color:var(--teal)}.nav-actions{display:flex;gap:10px}.btn{border:0;border-radius:999px;padding:11px 20px;background:var(--teal);color:white;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.2s}.btn:hover{background:var(--teal-dark);transform:translateY(-2px)}.btn-outline{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 2px var(--line)}.btn-outline:hover{background:white;color:var(--teal)}.btn-coral{background:var(--coral)}.btn-coral:hover{background:#d95e54}.btn-small{padding:8px 14px;font-size:.88rem}.mobile-toggle{display:none;background:none;border:0;font-size:1.7rem}.hero{padding:54px 0 70px}.hero-wrap{position:relative;min-height:585px;border-radius:34px;overflow:hidden;background:#cbe8db;box-shadow:var(--shadow)}.hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-wrap:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(21,50,48,.88) 0%,rgba(21,50,48,.69) 39%,transparent 73%)}.hero-content{position:relative;z-index:2;color:#fff;width:55%;padding:85px 70px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;font-weight:800;color:var(--coral);margin-bottom:13px}.hero .eyebrow{color:#ffd765}.hero p{font-size:1.17rem;max-width:540px;margin:0 0 28px;color:#edf7f1}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap}.hero-stats{display:flex;gap:28px;margin-top:42px}.hero-stat strong{display:block;font:800 1.55rem "Baloo 2"}.hero-stat span{font-size:.78rem;opacity:.8}.section{padding:65px 0}.section-white{background:white}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:28px}.section-head p{color:var(--muted);margin:0;max-width:560px}.grid{display:grid;gap:22px}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.card{background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 8px 24px rgba(35,52,57,.06)}.card-body{padding:20px}.pet-card{position:relative}.pet-photo{height:250px;width:100%;object-fit:cover}.pet-meta{display:flex;justify-content:space-between;align-items:start}.pet-type{color:var(--muted);font-size:.88rem}.pill{display:inline-flex;border-radius:999px;padding:5px 10px;background:var(--mint);color:var(--teal-dark);font-size:.76rem;font-weight:800}.avatar{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:white;font-weight:900;background:var(--teal);flex:0 0 auto;overflow:hidden}.member-card{text-align:center;padding:28px 18px}.member-card .avatar{width:82px;height:82px;margin:0 auto 14px;font-size:1.4rem}.member-card p{color:var(--muted);margin:.3rem 0 1rem}.story-card .story-img{width:100%;height:190px;object-fit:cover}.story-top{display:flex;align-items:center;gap:10px;margin-bottom:13px}.story-top .avatar{width:37px;height:37px;font-size:.77rem}.story-card h3{margin-bottom:8px}.story-card p{color:var(--muted)}.card-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:13px;font-size:.88rem}.rating{color:#d99a00;font-weight:900}.ad{min-height:130px;border:2px dashed #d8d5cb;border-radius:18px;display:grid;place-items:center;text-align:center;color:#a6a49e;background:rgba(255,255,255,.45);font-size:.82rem;letter-spacing:.12em;text-transform:uppercase}.page-hero{padding:55px 0 38px;background:var(--mint)}.page-hero h1{font-size:clamp(2.6rem,5vw,4.2rem)}.page-hero p{color:var(--muted);font-size:1.1rem;margin:0;max-width:650px}.toolbar{display:flex;gap:12px;margin-bottom:26px;flex-wrap:wrap}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:17px}.field label{font-weight:800;font-size:.92rem}.input{border:1px solid #d9ddd8;background:white;border-radius:13px;padding:13px 14px;outline:none;width:100%;color:var(--ink)}.input:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(22,140,136,.12)}textarea.input{min-height:130px;resize:vertical}.search{max-width:400px}.auth-shell{min-height:calc(100vh - 82px);display:grid;grid-template-columns:1fr 1fr}.auth-art{position:relative;background:url('../images/hero-pawpets.png') center/cover}.auth-art:after{content:"";position:absolute;inset:0;background:linear-gradient(20deg,rgba(12,104,103,.75),transparent)}.auth-quote{position:absolute;z-index:2;bottom:55px;left:55px;color:#fff;max-width:470px}.auth-form{display:grid;place-items:center;padding:45px}.form-card{width:min(470px,100%)}.form-card h1{font-size:3rem}.hint{background:var(--mint);border-radius:13px;padding:12px 15px;color:var(--teal-dark);font-size:.9rem;margin-bottom:20px}.alert{padding:12px 15px;border-radius:12px;background:#ffe2df;color:#9a3c34;margin-bottom:16px}.success{background:var(--mint);color:var(--teal-dark)}.profile-cover{height:230px;background:linear-gradient(120deg,var(--teal),#7bc7ad);position:relative;overflow:hidden}.profile-cover:after{content:"🐾";font-size:13rem;position:absolute;right:7%;top:-35px;opacity:.12;transform:rotate(-18deg)}.profile-head{display:flex;align-items:end;gap:22px;margin-top:-63px;position:relative}.profile-head .avatar{width:126px;height:126px;font-size:2.3rem;border:6px solid var(--cream)}.profile-title{padding-bottom:9px;flex:1}.profile-title p{margin:0;color:var(--muted)}.profile-actions{padding-bottom:18px;display:flex;gap:9px}.profile-layout{display:grid;grid-template-columns:2fr 1fr;gap:25px;margin-top:35px}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:25px;margin-bottom:22px}.panel p:last-child{margin-bottom:0}.mini-pet{display:flex;gap:14px;align-items:center;margin:15px 0}.mini-pet img{width:75px;height:75px;object-fit:cover;border-radius:16px}.pet-detail{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:start}.pet-detail-main{border-radius:28px;overflow:hidden}.pet-detail-main img{width:100%;aspect-ratio:1/1;object-fit:cover}.facts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0}.fact{background:var(--mint);border-radius:15px;padding:13px}.fact small{display:block;color:var(--muted)}.tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);margin-bottom:24px}.tab{padding:12px 17px;font-weight:800;color:var(--muted)}.tab.active{color:var(--teal);border-bottom:3px solid var(--teal)}.story-full{max-width:820px;margin:auto}.story-full .lead-img{width:100%;max-height:490px;object-fit:cover;border-radius:25px;margin:25px 0}.story-content{font-size:1.08rem}.rate-box{background:#fff6d9;padding:20px;border-radius:18px;display:flex;align-items:center;justify-content:space-between;margin:30px 0}.stars button{border:0;background:none;font-size:1.7rem;color:#c9c4b5;cursor:pointer;padding:2px}.stars button.on{color:#f1b718}.comment{display:flex;gap:14px;padding:19px 0;border-bottom:1px solid var(--line)}.comment-body{flex:1}.comment-body p{margin:.2rem 0}.comment-meta{font-size:.8rem;color:var(--muted)}.album-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.album-grid img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:15px}.empty{text-align:center;padding:45px;color:var(--muted)}.footer{background:#17383a;color:#dfecea;padding:55px 0 25px;margin-top:60px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:35px}.footer h3{color:white}.footer a{display:block;margin:7px 0;color:#bcd0cd}.copyright{border-top:1px solid rgba(255,255,255,.12);margin-top:35px;padding-top:20px;font-size:.84rem;color:#95aeab}.hidden{display:none!important}.owner-tools{display:flex;gap:10px;flex-wrap:wrap}.modal{position:fixed;inset:0;background:rgba(15,34,36,.62);z-index:60;display:grid;place-items:center;padding:20px}.modal-box{background:white;width:min(580px,100%);max-height:90vh;overflow:auto;border-radius:22px;padding:28px}.modal-head{display:flex;justify-content:space-between}.close{border:0;background:none;font-size:1.5rem;cursor:pointer}
@media(max-width:900px){.nav-links{display:none;position:absolute;top:81px;left:0;right:0;background:var(--cream);padding:22px;flex-direction:column;box-shadow:var(--shadow)}.nav-links.open{display:flex}.mobile-toggle{display:block}.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}.hero-content{width:72%;padding:65px 45px}.profile-layout,.pet-detail{grid-template-columns:1fr}.auth-shell{grid-template-columns:1fr}.auth-art{display:none}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.container{width:min(100% - 24px,1160px)}.site-header{height:72px}.nav-actions .btn-outline{display:none}.hero{padding-top:18px}.hero-wrap{min-height:610px}.hero-wrap:after{background:linear-gradient(0deg,rgba(16,49,48,.93),rgba(16,49,48,.18))}.hero-content{width:100%;padding:220px 25px 35px}.hero h1{font-size:2.8rem}.hero-stats{gap:18px}.grid-3,.grid-4{grid-template-columns:1fr}.section{padding:45px 0}.section-head{align-items:start;gap:12px;flex-direction:column}.profile-head{align-items:center;flex-direction:column;text-align:center}.profile-title{padding:0}.profile-actions{padding:0}.facts{grid-template-columns:1fr}.album-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr}.auth-form{padding:35px 20px}.pet-photo{height:300px}.rate-box{align-items:start;flex-direction:column}.nav{gap:10px}.logo{font-size:1.55rem}.logo-mark{width:34px;height:34px}.page-hero{padding:38px 0 28px}}