:root{--bg:#fffaf5;--ink:#352d26;--muted:#82776b;--primary:#ff8a1f;--dark:#9a3412;--mint:#fff0df;--border:#f0e2d3;--forest:#7c2d12}
body{background:#fffaf5;color:#352d26}.announcement{background:#7c2d12;color:#ffedd5}.announcement b{background:#ffffff12;border-color:#fdba7455;color:#fed7aa}.announcement a{color:#fed7aa}.header{background:#fffaf5ef;border-color:#f0e2d3}.brand-mark{background:linear-gradient(135deg,#c2410c,#f97316);box-shadow:0 5px 12px #c2410c1a}.brand-word>span{color:#c2410c}.brand-word small{background:#ffedd5;color:#9a3412}.brand-caption{color:#a3988a}.btn.primary{background:#c2410c;border-color:#c2410c;color:#fff;box-shadow:0 6px 16px #c2410c20}.btn.primary:hover{background:#9a3412;border-color:#9a3412}.btn{border-color:#e7d8c8;border-radius:15px;box-shadow:0 2px 5px #7c2d1206}.btn:hover{background:#fff7ed}.eyebrow{color:#c2410c}.form-page{max-width:600px;padding-top:12px;margin-top:42px}.form-page.wide{max-width:800px}.form-page>h1{font-size:32px;letter-spacing:-1px;color:#352d26;margin-top:14px}.form-page>p{max-width:520px;line-height:1.9;color:#88796b}.form-card{background:#fff;border:1px solid #efe2d4;border-radius:24px;padding:30px;box-shadow:0 14px 35px -16px #7c2d121c}.form-card label:not(.checkbox){font-size:13px;color:#5e4d3f;font-weight:500}.form-card input,.form-card select,.form-card textarea{border:1px solid #e8ddcf;border-radius:12px;background:#fffdfa;min-height:50px;color:#352d26}.form-card input:focus,.form-card select:focus,.form-card textarea:focus{outline-color:#f97316;background:#fff}.form-card .field-help{color:#948371}.form-card .btn{min-height:49px}.form-card h2{color:#7c2d12}.link{color:#c2410c}.checkbox input{accent-color:#ea580c}a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:#ea580c}.form-page> .eyebrow{display:inline-flex;align-items:center;background:#ffedd5;color:#9a3412;border:1px solid #fed7aa;border-radius:25px;padding:7px 12px;font-size:9px;letter-spacing:1px}.page-heading{padding:24px 28px;background:#fff0df;border:1px solid #f3dcc3;border-radius:24px;margin-bottom:30px}.page-heading h1{color:#7c2d12}.page-heading p{color:#9a7960}.pet-grid .form-card{border-radius:23px;border-color:#efe2d4;padding:22px;box-shadow:0 12px 28px -18px #7c2d1222}.pet-cover{background:#fff0df;border-radius:16px}.pet-name h2{color:#352d26}.pet-grid .status:not(.lost){background:#e7f5ee;color:#065f46}.tag-row{border-color:#f0e2d3}.report{border-color:#eee0d0;border-radius:18px}.success{background:#eaf7ef;border-color:#c4e4d1;color:#065f46}.errors{background:#fff1f2;border-color:#fecdd3;color:#9f1239}.form-page [data-copy-status]{color:#047857}.form-page #nfc-link{background:#fff7ed;border-color:#fed7aa;color:#9a3412}.form-page .form-card:has(#nfc-link){border-top:4px solid #f97316}.demo-banner{background:#ffedd5;color:#9a3412}.demo-page .phone{border-color:#eddcc7;box-shadow:0 16px 40px -15px #7c2d121c;border-radius:25px}.demo-page .pet-picture{background:#fff0df}.demo-page .pet-data span{background:#fff7ed;border-color:#f0e2d3}.demo-page .phone h1,.demo-page .phone h2{color:#7c2d12}.demo-hint{border-color:#f0e2d3;background:#fff7ed}.status.lost{background:#fff1f2;color:#be123c}footer{border-color:#eee0d0;background:#fff}footer .brand svg{color:#ea580c}footer .brand{color:#7c2d12}.copyright{border-color:#f0e2d3;color:#a39181}::selection{background:#fed7aa;color:#7c2d12}
@media(max-width:650px){.form-page{padding-top:0;margin-top:30px}.form-page>h1{font-size:27px}.form-card{padding:23px;border-radius:21px}.page-heading{padding:22px;gap:20px}.page-heading h1{font-size:25px}.page-heading .actions{width:100%;flex-wrap:wrap}.page-heading .actions .btn{min-height:45px;font-size:12px}.pet-grid .form-card{padding:20px}.form-page>p{font-size:12px}}

/* Shared page structure, aligned with the dashboard. */
.form-page,.form-page.wide{max-width:1000px;margin:64px auto 72px;padding:0 28px;min-height:55vh}
.form-intro{background:#fff0df;border:1px solid #f3dcc3;border-radius:24px;padding:30px 34px;margin-bottom:28px}
.form-intro h1{color:#7c2d12;font-size:32px;font-weight:600;letter-spacing:-.8px;margin:10px 0 12px;line-height:1.55}
.form-intro p{color:#9a7960;font-size:13px;max-width:700px;line-height:1.9}
.form-intro>.eyebrow{font-family:'Plus Jakarta Sans',sans-serif;font-size:9px;color:#c2410c;letter-spacing:1.5px;margin:0}
.form-intro>.link{font-size:12px;text-decoration:none;color:#9a7960}
.form-page>.form-card{padding:30px 34px;margin:0 0 26px;border-radius:24px;border-color:#efe2d4;box-shadow:0 12px 28px -18px #7c2d1222}
.form-page>.form-card label:not(.checkbox){font-size:14px;margin-top:22px;margin-bottom:9px}
.form-page>.form-card label:first-of-type{margin-top:0}
.form-page>.form-card input,.form-page>.form-card select,.form-page>.form-card textarea{border-radius:14px;min-height:52px;padding:13px 15px}
.form-page>.form-card .btn{border-radius:15px;min-height:52px}
.form-page>.form-card .btn.primary{margin-top:25px}
.form-page>.form-card h2{font-size:24px;margin-bottom:20px}
.form-page>p.center{font-size:13px}.form-page>p.field-help{font-size:11px}
.form-page .field-help{line-height:1.9}.form-page>.link{display:inline-block;font-size:13px;margin-top:2px}
.form-page:has(#password){max-width:740px}
.form-page:has(#password) .form-intro{padding:27px 32px}
.form-page:has(#password) .form-intro h1{font-size:29px}
.form-page:has(#nfc-link) .form-card:has(#nfc-link){background:#fff;border-top-width:1px;border-top-color:#efe2d4}
@media(max-width:650px){.form-page,.form-page.wide{margin:30px auto 45px;padding-inline:20px}.form-intro{padding:23px;border-radius:22px;margin-bottom:22px}.form-intro h1,.form-page:has(#password) .form-intro h1{font-size:25px}.form-intro p{font-size:12px}.form-page:has(#password) .form-intro{padding:23px}.form-page>.form-card{padding:23px;border-radius:22px;margin-bottom:22px}.form-page>.form-card label:not(.checkbox){font-size:13px}.form-page>.form-card h2{font-size:21px}}
/* Bright orange variant. */
.brand-mark{background:linear-gradient(135deg,#f97316,#ffad42)}
.btn.primary{background:#ff8a1f;border-color:#ff8a1f;color:#431407;box-shadow:0 6px 18px #f9731628}
.btn.primary:hover{background:#ff9e3d;border-color:#ff9e3d;color:#431407}
.nav .btn.primary{color:#431407}
.form-page .form-card:has(#nfc-link){border-top-color:#ff8a1f}
.page-heading{background:#fff0da;border-color:#ffddb3}

.pet-grid .form-card>.btn.full{display:flex;align-items:center;justify-content:center;gap:8px;min-height:49px;margin-top:14px;text-decoration:none;font-size:13px;font-weight:500;padding:12px 16px;line-height:1.7}
.pet-grid .tag-row{display:flex;flex-direction:column;align-items:stretch;gap:12px;margin-top:22px;padding-top:18px;border-top:1px solid #f0e2d3}
.tag-state{display:flex;align-items:center;gap:7px;color:#88796b;font-size:11px;line-height:1.7}
.tag-state-dot{width:7px;height:7px;border-radius:50%;background:#b9b1a9;flex-shrink:0}.tag-state-dot.active{background:#059669}
.tag-actions{display:flex;align-items:stretch;gap:10px}.tag-actions>form{margin:0;flex:1}.tag-actions>a{flex:1}.tag-actions .btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;margin:0;padding:9px 12px;font-size:12px;text-decoration:none;white-space:nowrap;box-shadow:none;border-radius:12px;cursor:pointer}
.tag-actions .tag-preview{background:#fff7ed;border-color:#fed7aa;color:#9a3412}.tag-actions .tag-preview:hover{background:#ffedd5}.tag-actions .danger{background:#fff;border-color:#fecdd3;color:#be123c}.tag-actions .danger:hover{background:#fff1f2;border-color:#fda4af}
.btn:focus-visible,.link:focus-visible,.text-btn:focus-visible{outline:3px solid #ea580c;outline-offset:4px}.btn:active{transform:translateY(1px)}
/* Dashboard foundations shared by every screen. */
:root{--page-width:1240px;--page-gutter:28px;--panel-radius:24px;--panel-border:#efe2d4;--heading-bg:#fff0da;--heading-border:#ffddb3;--heading-ink:#7c2d12;--action-bg:#ff8a1f}
.wrap{max-width:var(--page-width);margin-inline:auto;padding-inline:var(--page-gutter)}
.page-heading,.form-page .page-heading.form-intro{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:24px;background:var(--heading-bg);border:1px solid var(--heading-border);border-radius:var(--panel-radius);padding:28px;margin-bottom:30px;box-shadow:none}
.page-heading h1,.form-page .page-heading.form-intro h1{color:var(--heading-ink);font-size:32px;line-height:1.55;font-weight:600;letter-spacing:-.8px;margin:0 0 8px}
.page-heading p,.form-page .page-heading.form-intro p{font-size:13px;line-height:1.9;color:#9a7960;max-width:none;margin:0}
.form-page .page-heading.form-intro{display:block}.form-intro>.eyebrow{display:block;margin:0 0 14px}.form-intro>.link{display:inline-block;margin-bottom:14px}
.form-page,.form-page.wide,.form-page:has(#password){box-sizing:border-box;max-width:var(--page-width);margin:0 auto;padding:80px var(--page-gutter);min-height:60vh}
.form-page>.form-card{box-sizing:border-box;width:100%;max-width:800px;margin:0 auto 26px;padding:28px;border:1px solid var(--panel-border);border-radius:var(--panel-radius);background:#fff;box-shadow:0 12px 28px -18px #7c2d1222}
.form-page:has(#password)>.form-card{max-width:600px}.form-page:has(#password)>.center{margin:14px auto 0}.form-page:has(#password) .page-heading.form-intro{padding:28px}
.form-page>.link{display:block;max-width:800px;margin:0 auto}.pet-grid .form-card,.report,.demo-page .phone,.demo-page .form-card,.demo-hint{border:1px solid var(--panel-border);border-radius:var(--panel-radius);background:#fff;box-shadow:0 12px 28px -18px #7c2d1222}
body[data-page=home]{font-family:'Prompt','Plus Jakarta Sans',sans-serif;background:#fffaf5;color:#352d26}
body[data-page=home] .max-w-7xl{max-width:1240px;padding-inline:28px}
body[data-page=home] main{background-color:#fffaf5}
body[data-page=home] h1,body[data-page=home] section h2{color:#7c2d12;letter-spacing:-.8px}
body[data-page=home] #features{border-color:#efe2d4}
body[data-page=home] #features .rounded-3xl{border-color:#efe2d4;border-radius:24px;background:#fffaf5;box-shadow:0 12px 28px -18px #7c2d1212}
body[data-page=home] #how-it-works{background:#fff0da}
body[data-page=home] .bg-brand-900:not(.shimmer-badge){background-color:#ff8a1f!important}
body[data-page=home] .rounded-2xl:not(.shimmer-badge){border-radius:15px}
body[data-page=home] #petModal .rounded-3xl{border-radius:24px}
@media(max-width:800px){.page-heading{align-items:flex-start;flex-direction:column}.form-page,.form-page.wide,.form-page:has(#password){padding-block:52px}.page-heading .actions{flex-wrap:wrap}}
@media(max-width:650px){:root{--page-gutter:20px;--panel-radius:22px}.form-page,.form-page.wide,.form-page:has(#password){padding:36px var(--page-gutter)}.page-heading,.form-page .page-heading.form-intro,.form-page:has(#password) .page-heading.form-intro{padding:23px;gap:18px;margin-bottom:24px}.page-heading h1,.form-page .page-heading.form-intro h1{font-size:25px}.page-heading p,.form-page .page-heading.form-intro p{font-size:12px}.form-page>.form-card{padding:23px}.form-intro>.eyebrow{font-size:9px}body[data-page=home] .max-w-7xl{padding-inline:20px}}