<footer class=modern-footer>
<style>@import url(https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&family=Raleway:wght@300;400;600&display=swap);.modern-footer{background:linear-gradient(135deg,#1a1a2e 0,#16213e 100%);color:rgba(255,255,255,.9);padding:3rem 2rem;font-family:Raleway,sans-serif;text-align:center;position:relative;overflow:hidden;min-height:250px;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 -10px 20px rgba(0,0,0,.1)}.modern-footer::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.1) 0,transparent 50%);animation:pulse 4s ease infinite}.footer-text{position:relative;z-index:1;line-height:1.8;animation:fadeIn 1s ease-out}.developer-name{font-family:Cinzel,serif;color:#4a90e2;font-weight:700;font-size:1.4em;margin:.5em 0;text-shadow:2px 2px 4px rgba(0,0,0,.3);transition:all .3s ease}.developer-name:hover{color:#66d9ef;transform:scale(1.05)}.title{color:#66d9ef;font-size:1em;font-style:italic;letter-spacing:1px;margin-bottom:1em}.ai-logo{width:80px;height:80px;margin:1.5em auto;position:relative}.ai-logo svg{width:100%;height:100%;filter:drop-shadow(0 0 8px rgba(102, 217, 239, .5));animation:float 3s ease-in-out infinite}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%{opacity:.5}50%{opacity:.8}100%{opacity:.5}}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.modern-footer{padding:2rem 1rem}.footer-text{font-size:.9em}.developer-name{font-size:1.2em}.ai-logo{width:60px;height:60px}}</style>
<div class=footer-text>
<div>All intellectual and material rights of this work are reserved for the developer</div>
<div class=developer-name>Thank you, Reza Salehi (Albert)</div>
<div class=title>AI Platforms & Data Developer</div>
<div class=ai-logo>
<svg viewBox="0 0 100 100" fill=none xmlns=http://www.w3.org/2000/svg>
<path d="M50 10L90 30V70L50 90L10 70V30L50 10Z" stroke=#66d9ef stroke-width=2 />
<path d="M50 10V90" stroke=#66d9ef stroke-width=2 />
<path d="M90 30L10 70" stroke=#66d9ef stroke-width=2 />
<path d="M10 30L90 70" stroke=#66d9ef stroke-width=2 />
<circle cx=50 cy=50 r=10 fill=#4a90e2 />
<circle cx=50 cy=50 r=5 fill=#66d9ef />
<circle cx=50 cy=10 r=3 fill=#66d9ef />
<circle cx=90 cy=30 r=3 fill=#66d9ef />
<circle cx=90 cy=70 r=3 fill=#66d9ef />
<circle cx=50 cy=90 r=3 fill=#66d9ef />
<circle cx=10 cy=70 r=3 fill=#66d9ef />
<circle cx=10 cy=30 r=3 fill=#66d9ef />
</svg>
</div>
</div>
</footer>