:root {
  --bg: #0B0C10;
  --panel: #111318;
  --text: #E6E8EB;
  --muted: #98A2B3;
  --accent: #19E3E6;
  --accent-press: #10B4B6;
  --accent-2: #FF2D9B;
  --accent-3: #F6C453;
  --accent-danger: #FF3B30;
  --radius: 14px;
  --max-phone-width: 600px;
}
*{box-sizing:border-box}html,body{height:100%}body{margin:0;font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:var(--bg)}
#not-phone{display:none}#app{display:block}
@media (min-width: calc(var(--max-phone-width) + 1px)){#not-phone{display:grid;place-content:center;min-height:100dvh;padding:2rem;text-align:center;color:var(--text);background:radial-gradient(80rem 80rem at 50% -10%, #0e1525, #090b10 60%)}#not-phone h1{font-size:2rem;margin:0 0 .5rem}#not-phone p{color:var(--muted)}#app{display:none}}
.bar{position:sticky;top:0;display:flex;align-items:center;gap:.7rem;justify-content:space-between;padding:.9rem 1rem;background:rgba(15,18,25,.7);backdrop-filter:blur(8px);border-bottom:1px solid #1f242d}
.logo{height:28px;border-radius:6px}
.title{font-size:1.1rem;margin:0}.btn{appearance:none;border:0;background:#1a2230;color:var(--text);padding:.45rem .65rem;border-radius:.6rem}
.screen{padding:1rem;max-width:720px;margin:0 auto}.grid{display:grid;gap:.8rem}.cards{grid-template-columns:1fr}@media (min-width:390px){.cards{grid-template-columns:1fr 1fr}}
.card{background:var(--panel);padding:1rem;border:1px solid #1e2632;border-radius:var(--radius)}.card h3{margin:.2rem 0 .2rem;font-size:1rem}.meta{color:var(--muted);font-size:.9rem}
.badge{font-weight:700;padding:.15rem .4rem;border-radius:.5rem;background:#2A0E23;border:1px solid var(--accent-2);color:var(--accent-2)}.row{display:flex;gap:.6rem;align-items:center;justify-content:space-between}
.cta{width:100%;appearance:none;border:0;border-radius:.9rem;padding:.9rem 1rem;font-weight:600;color:white;background:var(--accent)}.cta:active{background:var(--accent-press)}
.tabbar{position:sticky;bottom:0;display:grid;grid-template-columns:repeat(5,1fr);gap:.3rem;padding:.5rem;background:rgba(10,12,16,.75);backdrop-filter:blur(8px);border-top:1px solid #1f242d}
.tab{appearance:none;border:0;padding:.7rem;border-radius:.9rem;background:#111827;color:var(--text)}[aria-current=page]{outline:2px solid var(--accent)}
.gallery{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.gallery a{display:block;border-radius:12px;overflow:hidden;border:1px solid #1f2635;background:#0e1421}.gallery img{width:100%;height:180px;object-fit:cover;display:block}
.landing{max-width:680px;margin:2rem auto;padding:1rem}.landing h1{margin:.2rem 0 1rem}.field{display:grid;gap:.35rem}.field span{color:var(--muted);font-size:.9rem}
input,select{width:100%;padding:.8rem .9rem;border-radius:.8rem;border:1px solid #223045;background:#0f1420;color:var(--text)}.card details{background:#0f1420}.muted{color:var(--muted)}