body, html { margin: 0; padding: 0; width: 100vw; height: 100vh; overflow: hidden; background-color: #000000; } #blade-overlay { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: radial-gradient(circle at center, #4a0000 0%, #050000 100%); color: #ffffff; z-index: 9999999; font-family: 'Courier New', Courier, monospace; } #matrix-canvas { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity: 0.7; } .content-wrapper { position: relative; z-index: 10; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 10px; box-sizing: border-box; text-align: center; } .center-container { display: flex; flex-direction: column; align-items: center; max-width: 1200px; width: 100%; padding: 0 10px; box-sizing: border-box; } .images-container { display: flex; justify-content: center; gap: 20px; width: 100%; margin-bottom: 10px; flex-wrap: wrap; } .hacked-img { border-radius: 8px; box-shadow: 0 0 25px rgba(255, 0, 0, 0.8); width: 65%; max-height: 50vh; object-fit: contain; border: 2px solid #ff0000; background-color: #000000; } .hacked-title { color: #ffffff; font-size: clamp(1.4rem, 4vw, 3.2em); margin: 8px 0; text-shadow: 2px 2px 8px #ff0000, 0 0 20px #ffffff; font-weight: bold; width: 100%; box-sizing: border-box; word-wrap: break-word; } .telegram-link { color: #00ff00; text-decoration: underline; font-size: clamp(1rem, 2.5vw, 1.8em); font-weight: bold; text-shadow: 0 0 10px #00ff00; margin-top: 3px; display: inline-block; transition: all 0.3s ease; word-wrap: break-word; } .telegram-link:hover { color: #ffffff; text-shadow: 0 0 15px #ffffff; } /* Mobil uyumlu, taşmayı önleyen slogan tasarımı */ .sub-slogan { color: #ffcccc; font-size: clamp(0.85rem, 2.2vw, 1.5em); /* Mobilde küçülerek taşmayı engeller */ font-weight: bold; margin-top: 8px; text-shadow: 1px 1px 5px #ff0000, 0 0 10px #000000; letter-spacing: 0.5px; width: 100%; max-width: 100%; padding: 0 5px; box-sizing: border-box; word-wrap: break-word; } /* Mobil Uyumluluk */ @media (max-width: 768px) { .images-container { gap: 5px; } .hacked-img { width: 95%; max-height: 35vh; } }