مباشرة --> /* ========================================= */ /* Responsive Design */ /* ========================================= */ html { scroll-behavior: smooth; } img { max-width: 100%; height: auto; } .tilt-container { width: 100%; max-width: 420px; padding: 0 15px; } .premium-card { width: 100%; } .bot-chat-window { max-width: calc(100vw - 30px); } @media (max-width: 992px) { body { padding: 120px 15px 70px 15px; } .watermark-row { font-size: 12vw; } .premium-card { padding: 80px 20px 30px 20px; border-radius: 24px; } .brand-titles h1 { font-size: 1.8rem; } .brand-titles p { font-size: 0.85rem; letter-spacing: 1px; } .links-grid { gap: 16px; } .grid-item { padding: 22px 8px; } .grid-item i { font-size: 1.7rem; } .grid-item span { font-size: 0.85rem; } .bot-widget-container { bottom: 20px; left: 20px; } .bot-chat-window { width: 320px; height: 450px; } } @media (max-width: 768px) { body { padding: 110px 12px 60px 12px; } .splash-avatar { width: 120px; height: 120px; } .splash-name { font-size: 2rem; } .premium-card { border-radius: 22px; padding: 75px 18px 28px 18px; } .avatar-holder { width: 115px; height: 115px; top: -58px; } .brand-titles h1 { font-size: 1.6rem; } .tabs-container { gap: 6px; } .tab-trigger { font-size: 0.82rem; padding: 12px 8px; } .links-grid { grid-template-columns: repeat(2, 1fr); gap: 14px; } .grid-item { border-radius: 18px; padding: 20px 6px; } .grid-item i { font-size: 1.5rem; } .premium-popup-box { width: 92%; } .bot-widget-container { left: 15px; bottom: 15px; } .bot-trigger-btn { width: 58px; height: 58px; font-size: 1.4rem; } .bot-chat-window { width: calc(100vw - 30px); max-width: 360px; height: 430px; left: 0; bottom: 75px; } .bot-input-area input { font-size: 0.85rem; } } @media (max-width: 480px) { body { padding: 100px 10px 50px 10px; } .splash-avatar { width: 100px; height: 100px; border-radius: 24px; } .splash-name { font-size: 1.7rem; } .splash-loader { font-size: 0.82rem; } .premium-card { padding: 70px 14px 24px 14px; border-radius: 20px; } .avatar-holder { width: 100px; height: 100px; top: -50px; border-radius: 20px; } .brand-titles h1 { font-size: 1.45rem; } .brand-titles p { font-size: 0.75rem; } .tabs-container { flex-direction: column; } .tab-trigger { width: 100%; } .links-grid { grid-template-columns: 1fr 1fr; gap: 12px; } .grid-item { padding: 18px 5px; } .grid-item i { font-size: 1.35rem; } .grid-item span { font-size: 0.78rem; } .premium-footer a { font-size: 0.65rem; letter-spacing: 2px; } .alert-cyber-box { padding: 30px 18px; } .alert-cyber-box h2 { font-size: 1.5rem; } .alert-cyber-box p { font-size: 1rem; } .bot-chat-window { width: calc(100vw - 20px); height: 400px; left: -5px; } .bot-messages-area { padding: 14px; } .msg-bubble { font-size: 0.82rem; } .bot-input-area { padding: 10px; } .bot-send-btn { width: 42px; height: 42px; } } @media (max-width: 360px) { .links-grid { grid-template-columns: 1fr; } .grid-item { width: 100%; } .brand-titles h1 { font-size: 1.3rem; } .splash-name { font-size: 1.5rem; } .bot-chat-window { height: 370px; } }
محمد صبح
محمد صبح
> INITIALIZING_SOBH_SYSTEM...

إنذار يا معلم!

MOHAMED SOBH SYSTEM • DEVELOPER
محمد صبح

محمد صبح

Mohamed Sobh System

• MOHAMED SOBH SYSTEM •

MOhamed-Sobh-bot 🤖🔥

دردشة تفاعلية...
يا هلا يا حوت! 🦾 أنا البوت الخاص بالموقع هنا. اسألني في أي حاجة بخصوص المواقع والتطبيقات، وخلينا ندردش سوا! 🚀