* { box-sizing: border-box; margin: 0; padding: 0; }
html, body { background-color: #000 !important; color: #fff !important; font-family: sans-serif; }
.mobile-frame { width: 100%; max-width: 430px; margin: 0 auto; background: #000 !important; min-height: 100vh; padding: 20px; position: relative; }
header { display: flex; align-items: center; justify-content: center; padding: 20px 0; position: relative; }
.menu-dots { position: absolute; left: 0; cursor: pointer; padding: 10px; z-index: 100; }
.menu-dots span { display: block; width: 6px; height: 6px; background: #00aaff; border-radius: 50%; margin: 4px 0; }
.side-menu { position: absolute; top: 70px; left: -280px; width: 250px; background: #1a1a1a; border-radius: 20px; padding: 25px; transition: 0.3s; z-index: 99; border: 1px solid #333; }
.side-menu.open { left: 0; }
.side-menu a { color: #fff; text-decoration: none; display: block; padding: 12px 0; border-bottom: 1px solid #222; }
.side-menu p { color: #888; font-size: 13px; margin-top: 15px; }
.button-grid { display: flex; flex-direction: column; gap: 12px; }
.app-card { display: flex; align-items: center; background: #1a1a1a !important; padding: 16px; border-radius: 22px; text-decoration: none; color: #fff !important; border: 1px solid #222; }
.app-icon { width: 45px; height: 45px; border-radius: 12px; margin-right: 15px; display: flex; align-items: center; justify-content: center; font-weight: bold; flex-shrink: 0; }