:root{--bg:#0b0710;--bg2:#17101f;--card:#21162a;--gold:#e6aa38;--gold2:#ffd778;--txt:#f6eddd;--muted:#c9bda8;--line:rgba(255,215,120,.18);--red:#8f2a20}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Arial,sans-serif;color:var(--txt);background:radial-gradient(circle at 20% 0%,#402311 0,#140b16 35%,var(--bg) 75%)}a{color:inherit;text-decoration:none}.wrap{width:min(1180px,92vw);margin:auto}.site-header{position:sticky;top:0;z-index:10;background:rgba(11,7,16,.78);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.navbar{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:14px;font-weight:900;letter-spacing:.04em}.brand img{width:54px;height:54px;border-radius:16px;object-fit:cover;background:white}.menu{display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:var(--muted);font-weight:800;font-size:.95rem}.menu a{padding:9px 12px;border-radius:999px}.menu a:hover,.menu a.is-active{color:var(--gold2);background:rgba(230,170,56,.12);border:1px solid var(--line)}.admin-link{color:var(--gold2)!important}.hero{position:relative;overflow:hidden;padding:86px 0 70px;border-bottom:1px solid var(--line)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(230,170,56,.16),transparent 45%),radial-gradient(circle at 78% 28%,rgba(143,42,32,.42),transparent 28%);pointer-events:none}.heroGrid{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:46px;align-items:center}.kicker{display:inline-flex;padding:8px 12px;border:1px solid var(--line);border-radius:999px;color:var(--gold2);background:rgba(255,255,255,.05);font-weight:800}h1{font-size:clamp(2.5rem,6vw,5.8rem);line-height:.92;margin:24px 0 18px;letter-spacing:-.07em}h2{font-size:clamp(1.8rem,3vw,3rem);margin:0;letter-spacing:-.04em}.lead,p{line-height:1.6}.lead{font-size:clamp(1.05rem,2vw,1.35rem);color:var(--muted);max-width:680px}.cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.btn,button{display:inline-flex;align-items:center;justify-content:center;padding:14px 18px;border-radius:16px;font-weight:900;border:1px solid var(--line);background:rgba(255,255,255,.06);color:var(--txt);cursor:pointer}.btn.primary,button.primary{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#2a1500;border:0}.logoCard{padding:28px;border:1px solid var(--line);border-radius:34px;background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.03));box-shadow:0 30px 90px rgba(0,0,0,.35);transform:rotate(1deg)}.logoCard img{width:100%;display:block;border-radius:24px;background:white}section{padding:68px 0}.sectionHead{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:26px}.sectionHead p,.muted{margin:0;color:var(--muted);max-width:560px}.cards,.videos{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card,.video,.panel{border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.055);padding:22px;box-shadow:0 18px 50px rgba(0,0,0,.18)}.card h3{margin:12px 0 8px}.card p{margin:0;color:var(--muted)}.icon{font-size:1.9rem}.video{overflow:hidden;padding:0;background:#120b18}.video img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.video div{padding:16px}.video strong{display:block;margin-bottom:6px}.video span{color:var(--muted);font-size:.95rem}.pillList{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.pill{padding:9px 12px;border:1px solid var(--line);border-radius:999px;color:var(--gold2);background:rgba(230,170,56,.08);font-weight:800;font-size:.9rem}.banner{border:1px solid var(--line);border-radius:32px;padding:34px;background:linear-gradient(135deg,rgba(230,170,56,.18),rgba(143,42,32,.18));display:flex;align-items:center;justify-content:space-between;gap:22px}.site-footer{padding:34px 0 50px;color:var(--muted);border-top:1px solid var(--line)}.form{display:grid;gap:14px;max-width:520px}.form input,.form select{width:100%;padding:14px 16px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.08);color:var(--txt)}.form label{font-weight:800}.alert{padding:14px 16px;border-radius:16px;background:rgba(143,42,32,.22);border:1px solid rgba(255,255,255,.16);margin-bottom:18px}.success{background:rgba(64,130,80,.22)}table{width:100%;border-collapse:collapse;overflow:hidden;border-radius:18px}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line)}th{color:var(--gold2)}.compactHero{padding:64px 0 58px}.softSection{background:rgba(255,255,255,.025);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.toolsGrid .toolCard{min-height:280px}.twoColumns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.toolList{display:grid;gap:14px;margin-top:22px}.toolList div{padding:16px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.045)}.toolList strong{display:block;color:var(--gold2);margin-bottom:6px}.toolList span{display:block;color:var(--muted);line-height:1.5}@media(max-width:850px){.twoColumns{grid-template-columns:1fr}.compactHero{padding:46px 0}}@media(max-width:850px){.heroGrid{grid-template-columns:1fr}.cards,.videos{grid-template-columns:1fr}.sectionHead,.banner{display:block}.logoCard{transform:none}.menu{font-size:.85rem}}.login-section {
    padding: 90px 0;
}

