.header{margin:2rem}.header nav{background-color:#1e293b;border:1px solid #334155;border-radius:1.5rem;grid-template-columns:auto 1fr auto;align-items:center;gap:2rem;padding:1rem;display:grid;box-shadow:0 8px 32px #0000004d}.header .title-container{border-radius:1rem;padding:2px;position:relative;overflow:hidden}.header .title-container:before{content:"";z-index:1;background:conic-gradient(from 180deg,#818cf8,#c084fc,#38bdf8,#818cf8);animation:4s linear infinite border-spin;position:absolute;inset:0}.header h1{z-index:2;color:#0000;background:linear-gradient(90deg,#38bdf8,#818cf8,#c084fc,#38bdf8) 0 0/200%;-webkit-background-clip:text;background-clip:text;border-radius:.9rem;padding:1rem 1.5rem;font-size:2rem;font-weight:700;animation:5s linear infinite text-shine;position:relative}.header .search-container{border-radius:.9rem;padding:2px;position:relative;overflow:hidden}.header .search-container:before{content:"";z-index:1;background:conic-gradient(from 90deg,#475569,#94a3b8,#475569);animation:6s linear infinite border-spin;position:absolute;inset:0}.header .search-container:focus-within:before{background:conic-gradient(from 90deg,#818cf8,#c084fc,#38bdf8,#818cf8)}.header form input{z-index:2;color:#e2e8f0;background-color:#0f172a;border:none;border-radius:.8rem;outline:none;width:100%;padding:1rem;font-size:1.2rem;display:block;position:relative}.header span{gap:1rem;display:flex}.header span button{color:#cbd5e1;cursor:pointer;background-color:#0000;border:1px solid #475569;border-radius:.8rem;padding:.8rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;position:relative;overflow:hidden}.header span button:before{content:"";background:linear-gradient(90deg,#0000,#c084fc4d,#0000);width:100%;height:100%;transition:left .4s;position:absolute;top:0;left:-100%}.header span button:hover{color:#fff;border-color:#818cf8}.header span button:hover:before{left:100%}@media (max-width:900px){.header nav{grid-template-columns:1fr;justify-items:center;gap:1.5rem;padding:1.5rem}.header .title-container{grid-row:1}.header .search-container{grid-row:2;width:100%}.header span{grid-row:3}}@media (max-width:480px){.header{margin:1rem}.header nav{gap:1rem;padding:1rem}.header span{flex-direction:column;width:100%}.header span button{width:100%}}@keyframes text-shine{to{background-position:200%}}@keyframes border-spin{to{transform:rotate(360deg)}}
.site-footer{background-color:#1e293b;border:1px solid #334155;border-radius:1.5rem;margin:4rem 2rem 2rem;padding:1rem;box-shadow:0 -4px 16px #0003}.footer-content{grid-template-columns:1fr auto 1fr;align-items:center;max-width:1200px;margin:0 auto;padding:0 1rem;display:grid}.copyright-text{color:#94a3b8;text-align:center;font-size:.9rem;font-weight:500}.social-links{justify-self:end}.social-links a{color:#94a3b8;transition:color .3s,transform .3s}.social-links a:hover{color:#818cf8;transform:scale(1.1)}.pokeball-icon{background:linear-gradient(#f43f5e 50%,#f1f5f9 50%);border:2px solid #0f172a;border-radius:50%;justify-self:start;width:30px;height:30px;position:relative}.pokeball-icon:before{content:"";background-color:#0f172a;height:2px;position:absolute;top:50%;left:-2px;right:-2px;transform:translateY(-50%)}.pokeball-icon:after{content:"";z-index:1;background-color:#f1f5f9;border:2px solid #0f172a;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:768px){.footer-content{flex-direction:column;gap:1rem;display:flex}}
*{box-sizing:border-box;margin:0;padding:0}body{color:#e2e8f0;-webkit-user-select:none;user-select:none;background:linear-gradient(270deg,#0f172a,#1e293b,#0f172a) 0 0/600% 600%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;animation:20s infinite gradient-animation}main{min-height:60vh}img{pointer-events:none}@keyframes gradient-animation{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}