#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}html,body{margin:0;padding:0;width:100%;height:100%;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}.page{min-height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(to bottom,#e0f2fe,#bae6fd);padding:0}.card{background:#fff;border-radius:1.25rem;box-shadow:0 8px 20px #00000014;padding:1rem;width:100%;max-width:360px;text-align:center;margin-bottom:1rem;transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-3px);box-shadow:0 12px 25px #0000001f}.card h2{font-size:1.5rem;color:#1e3a8a;margin-bottom:.25rem}.card p{color:#4b5563;margin-bottom:.25rem;font-size:.875rem}.owner-card,.pet-card{background:#e0f7fa;border-radius:.75rem;padding:.75rem;margin-top:.75rem;text-align:left;font-size:.875rem}.footer{text-align:center;color:#4b5563;font-size:.75rem;max-width:360px;margin-top:.5rem}