@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap";*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body{color:#eaeaea;background-color:#000;background-image:radial-gradient(at 0 0,#100f15 0,#0000 50%),radial-gradient(at 50% 0,#2f3e6a33 0,#0000 50%),radial-gradient(at 100% 0,#72274133 0,#0000 50%);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.app-container{-webkit-backdrop-filter:blur(20px);text-align:center;background:#0a0a0a80;border:1px solid #ffffff14;border-radius:24px;width:100%;max-width:800px;padding:3rem;box-shadow:0 30px 60px #0009}.title{background:linear-gradient(135deg,#fff 0%,#737373 100%);-webkit-text-fill-color:transparent;letter-spacing:-1px;-webkit-background-clip:text;margin-bottom:2.5rem;font-size:2.5rem;font-weight:800}.jokes-grid{flex-direction:column;gap:1.25rem;margin-bottom:3rem;display:flex}.joke-card{background:linear-gradient(145deg,#ffffff08 0%,#ffffff03 100%);border:1px solid #ffffff0a;border-radius:20px;padding:3rem 2rem 2rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.joke-card:hover{background:linear-gradient(145deg,#ffffff0f 0%,#ffffff05 100%);border-color:#ffffff26;transform:translateY(-4px)scale(1.01);box-shadow:0 10px 30px #00000080,0 0 20px #7928ca26}.joke-text{color:#fff;text-align:left;font-size:1.25rem;font-weight:500;line-height:1.6}.joke-categories{color:#7928ca;text-transform:uppercase;letter-spacing:.5px;background:#7928ca1c;border:1px solid #7928ca4d;border-radius:99px;padding:4px 12px;font-size:.65rem;font-weight:700;position:absolute;top:12px;right:12px}.refresh-button{color:#fff;cursor:pointer;background:linear-gradient(#ff0080,#7928ca);border:none;border-radius:999px;outline:none;padding:14px 40px;font-size:1.1rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 14px #ff008063}.refresh-button:hover{filter:brightness(115%);transform:translateY(-2px);box-shadow:0 6px 20px #ff008080}.refresh-button:active{filter:brightness(90%);transform:scale(.95)}.refresh-button:active:after{content:"";background:#fff3;border-radius:999px;width:100%;height:100%;animation:.4s ease-out ripple;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes ripple{0%{opacity:.5;width:0;height:0}to{opacity:0;width:200%;height:200%}}