.jokes-page{justify-content:center;display:flex}.jokes-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f7f3eac7;border:2px solid #4767ab;border-radius:2rem;width:min(100%,720px);padding:clamp(1.5rem,3vw,2.5rem);box-shadow:0 24px 60px #1720331f}.jokes-label{text-transform:uppercase;letter-spacing:.18em;color:#5d6b86;margin:0;font-weight:700}.jokes-title{color:#172033;margin:.5rem 0 1.25rem;font-size:clamp(2rem,4vw,3.25rem);line-height:1.05}.jokes-quote{color:#172033;background:#ffffffb3;border-left:4px solid #4767ab;border-radius:1rem;margin:0;padding:1.25rem 1.35rem;font-size:1.15rem;line-height:1.8}.jokes-category{color:#5d6b86;margin:1rem 0 0;font-weight:600}.jokes-actions{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;display:flex}.page.dark .jokes-card{background:#172033b8;border-color:#7791c78c;box-shadow:0 24px 60px #0000004d}.page.dark .jokes-label,.page.dark .jokes-category{color:#f7f3eabf}.page.dark .jokes-title,.page.dark .jokes-quote{color:#f7f3ea}.page.dark .jokes-quote{background:#ffffff0f;border-left-color:#8ba7e0}.page{color:#172033;background:linear-gradient(135deg,#f7f3ea 0%,#eef4ff 100%);min-height:100vh;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.light{color:#172033;background:linear-gradient(135deg,#f7f3ea 0%,#eef4ff 100%)}.dark{color:#f7f3ea;background:linear-gradient(135deg,#172033 0%,#2c3d5f 100%)}.card{border:2px solid #4767ab;border-radius:5rem;flex-direction:column;align-items:center;padding:3rem;display:flex}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #1720331f;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex}.navbar strong{font-size:1.125rem}.button-row{flex-wrap:wrap;gap:.75rem;display:flex}.button{color:#172033;cursor:pointer;background-color:#fff;border:1px solid #172033;border-radius:999px;justify-content:center;align-items:center;padding:.7rem 1rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.button:hover{background-color:#f7f3ea}.button.primary{color:#fff;background-color:#172033}.button.primary:hover{background-color:#2c3d5f}.content{max-width:960px;margin:0 auto;padding:4rem 1.5rem}.home-label{text-transform:uppercase;letter-spacing:.18em;color:#5d6b86;margin:0;font-weight:700}.home-title{margin:.5rem 0 1rem;font-size:clamp(2.5rem,5vw,4.5rem);line-height:1.05}.home-description{max-width:42rem;margin-bottom:2rem;font-size:1.1rem;line-height:1.7}.quotes-page{justify-content:center;display:flex}.quotes-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f7f3eac7;border:2px solid #4767ab;border-radius:2rem;width:min(100%,720px);padding:clamp(1.5rem,3vw,2.5rem);box-shadow:0 24px 60px #1720331f}.quotes-label{text-transform:uppercase;letter-spacing:.18em;color:#5d6b86;margin:0;font-weight:700}.quotes-title{color:#172033;margin:.5rem 0 1.25rem;font-size:clamp(2rem,4vw,3.25rem);line-height:1.05}.quotes-quote{color:#172033;background:#ffffffb3;border-left:4px solid #4767ab;border-radius:1rem;margin:0;padding:1.25rem 1.35rem;font-size:1.15rem;line-height:1.8}.quotes-author{color:#5d6b86;margin:1rem 0 0;font-weight:600}.quotes-actions{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;display:flex}.page.dark .quotes-card{background:#172033b8;border-color:#7791c78c;box-shadow:0 24px 60px #0000004d}.page.dark .quotes-label,.page.dark .quotes-author{color:#f7f3eabf}.page.dark .quotes-title,.page.dark .quotes-quote{color:#f7f3ea}.page.dark .quotes-quote{background:#ffffff0f;border-left-color:#8ba7e0}.random-user-page{justify-content:center;display:flex}.random-user-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f7f3ead1;border:2px solid #4767ab;border-radius:2rem;width:min(100%,920px);padding:clamp(1.5rem,3vw,2.5rem);box-shadow:0 24px 60px #1720331f}.random-user-header{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1.25rem;display:grid}.random-user-label{text-transform:uppercase;letter-spacing:.18em;color:#5d6b86;margin:0;font-weight:700}.random-user-name{color:#172033;margin:.5rem 0;font-size:clamp(2rem,4vw,3.5rem);line-height:1.05}.random-user-subtitle{color:#5d6b86;margin:0;font-weight:600}.random-user-avatar-wrap{justify-content:center;display:flex}.random-user-avatar{object-fit:cover;border:4px solid #4767ab40;border-radius:50%;width:132px;height:132px;box-shadow:0 16px 35px #17203324}.random-user-avatar-placeholder{color:#172033;background:linear-gradient(135deg,#17203314,#4767ab2e);place-items:center;font-size:2rem;font-weight:800;display:grid}.random-user-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.75rem;display:grid}.random-user-field{background:#ffffffb8;border:1px solid #4767ab2e;border-radius:1.2rem;padding:1rem 1.1rem}.random-user-field-wide{grid-column:1/-1}.random-user-field-label{text-transform:uppercase;letter-spacing:.12em;color:#5d6b86;margin-bottom:.4rem;font-size:.78rem;font-weight:700;display:block}.random-user-field-value{color:#172033;overflow-wrap:anywhere;line-height:1.5;display:block}.random-user-actions{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;display:flex}.page.dark .random-user-card{background:#172033bd;border-color:#7791c78c;box-shadow:0 24px 60px #0000004d}.page.dark .random-user-label,.page.dark .random-user-subtitle,.page.dark .random-user-field-label{color:#f7f3eabf}.page.dark .random-user-name,.page.dark .random-user-field-value{color:#f7f3ea}.page.dark .random-user-field{background:#ffffff0f;border-color:#ffffff14}.page.dark .random-user-avatar{border-color:#8ba7e073}.page.dark .random-user-avatar-placeholder{color:#f7f3ea;background:linear-gradient(135deg,#ffffff0f,#8ba7e029)}@media (width<=720px){.random-user-header{grid-template-columns:1fr;justify-items:start}.random-user-avatar-wrap{justify-content:flex-start}.random-user-grid{grid-template-columns:1fr}}.cats-page{justify-content:center;display:flex}.cats-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f7f3ead1;border:2px solid #4767ab;border-radius:2rem;width:min(100%,980px);padding:clamp(1.5rem,3vw,2.5rem);box-shadow:0 24px 60px #1720331f}.cats-header{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1.25rem;display:grid}.cats-label{text-transform:uppercase;letter-spacing:.18em;color:#5d6b86;margin:0;font-weight:700}.cats-title{color:#172033;margin:.5rem 0;font-size:clamp(2rem,4vw,3.5rem);line-height:1.05}.cats-subtitle{color:#5d6b86;margin:0;font-weight:600}.cats-image-wrap{justify-content:center;display:flex}.cats-image{object-fit:cover;border:4px solid #4767ab38;border-radius:1.5rem;width:148px;height:148px;box-shadow:0 16px 35px #17203324}.cats-image-placeholder{color:#172033;background:linear-gradient(135deg,#17203314,#4767ab2e);place-items:center;font-size:2rem;font-weight:800;display:grid}.cats-highlights{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:1.75rem;display:grid}.cats-highlight-card,.cats-field,.cats-description{background:#ffffffb8;border:1px solid #4767ab2e;border-radius:1.2rem;padding:1rem 1.1rem}.cats-highlight-label,.cats-field-label{text-transform:uppercase;letter-spacing:.12em;color:#5d6b86;margin-bottom:.4rem;font-size:.78rem;font-weight:700;display:block}.cats-highlight-value,.cats-field-value,.cats-description p{color:#172033;overflow-wrap:anywhere;line-height:1.5;display:block}.cats-description p{margin:0}.cats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1rem;display:grid}.cats-field-wide{grid-column:1/-1}.cats-description{margin-top:1rem}.cats-actions{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;display:flex}.page.dark .cats-card{background:#172033bd;border-color:#7791c78c;box-shadow:0 24px 60px #0000004d}.page.dark .cats-label,.page.dark .cats-subtitle,.page.dark .cats-highlight-label,.page.dark .cats-field-label{color:#f7f3eabf}.page.dark .cats-title,.page.dark .cats-highlight-value,.page.dark .cats-field-value,.page.dark .cats-description p{color:#f7f3ea}.page.dark .cats-highlight-card,.page.dark .cats-field,.page.dark .cats-description{background:#ffffff0f;border-color:#ffffff14}.page.dark .cats-image{border-color:#8ba7e073}.page.dark .cats-image-placeholder{color:#f7f3ea;background:linear-gradient(135deg,#ffffff0f,#8ba7e029)}@media (width<=900px){.cats-highlights,.cats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.cats-header{grid-template-columns:1fr;justify-items:start}.cats-image-wrap{justify-content:flex-start}.cats-highlights,.cats-grid{grid-template-columns:1fr}}