.site-footer{margin:4rem 2rem 2rem;padding:1rem;background-color:#1e293b;border:1px solid #334155;border-radius:1.5rem;box-shadow:0 -4px 16px rgba(0,0,0,.2)}.footer-content{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;max-width:1200px;margin:0 auto;padding:0 1rem}.copyright-text{color:#94a3b8;font-weight:500;font-size:.9rem;text-align:center}.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{justify-self:start;position:relative;width:30px;height:30px;background:linear-gradient(180deg,#F43F5E 50%,#F1F5F9 0);border-radius:50%;border:2px solid #0f172a}.pokeball-icon:before{content:"";position:absolute;top:50%;left:-2px;right:-2px;height:2px;background-color:#0f172a;transform:translateY(-50%)}.pokeball-icon:after{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;background-color:#f1f5f9;border:2px solid #0f172a;border-radius:50%;transform:translate(-50%,-50%);z-index:1}@media(max-width:768px){.footer-content{display:flex;flex-direction:column;gap:1rem}}*{padding:0;margin:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:#e2e8f0;background:linear-gradient(270deg,#0F172A,#1E293B,#0F172A);background-size:600% 600%;animation:gradient-animation 20s ease infinite;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}main{min-height:60vh}img{pointer-events:none}@keyframes gradient-animation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.header{margin:2rem}.header nav{display:grid;grid-template-columns:auto 1fr auto;grid-gap:2rem;gap:2rem;padding:1rem;align-items:center;background-color:#1e293b;border:1px solid #334155;border-radius:1.5rem;box-shadow:0 8px 32px rgba(0,0,0,.3)}.header .title-container{position:relative;border-radius:1rem;padding:2px;overflow:hidden}.header .title-container:before{content:"";position:absolute;inset:0;background:conic-gradient(from 180deg at 50% 50%,#818cf8,#c084fc,#38bdf8,#818cf8);animation:border-spin 4s linear infinite;z-index:1}.header h1{z-index:2;font-size:2rem;font-weight:700;padding:1rem 1.5rem;color:rgba(0,0,0,0);background-color:#1e293b;background:linear-gradient(90deg,#38bdf8,#818cf8,#c084fc,#38bdf8);background-size:200% auto;background-clip:text;-webkit-background-clip:text;animation:text-shine 5s linear infinite}.header .search-container,.header h1{position:relative;border-radius:.9rem}.header .search-container{padding:2px;overflow:hidden}.header .search-container:before{content:"";position:absolute;inset:0;background:conic-gradient(from 90deg at 50% 50%,#475569,#94A3B8,#475569);animation:border-spin 6s linear infinite;z-index:1}.header .search-container:focus-within:before{background:conic-gradient(from 90deg at 50% 50%,#818cf8,#c084fc,#38bdf8,#818cf8)}.header form input{position:relative;z-index:2;display:block;padding:1rem;border-radius:.8rem;border:none;outline:none;width:100%;font-size:1.2rem;color:#e2e8f0;background-color:#0f172a}.header span{display:flex;gap:1rem}.header span button{font-size:1rem;font-weight:600;color:#cbd5e1;background-color:rgba(0,0,0,0);text-decoration:none;padding:.8rem 1.5rem;border-radius:.8rem;border:1px solid #475569;cursor:pointer;position:relative;overflow:hidden;transition:all .3s}.header span button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(192,132,252,.3),transparent);transition:left .4s}.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;padding:1.5rem;gap: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{padding:1rem;gap: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(1turn)}}