*,:before,:after{box-sizing:border-box}body{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}:root{--md-sys-color-background:#fdfcff;--md-sys-color-on-background:#1a1c1e;--md-sys-color-primary:#0061a4;--md-sys-color-on-primary:#fff;--md-sys-color-primary-container:#d1e4ff;--md-sys-color-on-primary-container:#001d36;--md-sys-color-secondary:#535f70;--md-sys-color-on-secondary:#fff;--md-sys-color-secondary-container:#d7e3f7;--md-sys-color-on-secondary-container:#101c2b;--md-sys-color-tertiary:#6b5778;--md-sys-color-on-tertiary:#fff;--md-sys-color-tertiary-container:#f2daff;--md-sys-color-on-tertiary-container:#251431;--md-sys-color-error:#ba1a1a;--md-sys-color-on-error:#fff;--md-sys-color-error-container:#ffdad6;--md-sys-color-on-error-container:#410002;--md-sys-color-surface:#fdfcff;--md-sys-color-on-surface:#1a1c1e;--md-sys-color-surface-variant:#dfe2eb;--md-sys-color-on-surface-variant:#43474e;--md-sys-color-outline:#73777f;--md-sys-color-outline-variant:#c3c7cf;--md-sys-color-shadow:#000;--md-sys-color-scrim:#000;--md-sys-color-inverse-surface:#2f3033;--md-sys-color-inverse-on-surface:#f1f0f4;--md-sys-color-inverse-primary:#9ecaef;--md-sys-transition:.5s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}#root{border:none;outline:none}body{background-color:var(--md-sys-color-background);background-image:radial-gradient(circle at 0% 0%, var(--md-sys-color-primary-container), transparent 70vw), radial-gradient(circle at 100% 0%, var(--md-sys-color-tertiary-container), transparent 70vw), radial-gradient(circle at 50% 100%, var(--md-sys-color-secondary-container), transparent 70vw);color:var(--md-sys-color-on-background);transition:background-color var(--md-sys-transition);background-attachment:fixed;min-height:100vh;margin:0;padding:0;font-family:system-ui,-apple-system,sans-serif;overflow-x:hidden}.landing{flex-direction:column;align-items:center;min-height:100vh;padding:2rem 1rem 10rem;display:flex}.main-content{width:100%;max-width:1100px}h1{text-align:center;color:var(--md-sys-color-on-primary-container);text-wrap:balance;margin:2rem 0;font-size:clamp(2rem,8vw,3.5rem);font-weight:900;line-height:1.1}.cat-buttons{flex-wrap:wrap;justify-content:center;gap:24px;padding:1rem;display:flex}.cat-card{cursor:pointer;box-shadow:0 12px 30px color-mix(in srgb, var(--md-sys-color-shadow) 10%, transparent);border:4px solid #0000;border-radius:32px;flex-direction:column;align-items:center;gap:16px;padding:2.5rem;text-decoration:none;transition:all .4s cubic-bezier(.175,1.885,.32,2.275);display:flex}.cat-card.tuxedo{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.cat-card.black-cat{background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}.cat-card:hover{box-shadow:0 20px 40px color-mix(in srgb, var(--md-sys-color-shadow) 20%, transparent);transform:translateY(-12px)scale(1.02)}.cat-card.tuxedo:hover{border-color:var(--md-sys-color-primary);box-shadow:0 20px 40px color-mix(in srgb, var(--md-sys-color-primary) 30%, transparent);transform:translateY(-12px)rotate(-2deg)}.cat-card.black-cat:hover{border-color:var(--md-sys-color-primary);box-shadow:0 20px 40px color-mix(in srgb, var(--md-sys-color-primary) 30%, transparent);transform:translateY(-12px)rotate(2deg)}.cat-photo{object-fit:cover;border:4px solid var(--md-sys-color-surface);border-radius:50%;width:150px;height:150px}.cat-image-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;width:100%;margin-top:2rem;display:grid}.grid-image{aspect-ratio:1;object-fit:cover;border:4px solid var(--md-sys-color-secondary-container);cursor:zoom-in;border-radius:28px;width:100%;transition:all .4s}.grid-image:hover{border-color:var(--md-sys-color-secondary);transform:scale(1.02);box-shadow:0 10px 25px #0000001a}.horizontal-scroll{background:color-mix(in srgb, var(--md-sys-color-secondary-container) 80%, transparent);-webkit-backdrop-filter:blur(16px);border:1px solid color-mix(in srgb, var(--md-sys-color-secondary) 30%, transparent);z-index:1100;border-radius:100px;gap:16px;padding:12px 20px;display:flex;position:fixed;bottom:32px;left:50%;translate:-50%;box-shadow:0 20px 40px #00000026}.scroll-image{object-fit:cover;cursor:pointer;border:3px solid var(--md-sys-color-surface);border-radius:50%;width:56px;height:56px;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.scroll-image:hover{border-color:var(--md-sys-color-inverse-primary);transform:scale(1.4)translateY(-10px)}.navbar{z-index:1000;justify-content:center;gap:8px;padding:1rem;display:flex;position:sticky;top:0}.nav-link{background:color-mix(in srgb, var(--md-sys-color-surface-variant) 50%, transparent);color:var(--md-sys-color-on-surface-variant);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #0000;border-radius:100px;padding:8px 20px;font-weight:600;text-decoration:none;transition:all .3s}.nav-link:hover{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.nav-link[aria-current=page]{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);border-color:var(--md-sys-color-primary)}.nav-link:focus-visible,.cat-card:focus-visible{outline:3px solid var(--md-sys-color-primary);outline-offset:2px}.back-btn{background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container);border:2px solid var(--md-sys-color-tertiary);cursor:pointer;border-radius:100px;margin-top:2rem;padding:.6rem 1.6rem;font-size:.95rem;font-weight:600;transition:all .3s}.back-btn:hover{background:var(--md-sys-color-tertiary);color:var(--md-sys-color-on-tertiary);transform:translateY(-2px)}.info-page{flex-direction:column;align-items:center;gap:2.5rem;width:100%;max-width:780px;margin:0 auto;padding:2rem 1.5rem 10rem;display:flex}.info-hero{text-align:center;padding:1rem 0}.info-greeting{text-transform:uppercase;letter-spacing:.35em;color:var(--md-sys-color-on-surface-variant);margin:0;font-size:.8rem;font-weight:600}.info-title{margin:.5rem 0 .75rem}.info-subtitle{color:var(--md-sys-color-on-surface-variant);margin:0;font-size:1.05rem;font-style:italic}.info-about{grid-template-columns:1fr 1fr;gap:16px;width:100%;display:grid}.info-card{background:color-mix(in srgb, var(--md-sys-color-surface-variant) 60%, transparent);border:1px solid var(--md-sys-color-outline-variant);transition:background-color var(--md-sys-transition), border-color var(--md-sys-transition);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:28px;flex-direction:column;gap:.6rem;padding:1.75rem;display:flex}.info-card-icon{font-size:1.75rem}.info-card h2{color:var(--md-sys-color-on-surface);margin:0;font-size:1.1rem;font-weight:700}.info-card p{color:var(--md-sys-color-on-surface-variant);margin:0;font-size:.92rem;line-height:1.75}.info-card-wide{grid-column:1/-1}.info-cats{justify-content:center;gap:2rem;margin-top:.5rem;display:flex}.info-cat{flex-direction:column;align-items:center;gap:.35rem;display:flex}.info-cat-photo{object-fit:cover;border:3px solid var(--md-sys-color-outline-variant);width:84px;height:84px;transition:border-color var(--md-sys-transition);border-radius:50%}.info-cat strong{color:var(--md-sys-color-on-surface);font-size:.95rem;font-weight:700}.info-cat span{color:var(--md-sys-color-on-surface-variant);font-size:.78rem;font-style:italic}.info-footer{color:var(--md-sys-color-on-surface-variant);padding-bottom:1rem;font-size:.9rem}.info-heart{color:var(--md-sys-color-primary);transition:color var(--md-sys-transition)}@media (width<=600px){.info-about{grid-template-columns:1fr}.info-card-wide{grid-column:1}}@media (width<=480px){.horizontal-scroll{gap:10px;max-width:calc(100vw - 2rem);padding:10px 14px;bottom:20px;overflow-x:auto}.scroll-image{flex-shrink:0;width:44px;height:44px}.cat-card{padding:1.5rem 1.25rem}.cat-photo{width:110px;height:110px}.cat-image-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.grid-image{border-radius:18px}.info-cats{gap:1.25rem}.info-cat-photo{width:68px;height:68px}}