:root{
  --gold:#d4af37; --gold-2:#f3d98b;
  --ink:#0b0b10;  --ink-2:#121319;
  --text:#f6f6f8; --muted:#cfcfda;
  --radius:22px;  --shadow:0 12px 40px rgba(0,0,0,.45);
}
*{box-sizing:border-box} html,body{height:100%;margin:0}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:#000;overflow-x:hidden}

#bg{
  position:fixed; inset:0; z-index:-2;
  background:
    radial-gradient(1200px 600px at 80% -10%, rgba(212,175,55,.18), transparent 60%),
    radial-gradient(900px 500px at 0% 100%, rgba(212,175,55,.12), transparent 60%),
    linear-gradient(180deg, #0a0b0e 0%, #0f1216 100%);
}
#bg::after{
  content:""; position:absolute; inset:0; z-index:-1; opacity:.28;
  /* фон «как раньше»: положи сюда свой файл, например bg-app.png или bg.jpg */
  background:url('./bg-app.png') center/cover no-repeat;
  filter:contrast(1.05) saturate(1.05);
}

.view{max-width:880px;margin:0 auto;padding:28px}
.brand{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:6px}

/* Фото в круге: берём public/2land.png; лёгкая виньетка и золотое кольцо */
.logo-circle{
  width:92px;height:92px;border-radius:50%;
  background:
    radial-gradient(circle at 50% 60%, rgba(0,0,0,.0) 55%, rgba(0,0,0,.20) 85%, rgba(0,0,0,.35) 100%),
    url('./photo_2025-09-09_05-43-08.jpg') center 28%/cover no-repeat;
  box-shadow:0 0 0 2px rgba(255,255,255,.08), inset 0 0 0 2px rgba(0,0,0,.25), var(--shadow);
  position:relative;
}
.logo-circle::after{
  content:""; position:absolute; inset:-2px; border-radius:50%;
  background:linear-gradient(135deg, rgba(243,217,139,.85), rgba(212,175,55,.85)); 
  mix-blend-mode:soft-light; opacity:.65; pointer-events:none;
}

h1{font-family:"Playfair Display",serif;font-weight:700;margin:6px 0 0;font-size:36px;letter-spacing:.3px}
.tagline{color:var(--muted);margin:6px 0 0}

.cta{display:flex;flex-direction:column;gap:12px;justify-content:center;align-items:center;margin:24px 0 36px}
.btn{display:flex;justify-content:center;align-items:center;text-align:center;border:0;padding:12px 18px;border-radius:var(--radius);cursor:pointer;font-weight:600;box-shadow:var(--shadow);
     transition:transform .08s ease,opacity .2s ease,text-shadow .2s ease;text-decoration:none;color:var(--ink)}
.btn:active{transform:translateY(1px);opacity:.92}
.btn:hover{text-shadow:0 0 18px rgba(243,217,139,.35)}
.btn-lg{padding:14px 22px;font-size:16px}
.btn-sm{padding:10px 14px;font-size:14px}
.btn-block{display:block;width:100%;max-width:460px}
.btn-gold{background:linear-gradient(135deg,var(--gold),var(--gold-2))}
.btn-outline-gold{background:rgba(255,255,255,.02);color:var(--gold-2);border:1px solid rgba(243,217,139,.55)}
.btn-outline-gold:hover{background:rgba(243,217,139,.12)}

.footnote{
  position:fixed; left:0; right:0; bottom:10px;
  display:flex; justify-content:center; color:var(--muted);
}

.topbar{display:flex;align-items:center;justify-content:space-between;margin:8px 0 16px}
.icon-btn{background:transparent;border:1px solid rgba(243,217,139,.35);color:var(--gold-2);padding:8px 12px;border-radius:12px;cursor:pointer}

/* Сетка карточек: одинаковая высота, аккуратная типографика */
.grid{display:grid;grid-template-columns:1fr;gap:16px}
.card{
  display:flex; flex-direction:column; justify-content:space-between;
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));
  backdrop-filter:blur(8px);
  border:1px solid rgba(243,217,139,.22);
  border-radius:var(--radius); padding:16px; box-shadow:var(--shadow);
  min-height:160px;
}
.card-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px; gap:10px}
.card-title{font-size:18px;line-height:1.25;margin:0}
.price{font-weight:700;color:var(--gold-2); white-space:nowrap}
.desc{color:var(--muted);margin:6px 0 12px}
.card-actions{margin-top:auto}

.bottombar{display:flex;justify-content:center;margin:14px 0 22px}
@media(min-width:720px){ .grid{grid-template-columns:1fr 1fr} }