/* Midnight — minimal tek sütun */
.tpl-midnight { --m-ink: #ececf6; --m-ink2: #8d8ba8; --m-line: rgba(160, 150, 255, .12); --m-a: var(--primary); }
.tpl-midnight .connect-float { display: none; }
.tpl-midnight { background: #06060b !important; }
.m-nav { position: sticky; top: 0; z-index: 60; background: rgba(6, 6, 11, .86); backdrop-filter: blur(10px); border-bottom: 1px solid var(--m-line); }
.m-nav-in { max-width: 980px; margin: 0 auto; display: flex; align-items: center; gap: 26px; height: 64px; padding: 0 20px; }
.m-logo { font-family: 'Space Grotesk', sans-serif; font-weight: 700; font-size: 20px; color: var(--m-ink); text-decoration: none; letter-spacing: -.02em; }
.m-logo i, .m-foot i { color: var(--m-a); font-style: normal; }
.m-links { display: flex; gap: 22px; margin-left: auto; }
.m-links > a, .m-links .t-more > button { color: var(--m-ink2); text-decoration: none; font-size: 14px; padding: 4px 0; }
.m-links > a i, .m-links .t-more > button i { display: none; }
.m-links > a:hover, .m-links > a.active { color: var(--m-ink); }
.m-links > a.active { box-shadow: 0 1px 0 var(--m-a); }
.m-nav .btn { border-radius: 8px !important; padding: 7px 14px !important; font-size: 13.5px !important; box-shadow: none !important; }
.m-nav .btn-primary, .m-nav .btn-login { background: transparent !important; border: 1px solid var(--m-a) !important; color: var(--m-ink) !important; }
.m-nav .btn-register, .m-nav .nx-btn-ghost { display: none !important; }
.m-wrap { max-width: 760px; margin: 0 auto; padding: 80px 20px 60px; }
.m-hero { padding-bottom: 60px; border-bottom: 1px solid var(--m-line); }
.m-dot { color: var(--m-ink2); font-size: 13.5px; margin: 0 0 22px; }
.m-dot i { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: #3ddc97; margin-right: 6px; box-shadow: 0 0 0 4px rgba(61, 220, 151, .15); }
.m-hero h1 { font-family: 'Space Grotesk', sans-serif; font-size: clamp(38px, 6vw, 62px); line-height: 1.05; color: var(--m-ink); letter-spacing: -.035em; margin: 0 0 20px; font-weight: 600; }
.m-lead { color: var(--m-ink2); font-size: 18px; line-height: 1.7; margin: 0 0 30px; }
.m-ip { display: inline-flex; align-items: center; gap: 14px; padding: 12px 18px; background: transparent; border: 1px solid var(--m-line); border-radius: 10px; color: var(--m-ink); font: 500 15px ui-monospace, monospace; cursor: pointer; }
.m-ip:hover { border-color: var(--m-a); } .m-ip i { color: var(--m-ink2); }
.m-sec { padding: 44px 0; border-bottom: 1px solid var(--m-line); }
.m-sec h2 { font-size: 12.5px; text-transform: uppercase; letter-spacing: .2em; color: var(--m-ink2); font-weight: 500; margin: 0 0 18px; font-family: var(--font-sans); }
.m-row { display: flex; align-items: center; gap: 14px; padding: 14px 0; text-decoration: none; color: var(--m-ink); border-bottom: 1px dashed var(--m-line); }
.m-row:last-child { border-bottom: 0; }
.m-row b { font-weight: 500; font-size: 16px; } .m-fill { flex: 1; }
.m-row small { color: var(--m-ink2); font-size: 13px; } .m-row i { color: var(--m-ink2); font-size: 12px; transition: transform .2s; }
.m-row:hover b { color: var(--m-a); } .m-row:hover i { transform: translateX(4px); color: var(--m-a); }
.m-post { display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: 24px; padding: 20px 0; text-decoration: none; color: var(--m-ink); border-bottom: 1px dashed var(--m-line); }
.m-post time { color: var(--m-ink2); font-size: 13px; padding-top: 3px; font-family: ui-monospace, monospace; }
.m-post b { display: block; font-size: 19px; font-weight: 600; font-family: 'Space Grotesk', sans-serif; letter-spacing: -.01em; }
.m-post p { color: var(--m-ink2); margin: 6px 0; font-size: 15px; line-height: 1.65; } .m-post small { color: #5f5d7a; font-size: 12.5px; }
.m-post:hover b { color: var(--m-a); }
.m-more { display: inline-block; margin-top: 18px; color: var(--m-a); text-decoration: none; font-size: 14px; }
.m-foot { max-width: 760px; margin: 0 auto; display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; padding: 30px 20px 50px; color: var(--m-ink2); font-size: 13px; }
.m-foot nav { display: flex; gap: 18px; flex-wrap: wrap; } .m-foot a { color: var(--m-ink2); text-decoration: none; } .m-foot a:hover { color: var(--m-ink); }
@media (max-width: 1024px) {
  .m-links { display: none; } .nav-open .m-links { display: flex; flex-direction: column; gap: 4px; position: absolute; top: 64px; left: 0; right: 0; background: #06060b; padding: 14px 20px; border-bottom: 1px solid var(--m-line); }
  .t-burger { margin-left: auto; } .m-wrap { padding-top: 50px; } .m-post { grid-template-columns: 1fr; gap: 6px; }
}