img, iframe {max-width: 100%; height: auto} html,body{-webkit-text-size-adjust:100%;text-size-adjust:100%} * { margin: 0; padding: 0; box-sizing: border-box;} body { background-color: #fdcbe3; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif; overflow-x: hidden;} .container { min-height: 100vh; display: flex; flex-direction: column; justify-content: space-between; padding: 20px 20px 0 20px;}.container p {font-size: 16px;line-height: 1.5;color: #fff;text-align: center;font-weight: bold;} .social-links { display: flex; justify-content: center; align-items: center; gap: 20px; padding: 20px 0; flex-wrap: wrap;} .social-links a { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; color: #333; text-decoration: none; transition: all 0.3s ease; border-radius: 50%; background-color: rgba(255, 255, 255, 0.5);} .social-links a:hover { color: #000; background-color: rgba(255, 255, 255, 0.9); transform: translateY(-3px);} .social-links a:active { transform: translateY(-1px);} .social-links svg { width: 28px; height: 28px;} .logo-section { width: 100%; height: 400px; background-image: url('background.png'); background-position: center bottom; background-repeat: no-repeat; background-size: contain; margin-top: auto;} @media (max-width: 768px) { .container { padding: 15px 15px 0 15px; } .social-links { gap: 15px; } .social-links a { width: 44px; height: 44px; } .social-links svg { width: 24px; height: 24px; } .logo-section { height: 300px; }} @media (max-width: 480px) { .container { padding: 10px 10px 0 10px; } .social-links { gap: 12px; } .social-links a { width: 40px; height: 40px; } .social-links svg { width: 22px; height: 22px; } .logo-section { height: 250px; }} @supports (-webkit-overflow-scrolling: touch) { body { -webkit-overflow-scrolling: touch; }}