*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif}body{background:radial-gradient(circle at top,#1e1e2f,#0f0f1a);justify-content:center;align-items:center;height:100vh;display:flex}#app{text-align:center;color:#fff;background:linear-gradient(145deg,#1c1c2b,#141421);border:2px dotted #fff3;border-radius:30px;width:500px;padding:45px 35px;animation:.6s fadeIn;position:relative;box-shadow:0 20px 60px #0009,inset 0 0 20px #ffffff0d}#app:before{content:"";z-index:-1;filter:blur(25px);opacity:.3;background:linear-gradient(45deg,#7f5af0,#2cb67d,#ff8906);border-radius:30px;position:absolute;inset:-2px}#title{letter-spacing:1px;background:linear-gradient(90deg,#7f5af0,#2cb67d);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:25px;font-size:30px}#joke-text{background:#ffffff0d;border:1px dashed #ffffff26;border-radius:15px;min-height:80px;margin-bottom:30px;padding:18px;font-size:20px;line-height:1.8}#next-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7f5af0,#ff8906);border:none;border-radius:40px;padding:14px 28px;font-size:15px;font-weight:600;transition:all .3s}#next-btn:hover{transform:translateY(-3px)scale(1.05);box-shadow:0 10px 25px #7f5af066}#next-btn:active{transform:scale(.95)}@keyframes fadeIn{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}