:root{--ink:#17352d;--muted:#62716c;--cream:#fffaf2;--paper:#fff;--mint:#dceee5;--green:#275e4c;--green2:#1e4a3c;--orange:#ee7545;--yellow:#f4c95d;--line:#dfe7e2;--shadow:0 18px 55px rgba(25,65,53,.12);--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:"DM Sans",sans-serif;line-height:1.6}h1,h2,h3{font-family:Nunito,sans-serif;line-height:1.1;margin:0 0 .55em}h1{font-size:clamp(2.6rem,6vw,5.7rem);letter-spacing:-.055em}h2{font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.035em}h3{font-size:1.25rem}p{margin:.2rem 0 1.25rem}a{color:inherit}.container{width:min(1160px,calc(100% - 40px));margin:auto}.skip-link{position:absolute;top:-100px;left:10px;background:white;padding:10px;z-index:100}.skip-link:focus{top:10px}.site-header{height:88px;display:flex;align-items:center;background:rgba(255,250,242,.92);backdrop-filter:blur(15px);position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(39,94,76,.08)}.nav-wrap{display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;gap:10px;align-items:center;text-decoration:none;line-height:1}.brand-mark{display:grid;place-items:center;width:43px;height:43px;background:var(--orange);color:white;border-radius:15px;transform:rotate(-4deg);font-size:20px}.brand b{display:block;font:800 19px Nunito}.brand small{display:block;color:var(--green);font-size:12px;margin-top:3px;letter-spacing:.12em;text-transform:uppercase}.brand-light,.brand-light small{color:#fff}.site-nav{display:flex;align-items:center;gap:26px}.site-nav a{text-decoration:none;font-weight:600;font-size:14px}.site-nav a:hover{color:var(--orange)}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:14px;padding:15px 22px;background:var(--orange);color:#fff!important;text-decoration:none;font-weight:700;cursor:pointer;box-shadow:0 8px 20px rgba(238,117,69,.22)}.button:hover{background:#d96337}.button-small{padding:11px 16px}.button-secondary{background:var(--green);box-shadow:none}.button-ghost{background:transparent;border:1px solid var(--green);color:var(--green)!important;box-shadow:none}.nav-toggle{display:none;border:1px solid var(--line);padding:9px 12px;border-radius:10px;background:#fff}.hero{padding:78px 0 70px;overflow:hidden;background:radial-gradient(circle at 82% 42%,#d4ebdf 0 19%,transparent 19.2%),var(--cream)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px}.eyebrow{display:inline-flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:800;color:var(--green);margin-bottom:18px}.eyebrow:before{content:"";width:28px;height:3px;background:var(--orange);border-radius:4px}.hero h1 span{color:var(--orange)}.lead{font-size:1.18rem;color:var(--muted);max-width:650px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-visual{position:relative;min-height:450px}.pet-card{position:absolute;border-radius:40% 40% 24px 24px;box-shadow:var(--shadow);overflow:hidden}.pet-card-main{inset:20px 30px 20px 80px;background:var(--green);display:grid;place-items:center}.pet-illustration{font-size:150px;filter:drop-shadow(0 15px 10px rgba(0,0,0,.15))}.floating-card{position:absolute;background:#fff;padding:17px 20px;border-radius:17px;box-shadow:var(--shadow);font-weight:700}.floating-card small{display:block;color:var(--muted);font-weight:400}.fc-one{left:0;bottom:70px}.fc-two{right:0;top:35px}.section{padding:100px 0}.section-white{background:#fff}.section-green{background:var(--green);color:#fff}.section-head{max-width:700px;margin-bottom:45px}.section-head.center{text-align:center;margin-left:auto;margin-right:auto}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px;box-shadow:0 8px 30px rgba(35,83,68,.06)}.step-number{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;background:var(--mint);color:var(--green);font:800 18px Nunito;margin-bottom:23px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature-card{border-radius:var(--radius);padding:34px;background:#f4eee5}.feature-card:nth-child(2){background:var(--mint)}.feature-card:nth-child(3){background:#fde4d8}.feature-icon{font-size:42px;margin-bottom:20px}.cta{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:center;padding:55px;border-radius:32px;background:var(--yellow);color:var(--ink)}.donor-list{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}.donor-chip{background:rgba(255,255,255,.17);padding:9px 14px;border-radius:30px}.page-hero{padding:72px 0 55px;background:var(--mint)}.page-hero p{max-width:720px}.form-shell{max-width:860px;margin:auto}.form-card{background:#fff;padding:clamp(24px,5vw,50px);border-radius:28px;box-shadow:var(--shadow)}.form-section{padding:0 0 35px;margin-bottom:35px;border-bottom:1px solid var(--line)}.form-section:last-of-type{border:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{display:flex;flex-direction:column;gap:7px}.field-full{grid-column:1/-1}label{font-weight:700;font-size:14px}input,select,textarea{width:100%;padding:13px 14px;border:1px solid #cdd9d3;border-radius:11px;background:#fff;color:var(--ink);font:inherit}input:focus,select:focus,textarea:focus{outline:3px solid rgba(238,117,69,.18);border-color:var(--orange)}textarea{min-height:120px;resize:vertical}.checkbox{display:flex;align-items:flex-start;gap:10px}.checkbox input{width:auto;margin-top:6px}.hint{font-size:13px;color:var(--muted)}.notice{padding:17px 20px;border-radius:13px;background:var(--mint);margin-bottom:24px}.notice-warn{background:#fff0d0}.flash{max-width:900px;margin:15px auto;padding:14px 18px;border-radius:12px;background:#def3e5;color:#18532f}.flash-error{background:#ffe1dc;color:#8b2d20}.event-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.event-date{color:var(--orange);font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:13px}.event-card .button{margin-top:10px}.empty-state{text-align:center;padding:55px;border:2px dashed var(--line);border-radius:var(--radius);color:var(--muted)}.site-footer{padding:70px 0 25px;background:#15382f;color:#e6f0ec}.footer-grid{display:grid;grid-template-columns:1.3fr .7fr .7fr;gap:65px}.footer-grid p{max-width:440px;color:#bcd0c8;margin-top:20px}.footer-grid a{display:block;text-decoration:none;color:#d4e2dc;margin:8px 0}.footer-bottom{border-top:1px solid rgba(255,255,255,.13);padding-top:20px;margin-top:50px;display:flex;justify-content:space-between;color:#9fb8ae;font-size:13px}
.admin-body{background:#f3f6f4}.admin-sidebar{position:fixed;inset:0 auto 0 0;width:255px;background:#173d32;padding:28px 22px;color:white;display:flex;flex-direction:column;z-index:60}.admin-sidebar nav{display:flex;flex-direction:column;gap:6px;margin-top:45px}.admin-sidebar nav a{text-decoration:none;padding:11px 13px;border-radius:10px;color:#cfe0d9}.admin-sidebar nav a:hover,.admin-sidebar nav a.active{background:rgba(255,255,255,.11);color:#fff}.admin-user{margin-top:auto;padding:16px 10px;border-top:1px solid rgba(255,255,255,.14)}.admin-user span,.admin-user small{display:block}.admin-user small{color:#9fb8ae}.admin-user a{font-size:13px;color:#fff}.admin-main{margin-left:255px;padding:38px;min-height:100vh}.admin-mobile-head{display:none}.admin-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.admin-head h1{font-size:2.2rem}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:28px}.stat{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px}.stat strong{font:800 2rem Nunito;display:block}.stat small{color:var(--muted)}.admin-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:22px}.panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;margin-bottom:22px;overflow:auto}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.panel h2{font-size:1.35rem}table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:12px 10px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.badge{display:inline-block;padding:4px 9px;border-radius:20px;background:var(--mint);font-size:12px;font-weight:700}.badge-pending{background:#fff0cf}.badge-rejected,.badge-expired,.badge-urgent{background:#ffe0da;color:#8e3023}.actions{display:flex;gap:7px;flex-wrap:wrap}.mini-button{border:1px solid var(--line);background:white;border-radius:8px;padding:6px 9px;font:600 12px inherit;cursor:pointer;text-decoration:none}.calendar-list{display:grid;gap:13px}.shift{display:grid;grid-template-columns:82px 1fr auto;align-items:center;gap:18px;border:1px solid var(--line);border-radius:14px;padding:15px}.shift-date{text-align:center;background:var(--mint);border-radius:10px;padding:7px;font-weight:800}.shift-date small{display:block}.login-page{min-height:100vh;display:grid;place-items:center;padding:25px;background:radial-gradient(circle at 70% 20%,#cfe6d9,transparent 34%),var(--cream)}.login-card{width:min(430px,100%);background:#fff;padding:38px;border-radius:25px;box-shadow:var(--shadow)}.login-card .brand{margin-bottom:35px}.login-card .field{margin-bottom:17px}.login-card .button{width:100%;margin-top:10px}
@media(max-width:980px){.site-nav{display:none;position:absolute;top:75px;left:20px;right:20px;background:#fff;padding:22px;flex-direction:column;align-items:stretch;border-radius:18px;box-shadow:var(--shadow)}.site-nav.open{display:flex}.nav-toggle{display:block}.hero-grid{grid-template-columns:1fr}.hero-visual{min-height:360px}.steps,.feature-grid,.event-grid{grid-template-columns:1fr 1fr}.stat-grid{grid-template-columns:1fr 1fr}.admin-grid{grid-template-columns:1fr}.admin-sidebar{transform:translateX(-100%);transition:.25s}.admin-sidebar.open{transform:none}.admin-mobile-head{height:70px;padding:10px 20px;display:flex;justify-content:space-between;align-items:center;background:#fff}.admin-main{margin-left:0;padding:25px}}@media(max-width:650px){.container{width:min(100% - 28px,1160px)}.hero{padding:48px 0}.hero-visual{min-height:300px}.pet-card-main{inset:10px 20px 15px 35px}.pet-illustration{font-size:110px}.fc-two{right:0}.section{padding:70px 0}.steps,.feature-grid,.event-grid,.form-grid,.footer-grid{grid-template-columns:1fr}.cta{grid-template-columns:1fr;padding:30px}.footer-grid{gap:30px}.footer-bottom{display:block}.stat-grid{grid-template-columns:1fr 1fr;gap:10px}.stat{padding:15px}.shift{grid-template-columns:65px 1fr}.shift .actions{grid-column:1/-1}.admin-main{padding:18px}.admin-head{align-items:flex-start;gap:12px}.admin-head h1{font-size:1.7rem}.panel{padding:16px}.form-card{border-radius:18px}}