:root{
  --bg:#0B0B0C;
  --panel:#121316;
  --text:#E9EAEC;
  --muted:#A9ABB0;
  --line:rgba(255,255,255,.08);
  --accent:#A67C52; /* бронза */
  --accent2:#8B1E2D; /* опционально бордо */
}

body{ background:var(--bg); color:var(--text); }
.t-records{ background:var(--bg); }

.prem-wrap{
  max-width:1200px;
  margin:0 auto;
  padding:0 24px;
}

.prem-section{ padding:96px 0; }
@media (max-width: 960px){ .prem-section{ padding:72px 0; } }
@media (max-width: 640px){ .prem-section{ padding:56px 0; } }

.prem-kicker{
  font-size:12px; letter-spacing:.22em; text-transform:uppercase;
  color:var(--muted);
}

.prem-h1{
  font-size:58px; line-height:1.05; letter-spacing:.02em;
  margin:18px 0 18px;
}
@media (max-width: 960px){ .prem-h1{ font-size:44px; } }
@media (max-width: 640px){ .prem-h1{ font-size:34px; } }

.prem-h2{
  font-size:34px; line-height:1.15; margin:0 0 14px;
}
@media (max-width: 640px){ .prem-h2{ font-size:26px; } }

.prem-p{ color:var(--muted); font-size:16px; line-height:1.7; max-width:640px; }

.prem-line{ height:1px; background:var(--line); width:100%; }

.prem-btns{ display:flex; gap:14px; margin-top:26px; flex-wrap:wrap; }
.prem-btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding:14px 18px;
  border:1px solid rgba(166,124,82,.55);
  color:var(--text);
  text-decoration:none;
  letter-spacing:.06em; text-transform:uppercase; font-size:12px;
  background:transparent;
  transition:all .25s ease;
}
.prem-btn:hover{ background:rgba(166,124,82,.12); border-color:rgba(166,124,82,.9); }

.prem-btn--solid{
  background:rgba(166,124,82,.18);
  border-color:rgba(166,124,82,.95);
}
.prem-btn--solid:hover{ background:rgba(166,124,82,.26); }

.prem-card{
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
  border:1px solid var(--line);
  border-radius:14px;
  overflow:hidden;
}

.prem-grid-2{ display:grid; grid-template-columns:1.15fr .85fr; gap:28px; align-items:center; }
@media (max-width: 960px){ .prem-grid-2{ grid-template-columns:1fr; } }

.prem-hero{
  position:relative;
  min-height:78vh;
  border-bottom:1px solid var(--line);
  background:
    linear-gradient(90deg, rgba(11,11,12,.92) 0%, rgba(11,11,12,.62) 52%, rgba(11,11,12,.25) 100%),
    url("https://static.tildacdn.com/tild3762-3036-4833-b163-383334323239/ChatGPT_Image_27__20.png");
  background-size:cover;
  background-position:center;
}
.prem-hero .prem-wrap{ padding-top:86px; padding-bottom:86px; }
@media (max-width: 640px){ .prem-hero .prem-wrap{ padding-top:64px; padding-bottom:64px; } }

.prem-hero2{
  position:relative;
  min-height:78vh;
  border-bottom:1px solid var(--line);
  background:
    linear-gradient(90deg, rgba(11,11,12,.92) 0%, rgba(11,11,12,.62) 52%, rgba(11,11,12,.25) 100%),
    url("https://static.tildacdn.com/tild3130-3365-4432-a534-376665366634/noita-digital-zcx5zt.jpg");
  background-size:cover;
  background-position:center;
}
.prem-hero2 .prem-wrap{ padding-top:86px; padding-bottom:86px; }
@media (max-width: 640px){ .prem-hero2 .prem-wrap{ padding-top:64px; padding-bottom:64px; } }



.prem-badges{ display:flex; gap:14px; flex-wrap:wrap; margin-top:18px; }
.prem-badge{
  border:1px solid var(--line);
  color:var(--muted);
  padding:10px 12px;
  border-radius:999px;
  font-size:12px;
  background:rgba(0,0,0,.25);
}

.prem-tiles{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
}
@media (max-width: 960px){ .prem-tiles{ grid-template-columns:repeat(2,1fr); } }
@media (max-width: 480px){ .prem-tiles{ grid-template-columns:1fr; } }

.swatch{
  border-radius:14px;
  overflow:hidden;
  border:1px solid var(--line);
  background:rgba(255,255,255,.03);
  transition:transform .25s ease, border-color .25s ease;
}
.swatch:hover{ transform:translateY(-4px); border-color:rgba(166,124,82,.55); }

.swatch .img{
  aspect-ratio: 1 / 1;
  background-size:cover;
  background-position:center;
  filter:saturate(1.02) contrast(1.05);
}
.swatch .meta{
  padding:14px 14px 16px;
  display:flex; justify-content:space-between; align-items:flex-end; gap:10px;
}
.swatch .name{ font-size:12px; letter-spacing:.18em; text-transform:uppercase; color:var(--text); }
.swatch .tag{ font-size:12px; color:var(--muted); }

.prem-form{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
}
@media (max-width: 960px){ .prem-form{ grid-template-columns:1fr; } }

.prem-input, .prem-select{
  width:100%;
  background:rgba(255,255,255,.03);
  border:1px solid var(--line);
  color:var(--text);
  padding:14px 14px;
  border-radius:12px;
  outline:none;
}
.prem-input:focus, .prem-select:focus{border-color:rgba(166,124,82,.65);
  box-shadow:0 0 0 3px rgba(166,124,82,.12);
}
.prem-result{
  margin-top:14px;
  color:var(--muted);
  border:1px solid var(--line);
  border-radius:12px;
  padding:14px;
  background:rgba(0,0,0,.25);
}

.prem-footer{
  padding:38px 0;
  border-top:1px solid var(--line);
  color:var(--muted);
  font-size:13px;
}
.prem-footer a{ color:var(--muted); text-decoration:none; }
.prem-footer a:hover{ color:var(--text); }
.prem-footgrid{ display:flex; justify-content:space-between; gap:18px; flex-wrap:wrap; }