.login-panel {
    display: grid;
    grid-template-columns: 0.85fr 1.15fr;
    gap: 48px;
    align-items: center;
    padding: 32px;
    border: 1px solid rgba(255, 199, 103, 0.22);
    border-radius: 28px;
    background:
        radial-gradient(circle at top left, rgba(245, 171, 53, 0.18), transparent 34%),
        linear-gradient(135deg, rgba(58, 30, 24, 0.92), rgba(15, 13, 24, 0.96));
    box-shadow: 0 28px 80px rgba(0, 0, 0, 0.35);
    overflow: hidden;
}

.login-content {
    padding: 24px 0 24px 0;
}

.eyebrow {
    margin: 0 0 10px;
    color: #f5b942;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-size: 0.8rem;
}

.login-content h1 {
    margin-bottom: 18px;
}

.login-intro {
    max-width: 520px;
    margin: 0 0 28px;
    color: rgba(255, 245, 228, 0.78);
    font-size: 1.05rem;
    line-height: 1.6;
}

.login-form {
    max-width: 520px;
}

.login-image {
    position: relative;
    min-height: 430px;
    border-radius: 24px;
    overflow: hidden;
    border: 1px solid rgba(255, 199, 103, 0.18);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.04);
}

.login-image img {
    width: 100%;
    height: 100%;
    min-height: 430px;
    object-fit: cover;
    display: block;
}

.login-image::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(20, 10, 18, 0.35), transparent 45%),
        radial-gradient(circle at center, transparent 45%, rgba(0, 0, 0, 0.28));
    pointer-events: none;
}

@media (max-width: 950px) {
    .login-panel {
        grid-template-columns: 1fr;
        padding: 24px;
    }

    .login-image {
        min-height: 280px;
        order: -1;
    }

    .login-image img {
        min-height: 280px;
    }
}
.burger {
  display: none;
  width: 44px;
  height: 44px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 12px;
  background: rgba(255,255,255,.06);
  cursor: pointer;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 5px;
}

.burger span {
  display: block;
  width: 22px;
  height: 2px;
  background: #fff;
  border-radius: 999px;
  transition: transform .2s ease, opacity .2s ease;
}

.burger.is-open span:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}

.burger.is-open span:nth-child(2) {
  opacity: 0;
}

.burger.is-open span:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}

@media (max-width: 820px) {
  .navbar {
    position: relative;
  }

  .burger {
    display: flex;
  }

  .menu {
    display: none;
    position: absolute;
    top: calc(100% + 14px);
    left: 0;
    right: 0;
    z-index: 1000;
    padding: 14px;
    border-radius: 18px;
    background: rgba(12, 14, 24, .96);
    border: 1px solid rgba(255,255,255,.12);
    box-shadow: 0 18px 40px rgba(0,0,0,.35);
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
  }

  .menu.is-open {
    display: flex;
  }

  .menu a {
    display: block;
    padding: 12px 14px;
    border-radius: 12px;
  }

  .menu a:hover,
  .menu a.is-active {
    background: rgba(255,255,255,.08);
  }

  .brand span {
    font-size: 1rem;
  }
}
.heroVideo{
    position:relative;
    min-height:80vh;
    overflow:hidden;
    display:flex;
    align-items:center;
}

.heroBgVideo{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit:cover;
    z-index:1;
}

.heroOverlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.55);
    z-index:2;
}

.heroVideo .heroGrid{
    position:relative;
    z-index:3;
}

.heroContent{
    max-width:700px;
}

.heroContent .kicker,
.heroContent h1,
.heroContent .lead{
    color:#fff;
}

.heroContent h1{
    font-size:clamp(2.5rem,5vw,5rem);
}

.heroContent .lead{
    font-size:1.2rem;
    max-width:650px;
}