:root{
  --bg-filter: 0.55;
  --header-height: 72px;
  --accent: #00b0ff;
  --text-light: #ffffff;
  --panel-bg: rgba(0,0,0,0.7);
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  padding-top: var(--header-height);
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  color:var(--text-light);
  background:#111;
}

/* Фон */
.background{
  position:fixed; inset:0;
  background: url("assets/bg.jpg") center/cover no-repeat;
  z-index:-2;
  filter: brightness(calc(var(--bg-filter)));
}

/* Шапка */
.site-header{
  position:fixed; top:0; left:0; right:0;
  height:var(--header-height);
  display:flex; align-items:center; justify-content:space-between;
  padding:0 22px;
  background:#0b0b0b;
  box-shadow: 0 6px 18px rgba(0,0,0,0.6);
  z-index:1000;
}
/*.site-header .logo{font-weight:700;font-size:1.2rem;color:#fff} */
.site-header .logo{font-weight:700;font-size:1.2rem;color:#28a745}
.navbar ul{display:flex;gap:20px;list-style:none;margin:0;padding:0}
.navbar a{color:#fff;text-decoration:none;font-weight:600;padding:10px 8px;border-radius:6px}
.navbar a:hover,.navbar a:focus{background:rgba(255,255,255,0.06);}

/* Контент */
.content{max-width:1100px;margin:24px auto;padding:12px;display:grid;gap:18px}
.card{background:var(--panel-bg);padding:18px;border-radius:12px;box-shadow:0 8px 30px rgba(2,6,23,0.6)}
.card h2{margin-top:0;color:#fff}

/* Фото автора */
.author-photo{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.author-btn{
  width:120px;height:120px;border-radius:50%;overflow:hidden;
  border:3px solid rgba(255,255,255,0.9);background:transparent;cursor:pointer;
}
.author-btn img{width:100%;height:100%;object-fit:cover;display:block}

/* Плавающие контакты */
.floating-contacts{
  position:fixed; right:20px; top:110px; width:240px;
  background:#fff; color:#000; padding:12px;border-radius:10px;
  box-shadow:0 10px 30px rgba(2,6,23,0.4); z-index:1001;
}
.floating-contacts h3{margin:0 0 8px 0}
/*  .floating-contacts a{color:#28a745;text-decoration:none}  */
.author-meta a,
.floating-contacts a {
  color: #28a745; /* зелёный */
  text-decoration: none;
  font-weight: 600;
}

.author-meta a:visited,
.floating-contacts a:visited {
/* color: #777; /* серый после клика */
color:#28a745; /* зелёный */
}

.author-meta a:hover,
.floating-contacts a:hover {
  text-decoration: underline;
}
@media(max-width:980px){.floating-contacts{display:none}}

/* Модал */
.modal{display:none;position:fixed;inset:0;z-index:1200;align-items:center;justify-content:center}
.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,0.6)}
.modal-panel{
  position:relative;max-width:95vw;max-height:95vh;
  display:flex;align-items:center;justify-content:center;
  padding:12px;border-radius:10px;z-index:1201;
  transform:scale(0.8);opacity:0;transition:all .3s ease;
}
.modal-panel.zoom-in{transform:scale(1);opacity:1;}
.modal-content img{
  display:block;max-width:95vw;max-height:95vh;width:auto;height:auto;border-radius:6px;
  box-shadow:0 10px 40px rgba(0,0,0,0.6);
}
.modal-close{
  position:absolute;top:8px;right:8px;background:rgba(0,0,0,0.6);
  color:#fff;border:0;font-size:22px;width:40px;height:40px;border-radius:8px;cursor:pointer;
}
.modal-close:focus{outline:2px solid var(--accent);}

/* Ориентации */
.modal-panel.landscape .modal-content img{max-width:90vw;max-height:80vh;}
.modal-panel.portrait .modal-content img{max-width:80vw;max-height:90vh;}

/* Responsive */
@media(min-width:780px){.content{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.author-btn{width:96px;height:96px}}