@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap");*{box-sizing:border-box;margin:0;padding:0}:root{--red:#e63946;--dark:#0f0f1a;--surface:#1a1a2e;--surface2:#16213e;--border:hsla(0,0%,100%,.08);--text:#f0f0f5;--muted:#8888a8}body,html{height:100%;overflow-x:hidden}body{font-family:Cairo,sans-serif;background:var(--dark);color:var(--text)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--red);border-radius:10px}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px}.btn-red{background:var(--red);color:#fff;border:none;border-radius:12px;cursor:pointer;font-family:Cairo,sans-serif;font-weight:700;transition:transform .15s,opacity .15s}.btn-red:active{transform:scale(.97);opacity:.9}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .3s ease forwards}.safe-bottom{padding-bottom:env(safe-area-inset-bottom,16px)}