/* ===================================================================
   CDEK2B - Layout (header + footer + base)
   Подключается во всех публичных страницах
   =================================================================== */

*{margin:0;padding:0;box-sizing:border-box}
:root{
--bg:#07090d;
--bg-2:#0a0d13;
--card:#0f131c;
--card-2:#141925;
--border:rgba(255,255,255,0.06);
--border-2:rgba(255,255,255,0.1);
--text:#e8ecf3;
--muted:#8892a6;
--accent:#00b33c;
--accent-2:#00ff55;
--accent-glow:rgba(0,179,60,0.35);
--gold:#d4af37;
--gold-2:#f4d76a;
}
html{scroll-behavior:smooth}
body{
font-family:'Manrope',sans-serif;
background:var(--bg);
color:var(--text);
line-height:1.6;
overflow-x:hidden;
font-weight:400;
-webkit-font-smoothing:antialiased;
}
.bg-grid{
position:fixed;inset:0;
background-image:linear-gradient(rgba(255,255,255,0.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.015) 1px,transparent 1px);
background-size:60px 60px;
pointer-events:none;z-index:0;
mask-image:radial-gradient(ellipse at top,black 20%,transparent 80%);
}
.bg-glow{
position:fixed;top:-30%;right:-20%;width:80%;height:120%;
background:radial-gradient(ellipse at center,rgba(0,179,60,0.05) 0%,transparent 60%);
pointer-events:none;z-index:0;
}
.container{max-width:780px;margin:0 auto;padding:0 24px;position:relative;z-index:2}
.container-wide{max-width:1180px;margin:0 auto;padding:0 24px;position:relative;z-index:2}

/* ============ Header ============ */
.site-header{
position:relative;z-index:10;
background:rgba(7,9,13,0.6);
border-bottom:1px solid var(--border);
padding:16px 0;
}
.header-inner{display:flex;justify-content:space-between;align-items:center;gap:24px}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none}
.logo img{height:32px;width:auto}
.logo-text{display:flex;flex-direction:column;line-height:1}
.logo-tag{
font-family:'JetBrains Mono',monospace;
font-size:10px;color:var(--muted);
text-transform:uppercase;letter-spacing:0.12em;margin-top:4px;
}
.site-nav ul{display:flex;gap:28px;list-style:none}
.site-nav a{color:var(--muted);text-decoration:none;font-size:14px;font-weight:500;transition:color 0.3s}
.site-nav a:hover,.site-nav a.active{color:var(--text)}
.site-nav a.active{color:var(--accent-2)}
.header-cta{
display:inline-flex;align-items:center;gap:8px;
padding:10px 18px;border-radius:10px;
background:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 100%);
color:#06160a;font-weight:600;font-size:14px;
text-decoration:none;font-family:'Unbounded',sans-serif;
transition:all 0.3s;
box-shadow:0 8px 24px rgba(0,179,60,0.25);
}
.header-cta:hover{transform:translateY(-1px);box-shadow:0 12px 32px rgba(0,179,60,0.4)}
.burger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px}
.burger span{width:24px;height:2px;background:var(--text)}

/* ============ Footer ============ */
.site-footer{
padding:60px 0 40px;
border-top:1px solid var(--border);
background:var(--bg-2);
}
.footer-grid{
display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;
margin-bottom:40px;
}
.footer-about p{color:var(--muted);font-size:13px;line-height:1.6;margin-top:14px;max-width:320px}
.footer-col h4{
font-family:'Unbounded',sans-serif;
font-size:13px;font-weight:600;
margin-bottom:16px;color:var(--text);
}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:8px}
.footer-col li{font-size:13px;color:var(--muted)}
.footer-col a{color:var(--muted);text-decoration:none;transition:color 0.3s}
.footer-col a:hover{color:var(--accent-2)}
.footer-bottom{
padding-top:24px;border-top:1px solid var(--border);
display:flex;justify-content:space-between;align-items:center;
font-size:12px;color:var(--muted);flex-wrap:wrap;gap:16px;
}

/* ============ Mobile ============ */
@media (max-width:960px){
.footer-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:680px){
.site-nav ul{display:none;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:var(--bg-2);padding:20px;gap:16px;border-bottom:1px solid var(--border)}
.site-nav ul.open{display:flex}
.burger{display:flex}
.header-cta span{display:none}
}
@media (max-width:480px){
.footer-grid{grid-template-columns:1fr}
.footer-bottom{flex-direction:column;text-align:center}
}