@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;0,600;0,700;1,400&display=swap";.hero{position:relative;min-height:85vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:100px 20px;overflow:hidden;background-image:url(/assets/hogwarts-bg-DfnxRG2e.jpg);background-size:cover;background-position:center}@media(max-width:768px){.hero{min-height:auto;padding:120px 20px 60px}}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#05081433,#050814cc,#050814f2)}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 60% 35%,rgba(255,200,80,.25),transparent 120px),radial-gradient(circle at 55% 28%,rgba(255,200,80,.2),transparent 120px),radial-gradient(circle at 72% 40%,rgba(255,200,80,.2),transparent 120px);animation:luzCastelo 4s ease-in-out infinite alternate}.hero__conteudo{position:relative;z-index:3;max-width:900px}.hero__titulo{font-family:Cinzel,serif;font-size:72px;letter-spacing:4px;background:linear-gradient(180deg,#ffd56a,#e6b325,#a87400);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 10px rgba(255,215,100,.6),0 0 30px rgba(255,215,100,.4),0 0 60px rgba(255,215,100,.2);margin-bottom:18px;animation:brilhoMagico 3s ease-in-out infinite alternate}@media(max-width:768px){.hero__titulo{font-size:42px;letter-spacing:2px}}.hero__descricao{font-family:Crimson Text,serif;font-size:20px;color:#ede9decc;margin-bottom:40px}@media(max-width:768px){.hero__descricao{font-size:16px}}.hero__filtros{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-bottom:40px}@media(max-width:768px){.hero__filtros{gap:10px}}.hero__filtros button{font-family:Crimson Text,serif;font-size:15px;padding:10px 20px;border-radius:40px;border:none;background:#1f2333e6;color:#ede9decc;cursor:pointer;transition:.2s}@media(max-width:768px){.hero__filtros button{padding:8px 16px;font-size:14px}}.hero__filtros button:hover{transform:translateY(-2px)}.hero__filtros .ativo{background:linear-gradient(180deg,#ffd56a,#e6b325);color:#000;font-weight:600;box-shadow:0 0 12px #ffd76499}.hero__busca{position:relative;display:flex;justify-content:center}.hero__busca input{width:420px;max-width:90%;padding:14px 22px 14px 44px;border-radius:40px;border:2px solid transparent;background:#1f2333e6;color:#fff;outline:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:all .25s ease}@media(max-width:768px){.hero__busca input{max-width:300px}}.hero__busca input:focus{border:2px solid #e6b325;box-shadow:0 0 6px #e6b32599,0 0 14px #e6b32566}.hero__icone{position:absolute;left:120px;top:50%;transform:translateY(-50%);font-size:16px;color:#05081433;pointer-events:none;z-index:2}@keyframes luzCastelo{0%{opacity:.6}to{opacity:1}}@keyframes brilhoMagico{0%{text-shadow:0 0 10px rgba(255,215,100,.4),0 0 20px rgba(255,215,100,.3)}to{text-shadow:0 0 20px rgba(255,215,100,.9),0 0 50px rgba(255,215,100,.6)}}.bruxa{position:absolute;top:120px;left:-120px;width:120px;height:auto;pointer-events:none;z-index:2;animation:voar 14s linear infinite}@media(max-width:768px){.bruxa{width:80px;top:60px;left:-50px}}@keyframes voar{0%{transform:translate(0) translateY(0) rotate(-5deg)}25%{transform:translate(30vw) translateY(-20px) rotate(4deg)}50%{transform:translate(60vw) translateY(10px) rotate(-4deg)}75%{transform:translate(90vw) translateY(-15px) rotate(6deg)}to{transform:translate(120vw) translateY(0) rotate(-5deg)}}.particulas{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(2px 2px at 20% 30%,white,transparent),radial-gradient(2px 2px at 70% 40%,white,transparent),radial-gradient(1.5px 1.5px at 50% 70%,white,transparent),radial-gradient(2px 2px at 80% 20%,white,transparent),radial-gradient(1px 1px at 30% 60%,white,transparent);animation:poeiraMagica 6s linear infinite}@keyframes poeiraMagica{0%{transform:translateY(0);opacity:.8}to{transform:translateY(-40px);opacity:.2}}.personagens{padding:0 20px;background-color:#050915}.personagens__grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:28px;justify-items:center}@media(max-width:768px){.personagens__grid{gap:30px}}.loading{text-align:center;padding:80px}.card-personagem{width:240px;background:#1f2333e6;border-radius:14px;overflow:hidden;transition:all .3s ease;border:1px solid transparent;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}@media(max-width:768px){.card-personagem{width:100%;max-width:300px}}.card-personagem__imagem{height:260px;overflow:hidden}@media(max-width:768px){.card-personagem__imagem{height:auto}}.card-personagem__imagem img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .4s}@media(max-width:768px){.card-personagem__imagem img{height:auto}}.card-personagem__conteudo{padding:16px;text-align:center}@media(max-width:768px){.card-personagem__conteudo{padding:12px}}.card-personagem__conteudo h3{font-family:Cinzel,serif;font-size:18px;margin-bottom:6px}@media(max-width:768px){.card-personagem__conteudo h3{font-size:16px}}.card-personagem__conteudo p{font-family:Crimson Text,serif;font-size:15px;color:#ede9decc;text-transform:none!important;line-height:1.4}@media(max-width:768px){.card-personagem__conteudo p{font-size:13px}}.card-personagem:hover{transform:translateY(-6px);border-color:#e6b325;box-shadow:0 0 8px #e6b32599,0 0 18px #e6b32566,0 0 30px #e6b32533}.card-personagem:hover img{transform:scale(1.08)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:system-ui,-apple-system,sans-serif;background:linear-gradient(180deg,#070b17,#050913);color:#fff}button{font-family:inherit}