body{color:#fff;background:radial-gradient(circle at top,#302060,#130c2c 45%,#080411);margin:0;font-family:Arial,sans-serif}.hero{aspect-ratio:16/5;background-image:url(/joeniverse-banner.jpg);background-position:50%;background-size:cover;width:100%;position:relative}.hero-overlay{background:linear-gradient(#0000000d,#050014a6);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.hero-content{text-align:center}.hero-content h1{text-shadow:5px 5px #ff3d9a,10px 10px #6c3cff;margin:0;font-size:clamp(55px,9vw,150px)}.hero-content h2{letter-spacing:6px}main{max-width:1400px;margin:auto;padding:60px 6%}.intro{text-align:center;margin-bottom:40px}.intro h1{font-size:45px}.search-section{flex-direction:column;gap:12px;max-width:650px;margin:40px auto;display:flex}.search-section label{letter-spacing:2px;font-weight:900}.search-section input{border:3px solid #fff;border-radius:50px;padding:18px 25px;font-size:18px}.joe-counter{text-align:center;margin:30px;font-size:20px}.joe-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;display:grid}.joe-card{color:#24133d;background:#fff;border:4px solid #24133d;border-radius:25px;transition:all .25s;overflow:hidden;box-shadow:8px 8px #ff3d9a}.joe-card:hover{transform:translateY(-8px)rotate(-1deg);box-shadow:13px 13px #6c3cff}.joe-image{aspect-ratio:4/5;object-fit:cover;width:100%}.joe-info{padding:22px}.joe-info h2{margin:0;font-size:30px}.occupation{color:#ff3d9a;font-weight:700}.joe-details{border-top:2px dashed #ccc;margin-top:20px;padding-top:10px}.status{text-align:center;padding:50px;font-size:25px}.error{color:#ff799e}.search-area{justify-content:center;width:100%;padding:5px 20px 55px;display:flex}.search-box{background:#11142d;border:2px solid #ffffff26;border-radius:18px;align-items:center;width:100%;max-width:800px;height:65px;padding:0 22px;transition:all .2s;display:flex}.search-box:hover{border-color:#7048ff}.search-box:focus-within{border-color:#8b5cff;box-shadow:0 0 0 4px #8b5cff1f,0 0 30px #8b5cff33}.search-icon{flex-shrink:0;margin-right:15px;font-size:22px}.search-box input{color:#fff;background:0 0;border:none;outline:none;width:100%;height:100%;font-family:inherit;font-size:18px}.search-box input::placeholder{color:#858aa9}.pagination{justify-content:center;align-items:center;gap:20px;margin:40px 0;display:flex}.pagination button{cursor:pointer;border:none;border-radius:10px;padding:10px 20px;font-weight:700}.pagination button:disabled{opacity:.4;cursor:not-allowed}.pagination span{color:#fff;font-weight:700}