@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Nunito:wght@600;700;800;900&display=swap";.hero-illustration{height:100%;width:100%;border-radius:inherit;display:flex;flex-direction:column;gap:25px;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 30%,#efd5bc,#e5a57d 65%,#ca805b);color:#264d45}.hero-illustration span{font-family:Nunito;font-size:18px;font-weight:900}.how .steps article>svg{color:#2e7364;margin:5px auto 0}.community-placeholder{background:#eaf3eb;min-height:220px;width:100%;display:grid;place-items:center;color:#6a9b83}.community-modal .modal-content{min-width:0}.pet-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}.pet-actions .primary{grid-column:1/-1}.pet-actions button{padding:13px 12px;font-size:13px}.pet-actions .liked{color:#c66c67;border-color:#dca49e;background:#fcf2ef}.portal-notice{padding:13px 15px;background:#fff5e8;border:1px solid #edd8b9;border-radius:12px;margin:12px 0;color:#695337;font-size:13px}.portal-notice button{margin-left:6px}.safe-note{display:flex;align-items:center;gap:7px;margin:18px 0 0;font-size:11px;color:#6b8176}.chat-box{border:1px solid #e1e9e2;border-radius:20px;overflow:hidden;max-width:900px;margin:26px 0;background:#fff;box-shadow:0 12px 35px #254d4512}.chat-header{display:flex;align-items:center;gap:18px;background:#264d45;color:#fff;padding:19px 23px}.chat-header button{color:#fff;padding:8px}.chat-header strong{display:block}.chat-header small{color:#b9d3c8}.chat-messages{height:390px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding:25px;background:#f8faf7}.chat-empty{margin:auto;text-align:center;font-size:14px}.bubble{max-width:80%;padding:13px 16px;border-radius:17px;box-shadow:0 2px 8px #0000000a}.bubble.mine{margin-left:auto;background:#d9f2e3}.bubble.theirs{align-self:flex-start;background:#fff}.bubble p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;color:#283a36;font-size:14px}.bubble small{display:block;text-align:right;color:#74877a;font-size:10px;margin-top:6px}.chat-compose{display:flex;gap:10px;padding:17px;border-top:1px solid #e8eee8}.chat-compose input{flex:1;min-width:0;border:1px solid #d5e5da;padding:13px;border-radius:12px}.chat-status{padding:12px 22px;background:#f5f8f3}.chat-status label{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:700}.chat-status select{border:1px solid #c5dacf;padding:10px;border-radius:10px}.chat-notice{text-align:center;background:#fff0eb;padding:14px;margin:0}.conversation-list{display:grid;gap:12px;max-width:900px;margin-top:24px}.conversation-list>button{width:100%;display:flex;text-align:left;align-items:center;gap:16px;border:1px solid #e1e8e1;border-radius:16px;padding:15px;background:#fff}.conversation-list>button:hover{background:#f7faf7}.conversation-list>button>span:nth-child(2){flex:1;display:grid;gap:5px}.conversation-list strong{font-size:17px}.conversation-list small{color:#65796c}.conversation-thumb{width:65px;height:65px;border-radius:13px;background:#ecf3e9;display:grid;place-items:center;overflow:hidden}.conversation-thumb img{width:100%;height:100%;object-fit:cover}@media(max-width:700px){.community-modal{width:100%}.pet-actions{grid-template-columns:1fr}.pet-actions .primary{grid-column:auto}.chat-messages{height:48vh}.chat-compose .primary{font-size:0;gap:0}.chat-compose .primary svg{width:20px}.chat-header{padding:12px}.hero-illustration span{font-size:14px}}.chat-participants{padding:18px 21px;background:#f5f8f5;border-bottom:1px solid #deebe2}.chat-pet-summary{display:flex;align-items:center;gap:12px;margin-bottom:15px}.chat-pet-icon{height:48px;width:48px;flex-shrink:0;display:grid;place-items:center;border-radius:12px;background:#dceae1;color:#264d45;overflow:hidden}.chat-pet-icon img{height:100%;width:100%;object-fit:cover}.chat-pet-summary strong{display:block;color:#264d45;font-size:15px}.chat-pet-summary small{display:block;color:#748678;margin-top:2px;font-size:12px}.chat-people-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.chat-person{display:flex;align-items:flex-start;gap:10px;position:relative;border:1px solid #dfe9e1;border-radius:13px;padding:14px;background:#fff;min-width:0}.chat-person-avatar{height:37px;width:37px;display:grid;place-items:center;border-radius:50%;background:#e6f1e9;flex-shrink:0;color:#386c58}.chat-person>div:nth-child(2){min-width:0;flex:1}.chat-person-role{display:block;color:#a27e67;font-size:10px;font-weight:800;letter-spacing:.7px;margin-bottom:5px}.chat-person strong{display:block;overflow-wrap:anywhere;color:#264d45;font-size:14px}.chat-person small{display:block;font-size:12px;color:#718377;margin-top:4px}.chat-person-location{display:flex!important;align-items:flex-start;gap:5px;overflow-wrap:anywhere}.chat-person-location svg{flex-shrink:0}.chat-me{position:absolute;right:9px;top:8px;color:#2c7560;background:#e3f2e7;padding:3px 7px;border-radius:20px;font-size:10px;font-weight:800}.chat-privacy{display:flex;align-items:center;gap:7px;font-size:11px!important;color:#76857b!important;margin:13px 0 0}@media(max-width:650px){.chat-participants{padding:13px}.chat-people-grid{grid-template-columns:1fr}.chat-person{padding:12px}.chat-privacy{align-items:flex-start}}.adoption-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:65;background:#172b25b8;padding:20px;display:flex;align-items:center;justify-content:center;overflow:auto}.adoption-dialog{background:#fff;width:min(760px,100%);max-height:94vh;overflow-y:auto;border-radius:22px;box-shadow:0 20px 65px #091d153b;color:#264d45}.adoption-top{display:flex;justify-content:space-between;align-items:start;gap:18px;padding:28px 32px 12px;border-bottom:1px solid #e9eee8}.adoption-top h2{margin:8px 0;color:#264d45;font-size:29px}.adoption-top p{font-size:14px;color:#70857b;margin:0 0 14px}.adoption-top>button{padding:9px;border-radius:50%;background:#f1f5f1}.adoption-form{padding:25px 32px 32px;display:grid;gap:19px}.adoption-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.adoption-form label{display:grid;gap:7px;color:#315e4d;font-size:13px;font-weight:800}.adoption-form select,.adoption-form textarea{width:100%;border:1px solid #d8e5dc;border-radius:11px;padding:13px;background:#fbfcfa;color:#2d4539;font:inherit;font-weight:500;min-width:0}.adoption-form textarea{resize:vertical}.adoption-form-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.adoption-privacy{display:flex;gap:11px;align-items:start;padding:14px 16px;background:#f1f7f2;color:#527263;border-radius:13px;font-size:12px;line-height:1.55}.adoption-privacy svg{flex-shrink:0;color:#377c5b}.adoption-login{padding:30px}.adoption-login p{font-size:14px}.adoption-review{padding:19px 22px;background:#fbfcfa;border-bottom:1px solid #e2e9e2}.review-heading{display:flex;align-items:center;gap:8px;color:#264d45;margin-bottom:12px}.review-heading strong{font-family:Nunito,sans-serif;font-size:17px}.review-heading span{margin-left:auto;color:#65907b;background:#ebf5ed;border-radius:30px;padding:6px 10px;font-size:11px;font-weight:800}.review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.review-answer{background:#fff;padding:13px 15px;border:1px solid #e1eae2;border-radius:12px;min-width:0}.review-answer small{display:block;color:#809084;font-size:11px;margin-bottom:5px}.review-answer strong{font-size:13px;color:#2d5040;overflow-wrap:anywhere;white-space:pre-wrap;line-height:1.5}.review-wide{grid-column:1/-1}.review-empty{font-size:13px;margin:0;color:#718176}.adoption-completed{margin-top:13px;padding:12px;display:flex;align-items:center;gap:9px;background:#ddf3e5;border-radius:12px;color:#255d3d}.complete-adoption-button{font-size:12px!important;padding:11px 14px!important}@media(max-width:650px){.adoption-overlay{padding:8px}.adoption-dialog{max-height:96vh;border-radius:15px}.adoption-top{padding:19px 18px 10px}.adoption-top h2{font-size:24px}.adoption-form{padding:19px 18px}.adoption-form-grid,.review-grid{grid-template-columns:1fr}.review-wide{grid-column:auto}.adoption-form-actions{display:grid;grid-template-columns:1fr}.review-heading{flex-wrap:wrap}.chat-status{display:flex;flex-direction:column;gap:10px;align-items:stretch}.chat-status .primary{width:100%}}.match-page{max-width:1080px}.match-intro{max-width:760px;margin-bottom:28px}.match-intro h1{color:#264d45;font-size:clamp(30px,4vw,47px);margin:12px 0}.match-wizard{max-width:740px;margin:auto;padding:32px;border:1px solid #dfe8de;border-radius:20px;background:#fafbf8}.match-progress{display:flex;justify-content:space-between;font-size:12px;font-weight:700;color:#60816f}.match-track{margin:12px 0 27px;background:#e0eae1;border-radius:30px;height:8px;overflow:hidden}.match-track span{display:block;background:#2e785e;height:100%;border-radius:30px}.match-wizard h2,.match-result-head h2{color:#264d45}.match-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0}.match-option{display:flex;align-items:center;justify-content:space-between;text-align:left;border:1px solid #d7e5db;border-radius:13px;padding:17px;background:#fff;font-weight:700}.match-option.selected{background:#e5f4e9;border:2px solid #2d785f}.match-option-check{font-weight:900;color:#317960}.match-controls,.match-result-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.match-controls button:disabled{opacity:.4;cursor:not-allowed}.match-data-note{display:flex;gap:8px;align-items:center;font-size:12px!important;margin-top:25px}.match-list{display:grid;gap:16px;margin-top:25px}.match-pet{display:grid;grid-template-columns:200px 1fr;gap:20px;padding:15px;border:1px solid #dce7dd;border-radius:18px;background:#fff}.match-pet-photo{min-height:220px;background:#e7f1e9;border-radius:13px;overflow:hidden;display:grid;place-items:center}.match-pet-photo img{width:100%;height:100%;object-fit:cover}.match-pet-heading{display:flex;justify-content:space-between;align-items:start;gap:10px}.match-pet-heading h3{font-size:24px;color:#264d45;margin:3px 0}.match-pet-heading p{font-size:12px;margin:0 0 7px}.match-pet-heading small{display:flex;gap:5px;align-items:center;color:#698273}.match-rank{font-size:10px;color:#ba815c;font-weight:800}.match-positive,.match-care{max-width:170px;display:inline-block;font-size:11px;padding:8px 12px;border-radius:25px;background:#e5f3e8;color:#326847;font-weight:700}.match-care{background:#fff0df;color:#8d5d36}.match-points,.match-cautions{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.match-points strong,.match-cautions strong{width:100%;font-size:12px}.match-points span,.match-cautions span{font-size:11px;border-radius:9px;padding:7px 9px;background:#e9f5ec}.match-cautions span{background:#fff1e0}.match-unknown{font-size:12px;display:flex;gap:7px;align-items:start;margin:15px 0}.match-open{font-size:13px;margin-top:5px}.match-footer-note{display:flex;gap:10px;align-items:start;background:#f1f7f2;margin-top:25px;padding:16px;border-radius:12px}.match-footer-note p{font-size:12px;margin:0}.match-footer-note svg{flex-shrink:0}@media(max-width:700px){.match-result-head{align-items:start;flex-direction:column}.match-options,.match-pet{grid-template-columns:1fr}.match-pet-photo{height:210px}.match-pet-heading{flex-wrap:wrap}.match-wizard{padding:20px}.match-controls button{padding:12px 15px}}.match-home-banner{background:#eaf3ec}.match-home-banner .section{display:flex;justify-content:space-between;gap:30px;align-items:center;padding-top:36px;padding-bottom:36px}.match-home-banner h2{margin:7px 0;color:#264d45}.match-home-banner p{margin:0;font-size:14px}.match-home-banner button{flex-shrink:0}.bottom-nav{grid-template-columns:repeat(6,minmax(0,1fr))}@media(max-width:700px){.match-home-banner .section{flex-direction:column;align-items:stretch;gap:18px}.bottom-nav small{font-size:9px}}.match-city-selector{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px;font-size:13px;font-weight:700;color:#285b4e}.match-city-selector select{border:1px solid #d7e6dc;border-radius:11px;background:#fff;padding:11px 13px;min-width:190px;color:#285b4e;max-width:100%}.activity-section{background:#f6f5ef}.activity-section .section{padding-top:60px;padding-bottom:60px}.activity-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.activity-heading h2{display:flex;align-items:center;gap:10px;color:#264d45;margin:7px 0}.activity-heading h2 svg{color:#be846b}.activity-heading p{margin-bottom:0}.activity-mark{border:1px solid #dce6da;background:#fff;border-radius:15px;padding:17px 22px;display:flex;align-items:center;gap:10px;white-space:nowrap;color:#264d45}.activity-mark strong{font-size:23px}.activity-mark span{font-size:12px;color:#72847a}.activity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.activity-card{border:1px solid #e4e8df;border-radius:15px;padding:16px;display:flex;gap:13px;background:#fff;line-height:1.5;color:#536a5d;font-size:13px}.activity-card strong{color:#264d45}.activity-card small{display:block;color:#94a098;font-size:11px;margin-top:6px}.activity-icon{font-size:25px;background:#f5f5ef;border-radius:11px;width:43px;height:43px;display:grid;place-items:center;flex-shrink:0}.activity-empty{display:flex;gap:12px;align-items:center;background:#fff;padding:18px;border-radius:14px}.activity-empty p{margin:0}.activity-note{background:#fff;border-radius:10px;padding:16px}.activity-foot{font-weight:700;margin:20px 0 0;color:#315f50}.activity-disclaimer{font-size:11px;margin-top:22px!important}.nearby-panel{border:1px solid #dce5db;background:#f7faf7;padding:17px;border-radius:16px;display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin:14px 0}.nearby-panel .secondary{font-size:12px;padding:11px 13px}.nearby-panel select{padding:10px;border:1px solid #d5e1d8;background:#fff;border-radius:10px}.nearby-panel small{font-size:12px;color:#63806f}.approx-note{font-size:12px;color:#687d71}.pet-distance{margin-top:5px!important;color:#356d56!important;font-weight:700}.profile-edit{max-width:750px;margin:20px 0}.edit-actions{display:flex;gap:10px;margin-top:15px}.pet-edit-heading{display:flex;align-items:center;gap:10px;justify-content:space-between}.pet-mini-action{color:#256b57;font-weight:700;border:1px solid #cbded2;border-radius:10px;padding:9px 12px;background:#fff;font-size:12px}.pet-mini-action:hover{background:#e8f4ee}.dashboard-head .profile-actions{margin-left:auto;display:flex;gap:9px}.pet-form .geo-button{display:flex;gap:8px;align-items:center;max-width:max-content}.pet-form .geo-display{font-size:12px;color:#56766a}.edit-warning{padding:13px;background:#fff8e7;color:#776138;border-radius:11px;font-size:12px}@media(max-width:800px){.activity-grid{grid-template-columns:repeat(2,1fr)}.activity-heading{align-items:start;flex-direction:column}.activity-mark{width:max-content}}@media(max-width:550px){.activity-grid{grid-template-columns:1fr}.dashboard-head .profile-actions{margin-left:0;width:100%;justify-content:space-between}.nearby-panel{align-items:stretch;flex-direction:column}.nearby-panel>*{width:100%}}.photos-editor{display:grid;gap:12px}.photos-editor>small{color:#5e7869}.photo-preview{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.photo-tile{border:1px solid #d6e3da;border-radius:12px;position:relative;aspect-ratio:1;overflow:hidden;background:#eef5ef}.photo-tile img{width:100%;height:100%;object-fit:cover}.photo-tile>button{position:absolute;top:5px;right:5px;border-radius:50%;width:25px;height:25px;display:grid;place-items:center;background:#fff;color:#8b3434;box-shadow:0 2px 10px #0002}.photo-tile>span:not(.new-photo){position:absolute;bottom:5px;left:5px;color:#fff;background:#264d45;padding:4px 6px;border-radius:6px;font-size:10px}.new-photo{height:100%;padding:10px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:5px;text-align:center;overflow-wrap:anywhere;font-size:10px;color:#456c56}.pet-gallery{position:relative;min-height:330px;background:#eef5ee}.pet-gallery .modal-image{height:100%;min-height:430px;object-fit:cover}.gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#fffef7e8;color:#254d45;border-radius:50%;height:42px;width:42px;display:grid;place-items:center}.gallery-prev{left:10px}.gallery-next{right:10px}.gallery-count{position:absolute;bottom:14px;left:50%;transform:translate(-50%);background:#264d45e6;color:#fff;padding:6px 12px;border-radius:30px;font-size:12px}.portal-form input:disabled{background:#f0f3ef;color:#64766d}.portal-form select{cursor:pointer}@media(max-width:700px){.photo-preview{grid-template-columns:repeat(3,minmax(0,1fr))}.pet-gallery{min-height:240px}.pet-gallery .modal-image{height:240px;min-height:240px}.gallery-arrow{width:36px;height:36px}}.search-fields select{width:100%;background:#fafbf8;border:1px solid #dce4df;border-radius:11px;padding:15px;margin-top:7px;color:#283a36;min-height:52px}.pet-form .photo-preview .photo-tile button{z-index:1}.new-photo{position:relative;padding:0;display:block}.new-photo img{height:100%;width:100%;object-fit:cover}.new-photo small{position:absolute;left:0;right:0;bottom:0;background:#264d45cd;color:#fff;padding:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px}.portal{max-width:1180px}.portal-alert{display:flex;gap:16px;align-items:flex-start;background:#edf5ee;border:1px solid #d6e8dd;border-radius:16px;padding:20px;margin:25px 0;color:#264d45}.portal-alert p{margin:6px 0 0;font-size:13px}.portal-alert svg{flex-shrink:0}.portal-notice{padding:14px 18px;background:#fff8e7;border:1px solid #ecdbab;border-radius:12px;color:#735b29;margin:17px 0}.portal-auth{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:start;max-width:1050px;margin:35px auto}.portal-welcome{padding:42px 15px}.portal-welcome>svg{color:#d58e73}.portal-welcome h2{font-size:clamp(27px,3vw,39px);color:#264d45;margin:20px 0}.portal-welcome p{font-size:16px}.portal-features{display:grid;gap:13px;margin-top:30px;color:#42675b;font-size:14px;font-weight:700}.portal-panel{padding:30px;background:#fff;border:1px solid #e1e9e2;border-radius:20px;box-shadow:0 14px 45px #264d4512}.portal-tabs{display:grid;grid-template-columns:1fr 1fr;background:#f4f5f0;padding:5px;gap:4px;border-radius:12px;margin-bottom:22px}.portal-tabs button{padding:12px;font-weight:800;border-radius:9px}.portal-tabs .selected{background:#264d45;color:#fff}.portal-form{display:grid;gap:17px}.portal-form label{font-weight:700;display:grid;gap:8px;font-size:13px;color:#4b695e}.portal-form input,.portal-form select,.portal-form textarea,.owned-list select{min-width:0;width:100%;border:1px solid #dbe6de;border-radius:10px;background:#fcfdfa;color:#293d34;padding:13px 14px;outline:0;font:inherit}.portal-form textarea{resize:vertical}.portal-form>small{line-height:1.5;color:#7a897e}.portal-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.role-grid button{border:1px solid #d9e5dc;border-radius:12px;display:grid;gap:8px;justify-items:center;padding:15px 5px;font-weight:800;font-size:12px}.role-grid svg{width:21px;height:21px}.role-grid .selected{background:#e8f5ed;color:#256347;border-color:#54947b}.portal-form button:disabled{opacity:.6;cursor:not-allowed;transform:none}.portal-dashboard{margin-top:30px}.dashboard-head{display:flex;align-items:center;gap:17px;background:#faf7f2;padding:22px;border-radius:18px}.profile-avatar{border-radius:50%;background:#dcebe2;color:#264d45;padding:15px}.dashboard-head h2{font-size:25px;margin:0}.dashboard-head p{margin:4px 0 0;font-size:13px}.dashboard-head .secondary{margin-left:auto}.dashboard-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:24px 0}.dashboard-stats>div{border-radius:16px;border:1px solid #e0e8e1;background:#fff;padding:21px}.dashboard-stats strong{display:block;color:#264d45;font:900 33px Nunito}.dashboard-stats span{font-size:13px;color:#708076}.dashboard-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:30px 0 18px}.dashboard-toolbar h2{margin:0;color:#264d45;font-size:24px}.pet-form{max-width:780px;margin:0 0 25px}.pet-form h3{margin:0;color:#264d45}.trait-grid{display:flex;gap:8px;flex-wrap:wrap}.trait-grid button{border:1px solid #dce5dd;border-radius:20px;padding:9px 13px;font-size:12px;font-weight:700}.trait-grid .chosen{color:#fff;background:#264d45;border-color:#264d45}.upload-label{border:1px dashed #a8c1b3;border-radius:12px;padding:17px;background:#f7fbf7}.upload-label input{background:#fff}.owned-list{display:grid;gap:13px}.owned-list article{display:flex;gap:17px;align-items:center;border:1px solid #e3e9e5;border-radius:14px;padding:14px;background:#fff}.owned-thumb{width:80px;height:80px;border-radius:12px;background:#edf3ef;display:grid;place-items:center;color:#264d45;overflow:hidden;flex-shrink:0}.owned-thumb img{width:100%;height:100%;object-fit:cover}.owned-info{flex:1;min-width:0}.owned-info h3{margin:0;font-size:18px;color:#264d45}.owned-info p{font-size:12px;margin:4px 0}.owned-info span{font-size:12px;font-weight:700;color:#518871}.owned-list select{max-width:180px;font-size:12px}@media(max-width:740px){.portal-auth{grid-template-columns:1fr;gap:15px;margin-top:15px}.portal-welcome{padding:12px 4px}.portal-welcome h2{font-size:27px}.portal-panel{padding:18px}.portal-two{grid-template-columns:1fr}.dashboard-head{flex-wrap:wrap}.dashboard-head h2{font-size:19px}.dashboard-head .secondary{margin-left:0}.dashboard-stats{gap:6px}.dashboard-stats>div{padding:12px}.dashboard-stats strong{font-size:25px}.dashboard-stats span{font-size:11px}.dashboard-toolbar{align-items:stretch;flex-direction:column}.owned-list article{flex-wrap:wrap}.owned-thumb{width:65px;height:65px}.owned-list select{max-width:none}.role-grid button{font-size:11px}}.signup-success{max-width:610px;margin:36px auto 60px;padding:36px 38px;text-align:center;border:1px solid #dde9df;background:linear-gradient(155deg,#fff 40%,#f2f9f3);border-radius:24px;box-shadow:0 18px 55px #264d4512}.signup-success-icon{width:82px;height:82px;border-radius:50%;display:grid;place-items:center;background:#dfefe4;color:#264d45;margin:0 auto 20px}.signup-success h2{font-size:clamp(28px,4vw,38px);color:#264d45;margin:10px 0 12px}.signup-success>p{font-size:15px;line-height:1.7}.signup-email{display:flex;align-items:center;justify-content:center;gap:9px;margin:22px auto;padding:13px 18px;background:#f4f7f4;border-radius:14px;color:#264d45;overflow-wrap:anywhere}.signup-success-steps{display:grid;gap:13px;text-align:left;padding:22px;margin:22px 0;border-radius:15px;background:#fff}.signup-success-steps div{display:flex;gap:12px;align-items:flex-start;font-size:14px;color:#4b6658}.signup-success-steps svg{color:#4e9373;flex-shrink:0}.signup-success .primary{width:100%}.signup-resend{font-weight:700;color:#2c6955;text-decoration:underline;padding:15px 12px}.signup-resend:disabled{opacity:.6}.signup-success-help{font-size:13px!important;margin:18px 0 0}.signup-success-help button{color:#2e735e;font-weight:800;text-decoration:underline}@media(max-width:600px){.signup-success{padding:25px 18px;margin:20px 0 35px}.signup-success-steps{padding:15px}.signup-email{font-size:13px}}:root{font-family:DM Sans,sans-serif;color:#283a36;background:#fff;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}img{display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Nunito,DM Sans,sans-serif}h1{font-size:clamp(2.2rem,5vw,4.3rem);line-height:1.1}h2{font-size:clamp(1.65rem,3vw,2.35rem)}p{line-height:1.65;color:#697971}button{border:0;background:none;color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e9a87c;outline-offset:3px}.app{min-height:100vh;overflow-x:hidden}.header{background:#fff;border-bottom:1px solid #e9eae5;position:sticky;top:0;z-index:20}.header-inner{max-width:1240px;padding:14px 24px;margin:auto;display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;text-align:left;gap:10px;margin-right:auto}.brand-icon{width:48px;height:48px;border-radius:15px;overflow:hidden}.brand-icon img{width:100%;height:100%}.brand strong{font-family:Nunito;font-size:25px;display:block;line-height:1.05;color:#264d45}.brand small{font-size:10px;color:#819087}.desktop-nav{display:flex;gap:25px}.desktop-nav button{font-weight:700;color:#6b7d75;font-size:14px;padding:12px 2px}.desktop-nav button.active{color:#264d45;border-bottom:2px solid #264d45}.header-help,.secondary{border:1px solid #ccd9d3;padding:13px 22px;border-radius:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#fff}.header-help:hover,.secondary:hover{background:#eff5f0}.menu-toggle,.mobile-drop{display:none}.hero{background:linear-gradient(125deg,#faf7f2,#f2eee5)}.hero-inner{max-width:1240px;margin:auto;padding:75px 24px 95px;display:grid;grid-template-columns:1.06fr .94fr;align-items:center;gap:65px}.hero h1{max-width:600px;margin:17px 0 23px;color:#264d45}.hero h1 em{font-style:normal;color:#cb8b69}.hero p{font-size:18px;max-width:520px}.eyebrow,.kicker{display:inline-flex;align-items:center;gap:8px;color:#b7805c;font-size:12px;font-weight:800;letter-spacing:1.7px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.primary{border-radius:12px;background:#264d45;color:#fff;font-weight:800;padding:15px 23px;display:inline-flex;gap:10px;justify-content:center;align-items:center;transition:.2s}.primary:hover{background:#356b5c;transform:translateY(-1px)}.proof{display:flex;gap:25px;margin-top:35px;flex-wrap:wrap;color:#557166;font-size:12px;font-weight:700}.proof span{display:flex;gap:8px;align-items:center}.hero-photo{position:relative;border-radius:48% 48% 43% 43%;background:#e9a87c;aspect-ratio:1.1;overflow:visible}.hero-photo>img{height:100%;width:100%;border-radius:inherit;object-fit:cover}.floating{position:absolute;bottom:10%;left:-24px;background:#fff;border-radius:100px;padding:14px 22px;box-shadow:0 12px 40px #224b3929;color:#264d45;font-weight:800;font-size:14px}.search-wrap{max-width:1240px;padding:0 24px;margin:-47px auto 0;position:relative;z-index:2}.search-panel{padding:27px 32px;background:#fff;box-shadow:0 18px 55px #264d4516;border:1px solid #e8eae5;border-radius:20px}.search-panel h2{font-size:19px;margin-bottom:15px}.search-fields{display:grid;grid-template-columns:1fr 1fr auto;gap:15px;align-items:end}.search-fields label{font-weight:700;font-size:12px;color:#557066}.search-fields input,.filters input,.filters select{width:100%;background:#fafbf8;border:1px solid #dce4df;border-radius:11px;padding:15px;margin-top:7px;color:#283a36;outline:0}.search-fields .primary{min-height:52px}.section{max-width:1240px;margin:auto;padding:78px 24px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:28px}.section-heading h2{color:#264d45;margin:10px 0 0}.section-heading p{margin:5px 0}.link-button{display:inline-flex;gap:7px;align-items:center;color:#2e7364;font-weight:800;font-size:14px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.pet-card{border-radius:18px;border:1px solid #e9ece6;background:#fff;box-shadow:0 8px 25px #264d450e;position:relative;overflow:hidden;transition:.2s}.pet-card:hover{transform:translateY(-4px);box-shadow:0 15px 38px #264d4520}.photo-button{display:block;width:100%;position:relative;padding:0;overflow:hidden;aspect-ratio:1.08}.photo-button img{width:100%;height:100%;object-fit:cover;transition:.3s}.pet-card:hover .photo-button img{transform:scale(1.04)}.available{position:absolute;bottom:12px;left:12px;background:#fffdf3;color:#35735f;border-radius:20px;padding:7px 11px;font-size:11px;font-weight:800}.favorite{position:absolute;top:12px;right:12px;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#4e665b}.favorite.on{color:#d37b72}.favorite svg{width:20px;height:20px}.pet-content{padding:19px}.pet-title{display:flex;justify-content:space-between;align-items:center;gap:7px}.pet-title h3{font-size:21px;color:#264d45;margin:0}.pet-title span{font-size:11px;color:#638274;background:#eff6f0;padding:6px 9px;border-radius:18px}.pet-content p{margin:8px 0;font-size:13px}.pet-content small,.modal-content small{color:#789087;display:flex;align-items:center;gap:4px}.pet-content .link-button{border-top:1px solid #e9ece8;margin-top:18px;padding-top:14px;width:100%;justify-content:space-between}.how{background:#f7f5ef}.how .section{text-align:center}.how h2{color:#264d45;margin-top:10px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:35px}.steps article{background:#fff;border-radius:18px;padding:28px;box-shadow:0 6px 20px #264d450a}.steps article span{font-size:36px}.steps h3{color:#264d45;margin:15px 0 7px}.steps p{font-size:14px}.page{min-height:65vh}.page h1{font-size:clamp(2rem,4vw,3rem);color:#264d45;margin:9px 0}.page>p{margin-bottom:26px}.filters{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr auto;align-items:end;gap:10px;background:#faf7f2;border-radius:18px;padding:17px;margin:24px 0}.filters input,.filters select{margin:0;background:#fff}.filters .secondary{min-height:52px}.results{font-size:13px;font-weight:700;color:#657b71}.empty{padding:65px 20px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;background:#faf7f2;border-radius:18px;color:#264d45}.empty p{margin:0}.request-list{display:grid;gap:15px;max-width:750px}.request-list article{border:1px solid #e0e7e1;border-radius:14px;padding:15px;display:flex;align-items:center;gap:17px}.request-list img{width:70px;height:70px;object-fit:cover;border-radius:12px}.request-list h3{margin:0}.request-list p{margin:3px 0}.request-list article>span{margin-left:auto;color:#4a7b69;background:#ebf5ee;border-radius:20px;padding:8px;font-size:12px}.profile{text-align:center}.profile-card{max-width:530px;background:#faf7f2;margin:25px auto;border-radius:20px;padding:35px}.profile-card>svg{color:#264d45}.profile-card h2{font-size:24px;margin:12px 0}.profile-option{padding:18px;text-align:left;background:#fff;border-radius:12px;margin-top:12px;font-weight:700;display:flex;justify-content:space-between}.profile-option span{font-size:12px;color:#9aab9f}footer{padding:35px max(24px,calc((100vw - 1192px)/2));background:#264d45;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:15px}footer strong{font-family:Nunito;font-size:24px}footer span{font-size:12px;color:#d7e6da}.bottom-nav{display:none}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#111b18ae;display:grid;place-items:center;z-index:50;padding:16px;overflow:auto}.modal{position:relative;display:grid;grid-template-columns:45% 55%;width:min(880px,100%);max-height:min(92vh,900px);overflow:auto;background:#fff;border-radius:22px}.close{position:absolute;right:15px;top:15px;z-index:1;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#fff}.modal-image{width:100%;height:100%;min-height:440px;object-fit:cover}.modal-content{padding:40px}.modal-content h2{font-size:35px;margin:6px 0;color:#264d45}.modal-content h3{font-size:17px;color:#264d45;margin:22px 0 8px}.modal-content p{font-size:14px}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.tags span{background:#f5f1e9;padding:7px 12px;border-radius:30px;font-size:12px;font-weight:700;color:#6a7a70}.wide{width:100%;margin-top:25px}.demo-note{font-size:11px!important;text-align:center}.notice{color:#24775e!important;background:#eef7f0;padding:13px;border-radius:12px}@media(max-width:1000px){.grid{grid-template-columns:repeat(3,1fr)}.desktop-nav{gap:13px}.hero-inner{gap:30px}.filters{grid-template-columns:repeat(2,1fr)}.filters .secondary{grid-column:span 2}.header-help{display:none}}@media(max-width:700px){.header-inner{padding:10px 18px}.brand-icon{width:42px;height:42px}.brand strong{font-size:23px}.desktop-nav{display:none}.menu-toggle{display:block}.mobile-drop{display:flex;flex-direction:column;gap:6px;padding:12px 24px}.mobile-drop button{text-align:left;padding:10px}.hero-inner{padding:44px 20px 75px;grid-template-columns:1fr;gap:35px}.hero h1{font-size:40px}.hero p{font-size:15px}.hero-photo{width:min(360px,90%);margin:auto}.floating{left:-8px;font-size:12px}.hero-actions{flex-direction:column;align-items:stretch}.proof{gap:13px}.search-wrap{margin:-36px auto 0;padding:0 15px}.search-panel{padding:20px}.search-fields{grid-template-columns:1fr}.section{padding:51px 18px}.section-heading{align-items:start;flex-direction:column}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pet-content{padding:12px}.pet-title h3{font-size:18px}.pet-content p{font-size:12px}.pet-content small,.pet-title span{font-size:10px}.steps,.filters{grid-template-columns:1fr}.filters .secondary{grid-column:auto}.bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #dae6dd;padding:9px 5px max(9px,env(safe-area-inset-bottom));z-index:30;box-shadow:0 -4px 20px #264d4510}.bottom-nav button{display:flex;flex-direction:column;align-items:center;gap:3px;color:#829188;padding:3px 0}.bottom-nav button.active{color:#264d45}.bottom-nav svg{width:20px;height:20px}.bottom-nav small{font-size:10px}footer{padding:30px 20px 95px;flex-direction:column;text-align:center}.modal{display:block;max-height:90vh}.modal-image{height:230px;min-height:0}.modal-content{padding:24px}.modal-content h2{font-size:29px}.page{padding-top:42px}.request-list article>span{font-size:10px}}@media(max-width:380px){.grid{grid-template-columns:1fr 1fr}.pet-title{align-items:start;flex-direction:column;gap:3px}.hero h1{font-size:35px}.available{font-size:9px}}html,body,#root{min-height:100%;width:100%}#root{min-height:100vh;min-height:100dvh}.app{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;width:100%;overflow-x:clip}.app>main{display:block;flex:1 0 auto;width:100%;min-width:0}.app>footer{margin-top:auto;width:100%;flex-shrink:0;box-sizing:border-box}.app>footer strong,.app>footer span{min-width:0;overflow-wrap:anywhere}@media(max-width:700px){.app>footer{gap:8px;padding:24px 18px calc(88px + env(safe-area-inset-bottom,0px));text-align:center}.app>footer strong{font-size:20px}.app>footer span{font-size:11px;line-height:1.5}.bottom-nav{grid-template-columns:repeat(6,minmax(0,1fr))}.bottom-nav button{min-width:0}.bottom-nav small{font-size:9px;white-space:nowrap}}@media(max-width:360px){.bottom-nav small{font-size:8px}.bottom-nav svg{width:18px;height:18px}}:root{--caonect-green:#285B4E;--caonect-soft:#DCEBE3;--caonect-cream:#F7F4EE;--caonect-brown:#4A2600}.brand-icon{width:62px;height:43px;flex-shrink:0;border-radius:0;overflow:visible;display:flex;align-items:center;justify-content:center}.brand-icon img{width:100%;height:100%;object-fit:contain;object-position:center}.brand strong{color:var(--caonect-green)}.footer-brand{display:flex;align-items:center;gap:13px;min-width:0}.footer-brand img{width:59px;height:39px;object-fit:contain;filter:brightness(0) invert(1);opacity:.94}.app>footer{background:var(--caonect-green)}@media(max-width:700px){.brand-icon{width:51px;height:36px}.footer-brand{justify-content:center}.footer-brand img{width:50px;height:35px}}.animal-categories{padding-top:36px;padding-bottom:46px}.animal-categories h2{color:#285b4e;margin:8px 0 22px}.animal-categories>small{display:block;margin-top:13px;font-size:12px;color:#6e8779}.category-buttons{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}.category-buttons button{display:flex;min-height:106px;align-items:center;justify-content:center;flex-direction:column;gap:12px;border:1px solid #d9e5db;border-radius:16px;background:#fff;color:#285b4e;padding:13px 8px;transition:background .2s,border-color .2s}.category-buttons button:hover,.category-buttons button:focus-visible{background:#eaf4ed;border-color:#6e9c85}.category-buttons button span{font-size:29px;line-height:1}.category-buttons button strong{font-size:12px;text-align:center;line-height:1.35}@media(max-width:900px){.category-buttons{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:500px){.category-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.category-buttons button{min-height:92px}}