:root{
  --brand:#000000;
  --text:#111111;
  --muted:#444444;
  --card:rgba(255,255,255,.88);
  --border:rgba(0,0,0,.12);
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  color:var(--text);
  font-family: Calibri, "Carlito", "Segoe UI", Arial, Helvetica, sans-serif;
  background:
    linear-gradient(180deg, rgba(255,255,255,.65) 0%, rgba(255,255,255,.80) 100%),
    url("./bgMSA.webp") center/cover no-repeat fixed;
}

.wrap{min-height:100%;display:flex;flex-direction:column}
main{flex:1;display:flex;align-items:center;justify-content:center;padding:48px 18px}

.card{
  width:min(720px,100%);
  background:var(--card);
  border:1px solid var(--border);
  border-radius:16px;
  padding:28px 26px;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  box-shadow:0 12px 30px rgba(0,0,0,.12);
  text-align:center;
}

.logo{width:min(260px,70%);height:auto;display:block;margin:0 auto 18px}

.title{
  margin:6px 0 16px;
  font-weight:700;
  letter-spacing:.2px;
  color:var(--brand);
  font-size:clamp(20px,3vw,28px);
}

.info{margin:0;font-size:18px;line-height:1.5;color:var(--text)}
.info .muted{color:var(--muted);font-size:16px}

.contacts{margin-top:16px;display:flex;gap:10px;justify-content:center;flex-wrap:wrap}

.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:10px 14px;border-radius:10px;
  border:1px solid var(--border);
  background:rgba(255,255,255,.9);
  color:var(--brand);
  text-decoration:none;
  font-weight:700;
  transition: transform .08s ease, box-shadow .08s ease, background .2s ease;
}
.btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(0,0,0,.10);background:rgba(255,255,255,1)}

footer{
  padding:18px;text-align:center;font-size:14px;color:var(--muted);
  background:rgba(255,255,255,.65);
  border-top:1px solid var(--border);
}
footer a{color:var(--brand);text-decoration:none;font-weight:700}
footer a:hover{text-decoration:underline}
.sep{margin:0 10px;color:rgba(0,0,0,.35)}

/* Cookie notice (Scenario A: informational only) */
.cookie-notice{
  position: fixed;
  left: 16px;
  right: 16px;
  bottom: 16px;
  z-index: 9999;
}
.cookie-notice__inner{
  max-width: 980px;
  margin: 0 auto;
  background: rgba(255,255,255,0.92);
  border: 1px solid rgba(0,0,0,0.16);
  border-radius: 14px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.14);
  padding: 14px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}
.cookie-notice__text{
  font-size: 14px;
  color: #111;
  line-height: 1.35;
}
.cookie-notice__text a{
  color: #000;
  font-weight: 700;
  text-decoration: none;
}
.cookie-notice__text a:hover{ text-decoration: underline; }
.cookie-notice__btn{
  border-radius: 10px;
  border: 1px solid rgba(0,0,0,0.16);
  background: #fff;
  padding: 10px 12px;
  font-weight: 700;
  cursor: pointer;
}
.cookie-notice__btn:hover{
  box-shadow: 0 8px 18px rgba(0,0,0,0.10);
  transform: translateY(-1px);
}

/* Simple policy pages */
.policy{
  width:min(980px,100%);
  background:var(--card);
  border:1px solid var(--border);
  border-radius:16px;
  padding:24px 22px;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  box-shadow:0 12px 30px rgba(0,0,0,.12);
}
.policy h1{
  margin:0 0 10px;
  font-weight:700;
  color:var(--brand);
  font-size: clamp(22px, 3.2vw, 30px);
}
.policy h2{
  margin:18px 0 8px;
  font-weight:700;
  font-size: 18px;
}
.policy p, .policy li{
  font-size: 16px;
  line-height: 1.55;
  color: var(--text);
}
.policy a{ color: var(--brand); font-weight:700; text-decoration:none; }
.policy a:hover{ text-decoration:underline; }

.topnav{
  display:flex;
  justify-content:center;
  gap:12px;
  flex-wrap:wrap;
  margin: 10px 0 0;
}
.topnav a{
  font-weight:700;
  color:var(--brand);
  text-decoration:none;
  border:1px solid var(--border);
  background:rgba(255,255,255,.9);
  padding:8px 12px;
  border-radius:10px;
}
.topnav a:hover{ box-shadow:0 8px 18px rgba(0,0,0,0.10); transform: translateY(-1px); }