*,:before,:after{box-sizing:border-box}:root{--bg:#0c0c0c;--primary:#f1fff2;--accent:#ff1494;color:var(--primary);background-color:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}a{color:var(--accent)}body{margin:0}.container{max-width:100rem;margin-inline:auto;padding-inline:2rem}.noStyle{margin:0;padding:0;list-style:none}h2{font-variant:all-petite-caps;letter-spacing:.1em;margin-block:1em;font-size:2rem;font-weight:300}header{background:linear-gradient(to top, var(--bg) 0, transparent 10rem), url(https://images.pexels.com/photos/2387793/pexels-photo-2387793.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1);background-size:cover,cover;flex-direction:column;max-width:120rem;min-height:min(800px,100dvh);margin-inline:auto;display:flex}header .container{flex-grow:1;width:100%;position:relative}header img{aspect-ratio:1;object-fit:cover;border:5px solid;border-radius:50%;margin-block-start:4rem}header h1{color:var(--accent);font-variant:all-petite-caps;letter-spacing:.2em;margin-inline:2rem;font-size:4rem;position:absolute;inset-block-end:0;inset-inline-end:0}main{margin-block:8rem}main section{border-block-end:1px solid;padding-block:8rem}.cats{flex-wrap:wrap;gap:4rem 8rem;display:flex}.catCard{background-color:var(--primary);color:var(--bg);flex-flow:wrap;flex:.5 auto;gap:1rem 2rem;padding-block:2rem 3rem;padding-inline-start:6rem;animation:.5s ease-in-out forwards fadeIn;display:flex;position:relative}.catCard hgroup{writing-mode:vertical-rl;text-orientation:mixed;justify-content:space-between;gap:2rem;height:300px;display:flex;position:absolute;inset-inline-start:1rem;transform:rotate(-180deg)}.catCard button{background:0 0;border:0;font-size:2rem}.catCard h3{background-color:var(--primary);max-width:60%;margin:0;display:inline-block}@keyframes fadeIn{0%{opacity:0;scale:.5}to{opacity:1;scale:1}}form{flex-direction:column;max-width:40em;margin-inline:auto;display:flex}form button{font:inherit;color:var(--primary);background-color:var(--bg);font-variant:all-petite-caps;letter-spacing:.12em;border:2px solid;margin-block:1rem;padding:.8em 1.2em}form button:hover,form button:focus-visible{background-color:var(--primary);color:var(--bg);font-weight:700}form .errorSummary:not(:empty){color:#88044d;border:2px solid #88044d;padding:1.2rem}form .field-error{color:#88044d;flex-direction:column;display:flex}form .field{flex-direction:column;gap:.5rem;margin-block-end:1.5rem;display:flex}