:root{--font-scale:1;--text-primary:#f5f5f5;--text-secondary:#ececec;--text-muted:#b0b0b0;--text-soft:#8a8a8c;--text-disabled:#b3b5bd;--text-strong:#fff;--text-inverse:#141418;--text-inverse-muted:#1a1b1f;--text-inverse-soft:#2a2b31;--text-inverse-strong:#0d0e12;--text-inverse-disabled:#b3b5bd;--bg-primary:#23232e;--bg-primary-transparent:#23232ec0;--bg-primary-transparent2:#23232e90;--bg-primary-light:#2e2e3a;--bg-primary-light-transparent:#2e2e3ac0;--bg-primary-light-transparent2:#2e2e3a90;--bg-primary-lighter:#464658;--bg-primary-dark:#1a1a23;--bg-secondary:#141418;--bg-secondary-transparent:#141418c0;--bg-secondary-transparent2:#14141890;--bg-secondary-light:#1d1d25;--bg-secondary-light-transparent:#1d1d25c0;--bg-secondary-dark:#0d0d12;--icon-primary:#ff7eee;--icon-primary-light:#ffa3f3;--icon-primary-dark:#e352c7;--icon-secondary:#ee4cb0;--icon-secondary-light:#f178bd;--icon-secondary-dark:#b93084;--button-primary:#df49a6;--button-secondary:#f178bd;--color-success:#4caf50;--color-success-light:#81c784;--color-error:#f44336;--color-error-light:#ff7575;--color-warning:#ff9800;--color-warning-light:#ffb74d;--color-info:#2196f3;--color-info-light:#64b5f6;--bg-page:#f6f7f9;--surface-1:#fff;--surface-2:#f2f3f7;--surface-3:#e9ebf2;--border:#e4e6ed;--border-muted:#edeff5;--border-strong:#cfd3df;--border-transparent:#e4e6ed9d;--overlay-300:#1414184d;--overlay-600:#14141899;--focus-ring:#df49a6;--accent-secondary-weak-bg:#fde6f2;--accent-secondary-border:#f3a7cf;--accent-primary-weak-bg:#ffe6fb;--accent-primary-border:#ffc8f5;--transition-speed-fast:0.2s;--transition-speed:0.3s;--transition-speed-slow:0.4s;--transition-timing:ease-out;--s-1:.5rem;--s-2:.75rem;--s-3:1rem;--s-4:1.5rem;--s-5:2rem;--shadow-sm:0 0.125rem 0.25rem #0000001a;--shadow-md:0 0.5rem 1.125rem #0000004d;--shadow-strong:0 6px 14px #0000008c;--radius-lg:0.625rem;--radius-sm:0.3125rem;--fs-xs:0.75rem;--fs-base:1rem;--fs-sm:clamp(1rem,1.25rem + 0.2vw,1.375rem);--fs-md:clamp(1.125rem,1.5rem + 0.2vw,1.625rem);--fs-lg:clamp(1.25rem,1.25rem + 1.6vw,1.9rem);--fs-xl:clamp(2rem,1.25rem + 2.8vw,3.25rem);font-family:Open Sans,sans-serif;font-size:16px;font-size:calc(16px*var(--font-scale,1))}:root.light-theme{--text-primary:#141418;--text-secondary:#383a44;--text-muted:#2a2b31;--text-soft:#6b6c76;--text-disabled:#b3b5bd;--text-strong:#0d0e12;--text-inverse:#f5f5f5;--text-inverse-muted:#ececec;--text-inverse-soft:#b0b0b0;--text-inverse-strong:#fff;--text-inverse-disabled:#b3b5bd;--bg-primary:#f6f7f9;--bg-primary-transparent:#f6f7f9b0;--bg-primary-transparent2:#f6f7f990;--bg-primary-light:#d9dae3;--bg-primary-light-transparent:#d9dae3b0;--bg-primary-lighter:#c0c2cc;--bg-primary-dark:#e9ebf2;--bg-secondary:#fff;--bg-secondary-transparent:#ffffffb0;--bg-secondary-transparent2:#ffffff90;--bg-secondary-light:#f6f7f9;--bg-secondary-light-transparent:#f6f7f9b0;--bg-secondary-dark:#e9ebf2;--icon-primary:#f178bd;--icon-primary-light:#f178bd;--icon-primary-dark:#b93084;--icon-secondary:#b93084;--icon-secondary-light:#ffa3f3;--icon-secondary-dark:#e352c7;--button-primary:#f05cd2;--button-secondary:#ffa3f3;--color-success:#2e7d32;--color-success-light:#a5d6a7;--color-error:#c62828;--color-error-light:#ef9a9a;--color-warning:#ef6c00;--color-warning-light:#ffcc80;--color-info:#1565c0;--color-info-light:#90caf9;--s-1:.5rem;--s-2:.75rem;--s-3:1rem;--s-4:1.5rem;--s-5:2rem;--shadow-sm:0 0.125rem 0.25rem #6464641a;--shadow-md:0 0.5rem 1.125rem #6464644d;--shadow-strong:0 6px 14px #6464648c;--bg-page:#f6f7f9;--surface-1:#fff;--surface-2:#f2f3f7;--surface-3:#e9ebf2;--border:#e4e6ed;--border-muted:#edeff5;--border-strong:#cfd3df;--border-transparent:#e4e6ed9d;--accent-secondary-weak-bg:#fde6f2;--accent-secondary-border:#f3a7cf;--accent-primary-weak-bg:#ffe6fb;--accent-primary-border:#ffc8f5;--overlay-300:#bebeeb4d;--overlay-600:#b8b8e999;--focus-ring:#f05cd2}body,html{background-color:#141418;background-color:var(--bg-secondary);overflow-x:hidden;scroll-behavior:smooth;scroll-snap-type:mandatory}*{box-sizing:border-box;margin:0;padding:0}::selection{background-color:#ee4cb0;background-color:var(--icon-secondary);color:#f5f5f5;color:var(--text-primary)}body{background-color:#141418;background-color:var(--bg-secondary);color:#f5f5f5;color:var(--text-primary);overflow-x:hidden}body::-webkit-scrollbar{width:.25rem}body::-webkit-scrollbar-track{background-color:#1e1e24}body::-webkit-scrollbar-thumb{background-color:#6649b8}main{padding:0}.page{padding:1rem}h1{color:#ee4cb0;color:var(--icon-secondary);font-size:clamp(2rem,1.25rem + 2.8vw,3.25rem);font-size:var(--fs-xl);line-height:1.2;margin:1rem;text-align:center}h2{color:#b0b0b0;color:var(--text-muted);font-size:clamp(1.25rem,1.25rem + 1.6vw,1.9rem);font-size:var(--fs-lg);line-height:1.25rem;margin-top:1rem;text-align:left}h3{font-size:clamp(1.0625rem,.95rem + .6vw,1.25rem);line-height:1.25}p{text-wrap:pretty;font-size:clamp(1.125rem,1.5rem + .2vw,1.625rem);font-size:var(--fs-md);line-height:1.4;margin:1rem 0;max-width:72ch;text-align:left}strong{color:#fff;color:var(--text-strong);font-weight:600}.section-lead{color:#b0b0b0;color:var(--text-muted);font-size:clamp(1.125rem,1.5rem + .2vw,1.625rem);font-size:var(--fs-md);line-height:1.55;margin:.25rem 0 .5rem}.btn{align-items:center;background:#23232e;background:var(--bg-primary);border:1px solid #2e2e3a;border:1px solid var(--bg-primary-light);border-radius:.3125rem;border-radius:var(--radius-sm);color:#f5f5f5;color:var(--text-primary);cursor:pointer;display:inline-flex;font-weight:600;justify-content:center;min-height:2rem;padding:.3rem .6rem;text-decoration:none;transition:transform .3s ease-out,background-color .3s ease-out,border-color .3s ease-out;transition:transform var(--transition-speed) var(--transition-timing),background-color var(--transition-speed) var(--transition-timing),border-color var(--transition-speed) var(--transition-timing)}.btn:hover{background:#8a8a8c;background:var(--text-soft);transform:scale(1.04)}.btn:active{transform:scale(.98)}.btn:focus-visible{outline:2px solid #ee4cb0;outline:2px solid var(--icon-secondary);outline-offset:2px}.btn-primary{background:#ee4cb0;background:var(--icon-secondary);border-color:#0000;color:#ececec;color:var(--text-secondary)}.btn-primary:hover{background:#e352c7;background:var(--icon-primary-dark);border-color:#0000;color:#1a1b1f;color:var(--text-inverse-muted)}.btn-secondary{background:0 0;border-color:#8a8a8c;border-color:var(--text-soft)}.btn-ghost{background:0 0;border:1px dashed #464658;border:1px dashed var(--bg-primary-lighter)}@media (max-width:900px){.btn{min-height:2.25rem;padding:.2rem .4rem}}@media (max-width:600px){main{margin-left:0!important;margin:0}}.navbar{-webkit-overflow-scrolling:touch;background-color:var(--bg-primary-lighter);height:100vh;overflow-x:auto;overscroll-behavior-inline:contain;position:fixed;scrollbar-gutter:stable both-edges;transition:all var(--transition-speed) var(--transition-timing);white-space:nowrap;width:5rem;z-index:5}.navbar::-webkit-scrollbar{width:.25rem}.navbar::-webkit-scrollbar-track{background-color:#1e1e24}.navbar::-webkit-scrollbar-thumb{background-color:#6649b8}.navbar ul{align-items:center;display:flex;flex-direction:column;height:100%;list-style:none;padding:0}.logo{background-color:var(--bg-primary-lighter);color:var(--text-secondary);font-size:var(--fs-md);font-weight:700;letter-spacing:.3ch;margin-bottom:1rem;text-align:center;text-transform:uppercase;width:100%}.logo .icon-img{transform:rotate(0);transition:transform var(--transition-speed) var(--transition-timing)}.navbar:hover .logo .icon-img{transform:rotate(-180deg)}.navbar-li{width:100%}.navbar-li:last-child{margin-top:auto}.settings-button{background:0 0;border:none;color:inherit;cursor:pointer;font:inherit;padding:0;text-align:left}.nav-link{align-items:center;color:var(--text-secondary);display:flex;filter:grayscale(100%) opacity(.7);height:5rem;justify-content:center;text-align:left;text-decoration:none;transition:all var(--transition-speed) var(--transition-timing);width:100%}.navbar:hover .nav-link{display:flex;justify-content:flex-start;padding:2rem}.nav-link.active,.nav-link:hover,.nav-link[aria-current=page]{background-color:var(--bg-primary-light);border-right:1px solid var(--bg-primary-lighter);color:var(--bg-secondary);filter:grayscale(0) opacity(1)}.link-text{color:var(--text-secondary);display:none;font-size:var(--fs-sm);margin-left:1rem}.nav-link .icon-img,.nav-link svg{color:var(--text-primary);font-size:var(--fs-md);min-width:2rem;transition:all var(--transition-speed) var(--transition-timing)}.nav-link.active .icon-img,.nav-link:hover .icon-img,.nav-link:hover i.primary,.nav-link:hover svg.primary,.nav-link[aria-current=page] .icon-img{color:var(--icon-primary)}.nav-link:focus-visible{outline:2px solid var(--icon-secondary);outline-offset:2px}main{margin-left:5rem;min-height:90vh}@media (max-width:600px){.navbar{bottom:0;display:flex;flex-direction:row;height:4rem;justify-content:center;left:0;position:fixed;right:0;z-index:5}.navbar,.navbar:focus-within,.navbar:hover{width:auto!important}.link-text{display:none!important;transition:all var(--transition-speed-fast) var(--transition-timing)}.navbar .nav-link,.navbar:focus-within .nav-link,.navbar:hover .nav-link{justify-content:center!important;padding:0!important}.navbar ul{align-items:center;flex-direction:row;height:100%;justify-content:space-around;width:100%}.logo{display:none}.navbar{transition:background-color var(--transition-speed) var(--transition-timing)}}@media (min-width:600px){.navbar{height:100vh;top:0;transition:all var(--transition-speed) var(--transition-timing);width:5rem}.navbar:hover{width:16rem}.nav-link:focus-visible{outline:2px solid var(--icon-secondary);outline-offset:2px}.navbar:hover .link-text{display:inline;transition:all var(--transition-speed-fast) var(--transition-timing)}}@media (min-width:600px) and (hover:hover) and (pointer:fine){.navbar{height:100vh;top:0;width:5rem}.navbar:hover{width:16rem}.navbar:hover .link-text{display:inline;transition:all var(--transition-speed) var(--transition-timing)}.navbar:hover .logo .icon-img{transform:rotate(-180deg)}.navbar:hover .nav-link{display:flex;justify-content:flex-start;padding:2rem;width:100%}}@media (min-width:600px) and (hover:none),(pointer:coarse){.navbar:focus-within{width:16rem}.navbar:focus-within .link-text{display:inline}}:root{--bottom-bar-h:4rem;--footer-h:3.5rem}.footer{background-color:var(--bg-secondary);box-sizing:border-box;color:var(--text-primary);gap:.5rem;height:3.5rem;height:var(--footer-h,3.5rem);justify-content:space-between;padding:0 1rem 0 6rem;z-index:1}.footer,.footer .socials{align-items:center;display:flex}.footer .socials{gap:1rem;justify-content:center;margin:0;padding:0}.footer .socials a{align-items:center;color:var(--icon-secondary);display:inline-flex;font-size:var(--fs-md);height:1.75rem;justify-content:center;text-decoration:none;transition:transform var(--transition-speed) var(--transition-timing),color var(--transition-speed) var(--transition-timing);width:1.75rem}.footer .socials a:focus-visible{border-radius:var(--radius-sm);outline:2px solid var(--focus-ring);outline-offset:2px}.footer .socials a svg{font-size:var(--fs-md)}.footer .socials a:hover{color:var(--icon-primary);transform:scale(1.04);transform:scale(var(--hover-scale,1.04))}.footer p{margin:0;padding:0 1rem;text-align:right;white-space:nowrap}@media (max-width:600px){:root{--footer-h:4rem}.footer{align-items:center;flex-direction:column;justify-content:center;margin-bottom:5rem;padding:3rem .75rem 1rem}footer p{font-size:var(--fs-sm);margin:0}.socials{justify-content:flex-start;margin-bottom:1rem;margin-left:0}}section.hero{align-items:flex-start;background:url(/Cat-adoption-app/static/media/heading-photo6.ad60a413d4a007494812.webp) left 60% center/cover no-repeat;box-shadow:var(--shadow-md);display:flex;flex-direction:column;height:91svh;justify-content:center;overflow:hidden;position:relative;width:100%;z-index:0}.light-theme section.hero{background-image:url(/Cat-adoption-app/static/media/heading-photo7.e3977dbbfd131eb8af0c.webp);background-position:100%;background-repeat:no-repeat;background-size:cover}.hero:after{background:linear-gradient(90deg,color-mix(in srgb,var(--bg-secondary) 70%,#0000) 0,color-mix(in srgb,var(--bg-secondary) 35%,#0000) 45%,#0000 70%);content:"";inset:0;pointer-events:none;position:absolute;z-index:1}.light-theme .hero:after{background:linear-gradient(90deg,color-mix(in srgb,var(--bg-secondary) 55%,#0000) 0,color-mix(in srgb,var(--bg-secondary) 25%,#0000) 40%,#0000 60%);content:"";inset:0;position:absolute}.hero h1,p.introduction{text-align:center;width:50%;z-index:2}p.introduction{color:var(--text-secondary);font-size:var(--fs-lg);margin:1rem .9rem}.hero-cta{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:2rem;width:50%}.hero-cta .btn{min-width:150px;padding:.75rem 1rem;text-align:center;z-index:2}a.scroll-down{bottom:0;margin:.5rem;position:absolute;text-align:center;text-decoration:none;width:100%;z-index:3}.scroll-icon{color:var(--text-soft);font-size:clamp(3rem,2.5rem + 2vw,4rem);transition:all var(--transition-speed) var(--transition-timing)}a.scroll-down:hover .scroll-icon{color:var(--text-primary);transform:scale(1.1)}.img-fade{display:block;height:auto;-webkit-mask-image:linear-gradient(90deg,#000,#0000);mask-image:linear-gradient(90deg,#000,#0000);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;width:100%}.fade-image{display:block;position:relative}.fade-image:after{background:linear-gradient(to bottom,#0000 70%,var(--bg-secondary) 100%);content:"";inset:0;position:absolute}.mission{color:var(--text-primary);display:flex;flex-direction:column;font-size:var(--fs-md);line-height:1.4;padding:2rem 2rem 2rem 4rem;text-align:center;width:100%}.mission h2{color:var(--text-muted);margin-bottom:1rem;text-align:left;text-shadow:var(--shadow-md);width:100%}.mission--alt{background-color:var(--bg-primary-light);color:var(--text-secondary)}#mission{background:linear-gradient(to left,#0000 0,var(--bg-secondary) 55%),url(/Cat-adoption-app/static/media/mission.1e158ca891f9e0487237.webp) 100% /contain no-repeat}#mission h2{margin-top:0}#mission p{max-width:700px;scroll-snap-align:start}#adoption{background:linear-gradient(to right,#0000 0,var(--bg-primary-light) 55%),url(/Cat-adoption-app/static/media/adoption.1b08f06e39b628e51000.webp) -8rem /cover no-repeat;min-height:95svh}#adoption h2{color:var(--text-strong);margin-left:auto;text-shadow:var(--shadow-md)}#adoption p{margin-right:0;max-width:700px}.mini-icons{display:flex;gap:2rem;justify-content:center;margin-block:2rem;margin-top:auto}.mini-icons a{align-items:center;border:1px solid #0000;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;flex-direction:column;padding:.5rem;text-decoration:none;transition:background-color .3s ease,border-color .3s ease,transform .2s ease;will-change:transform}.mini-icons a:hover{background-color:color-mix(in srgb,var(--icon-primary) 8%,#0000);border-color:var(--icon-primary);filter:drop-shadow(0 0 4px rgba(214,106,200,.6));transform:translateY(-2px) scale(1.1) translateZ(0)}.mini-icons svg{color:var(--icon-secondary);font-size:var(--fs-md);margin-bottom:.5rem;min-width:2rem}.mini-icons:hover svg{color:var(--icon-primary-dark)}.mini-icons p{color:var(--text-primary);font-size:var(--fs-base);font-weight:600;margin:0}@media (max-width:1200px){#mission{background:linear-gradient(to left,#0000 0,var(--bg-secondary-transparent) 5%),url(/Cat-adoption-app/static/media/mission.1e158ca891f9e0487237.webp) 100% /cover no-repeat}#adoption{background:linear-gradient(to right,#0000 0,var(--bg-primary-light-transparent) 5%),url(/Cat-adoption-app/static/media/adoption.1b08f06e39b628e51000.webp) -9rem /cover no-repeat}}#adoption p{margin-left:auto}@media (max-width:900px){.hero h1{width:70%}p.introduction{margin:0 .9rem;width:70%}.hero-cta{margin-top:1rem;width:70%}a.scroll-down{display:none}.adotion p{margin-left:0}}@media (max-width:600px){section.hero{background-position:left 60% center;height:95svh}section.hero:after{background:linear-gradient(90deg,color-mix(in srgb,var(--bg-primary-light) 90%,#000) 0,color-mix(in srgb,var(--bg-primary-light) 31%,#000) 40%,#0000 70%)}.light-theme section.hero{background-position:60%}p.introduction{margin:1rem 0 .5rem;width:80%}a.scroll-down{display:none}.hero-cta{margin-block:1rem;margin-inline:.5rem}.hero-cta .btn{min-width:120px}.btn{min-height:2rem;padding:.2rem .4rem}#mission{background:linear-gradient(to left,#0000 0,var(--bg-secondary-transparent2) 0),url(/Cat-adoption-app/static/media/mission.1e158ca891f9e0487237.webp) -25rem /cover no-repeat}#adoption{background:linear-gradient(to left,#0000 0,var(--bg-secondary-transparent) 0),url(/Cat-adoption-app/static/media/adoption.1b08f06e39b628e51000.webp) -19rem /cover no-repeat}}@media (max-width:480px){section.hero{align-items:center}section.hero:after{background:linear-gradient(90deg,color-mix(in srgb,var(--bg-secondary) 60%,#0000) 0,color-mix(in srgb,var(--bg-secondary) 30%,#0000) 90%,#0000 100%);opacity:.5}.mission{padding-left:2rem}h1{font-size:var(--fs-lg)}p.introduction{font-size:var(--fs-sm);width:90%}#mission{background:linear-gradient(to left,#0000 0,var(--bg-secondary-transparent2) 0),url(/Cat-adoption-app/static/media/mission.1e158ca891f9e0487237.webp) -52rem /cover no-repeat}#adoption{background:linear-gradient(to right,#0000 0,var(--bg-primary-light-transparent2) 0),url(/Cat-adoption-app/static/media/adoption.1b08f06e39b628e51000.webp) -27rem /cover no-repeat}}
/*# sourceMappingURL=main.e5608e88.css.map*/