*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}#root{width:100%;max-width:800px;margin:0 auto}.container{width:100%;animation:fadeIn .6s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.banner{background:linear-gradient(135deg,#f093fb,#f5576c);padding:40px 30px;border-radius:20px;text-align:center;margin-bottom:30px;box-shadow:0 10px 40px #0000004d;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.banner h1{color:#fff;font-size:3rem;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.2);margin-bottom:15px;letter-spacing:1px}.banner p{color:#fff;font-size:1.8rem;font-weight:500;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.social-links{display:flex;justify-content:center;gap:30px;margin-bottom:30px}.social-link{display:flex;flex-direction:column;align-items:center;text-decoration:none;transition:transform .3s ease,opacity .3s ease;opacity:.95}.social-link:hover{transform:translateY(-5px);opacity:1}.social-icon{width:50px;height:50px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:8px;box-shadow:0 4px 12px #0003;transition:box-shadow .3s ease}.social-link:hover .social-icon{box-shadow:0 6px 20px #0000004d}.social-icon svg{width:28px;height:28px;fill:#333}.social-label{color:#333;font-size:.9rem;font-weight:600;text-shadow:none}.image-container{background:#fff;padding:20px;border-radius:20px;box-shadow:0 10px 40px #0000004d;overflow:hidden}.image-container img{width:100%;height:auto;display:block;border-radius:10px}@media (max-width: 768px){.banner h1{font-size:2rem}.banner p{font-size:1.3rem}.banner{padding:30px 20px}.image-container{padding:15px}.social-links{gap:20px}.social-icon{width:45px;height:45px}.social-icon svg{width:24px;height:24px}}@media (max-width: 480px){.banner h1{font-size:1.6rem}.banner p{font-size:1.1rem}.banner{padding:25px 15px;margin-bottom:20px}.image-container{padding:10px}.social-links{gap:15px}.social-icon{width:42px;height:42px}.social-icon svg{width:22px;height:22px}.social-label{font-size:.8rem}}