
:root{
	--mmm-bg:#0f1216;
	--mmm-surface:#171b21;
	--mmm-surface-2:#1f252d;
	--mmm-text:#f5f7fb;
	--mmm-muted:#b9c2cf;
	--mmm-border:rgba(255,255,255,.08);
	--mmm-accent:#5cbf2a;
	--mmm-secondary:#f5b81f;
	--mmm-shadow:0 18px 40px rgba(0,0,0,.22);
	--mmm-radius:22px;
	--mmm-max:1240px;
}

*,
*::before,
*::after{box-sizing:border-box}

html{scroll-behavior:smooth}
body{
	margin:0;
	font-family:Inter,Arial,Helvetica,sans-serif;
	background:
		radial-gradient(circle at top left, rgba(92,191,42,.12), transparent 25%),
		radial-gradient(circle at top right, rgba(245,184,31,.10), transparent 22%),
		linear-gradient(180deg, #0d1014 0%, #11161c 100%);
	color:var(--mmm-text);
	line-height:1.7;
}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
.container{width:min(100% - 32px, var(--mmm-max));margin-inline:auto}
.card{
	background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.015));
	border:1px solid var(--mmm-border);
	border-radius:var(--mmm-radius);
	box-shadow:var(--mmm-shadow);
}
.site-header{
	position:sticky;
	top:0;
	z-index:50;
	backdrop-filter:blur(14px);
	background:rgba(10,12,16,.72);
	border-bottom:1px solid var(--mmm-border);
}
.topbar{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:20px;
	padding:18px 0;
}
.branding{display:flex;align-items:center;gap:14px}
.site-logo img{max-height:64px;width:auto}
.site-title{
	font-size:1.35rem;
	font-weight:800;
	letter-spacing:.02em;
}
.site-tagline{
	margin:4px 0 0;
	color:var(--mmm-muted);
	font-size:.92rem;
}
.primary-nav ul{
	display:flex;
	list-style:none;
	margin:0;
	padding:0;
	gap:18px;
	align-items:center;
}
.primary-nav a{
	padding:10px 14px;
	border-radius:999px;
	font-weight:600;
	color:#ecf0f6;
}
.primary-nav a:hover,
.primary-nav .current-menu-item > a{
	background:rgba(255,255,255,.08);
}
.menu-toggle{
	display:none;
	background:transparent;
	color:var(--mmm-text);
	border:1px solid var(--mmm-border);
	padding:10px 14px;
	border-radius:999px;
	cursor:pointer;
}
.ad-slot{
	margin-top:24px;
	padding:18px;
	background:rgba(255,255,255,.03);
	border:1px dashed rgba(255,255,255,.18);
	border-radius:18px;
	overflow:auto;
}
.hero-section{padding:34px 0 16px}
.hero{
	display:grid;
	grid-template-columns:1.3fr .9fr;
	gap:28px;
	padding:34px;
	align-items:stretch;
}
.eyebrow{
	display:inline-block;
	padding:8px 12px;
	border-radius:999px;
	background:rgba(92,191,42,.12);
	color:#d8ffb7;
	font-weight:700;
	font-size:.82rem;
	text-transform:uppercase;
	letter-spacing:.08em;
}
.hero h1{
	font-size:clamp(2rem, 4vw, 4rem);
	line-height:1.05;
	margin:18px 0 14px;
	max-width:12ch;
}
.hero p{color:var(--mmm-muted);max-width:60ch}
.hero-actions{
	display:flex;
	flex-wrap:wrap;
	gap:14px;
	margin-top:24px;
}
.button{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	padding:14px 20px;
	border-radius:16px;
	font-weight:800;
	transition:transform .2s ease, opacity .2s ease;
}
.button:hover{transform:translateY(-1px);opacity:.95}
.button-primary{
	background:linear-gradient(135deg, var(--mmm-accent), #78d93f);
	color:#071007;
}
.button-secondary{
	background:rgba(255,255,255,.07);
	border:1px solid var(--mmm-border);
	color:var(--mmm-text);
}
.hero-panel{
	display:grid;
	gap:16px;
}
.stat-card{
	padding:20px;
	border-radius:20px;
	background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.025));
	border:1px solid var(--mmm-border);
}
.stat-card strong{
	display:block;
	font-size:1.05rem;
	margin-bottom:6px;
}
.stat-card span{color:var(--mmm-muted)}
.home-promo-grid{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:18px;
	padding:18px 0;
}
.promo-widget{padding:24px}
.section-heading{
	display:flex;
	flex-wrap:wrap;
	align-items:end;
	justify-content:space-between;
	gap:20px;
	margin:40px 0 18px;
}
.section-heading p{margin:0;color:var(--mmm-muted)}
.post-loop{
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	gap:22px;
}
.post-card{
	overflow:hidden;
	height:100%;
}
.post-card-link{
	display:flex;
	flex-direction:column;
	height:100%;
}
.post-card-image img{
	width:100%;
	aspect-ratio:16/10;
	object-fit:cover;
}
.post-card-content{
	padding:20px;
	display:flex;
	flex-direction:column;
	flex:1;
}
.post-meta{
	display:flex;
	flex-wrap:wrap;
	gap:10px;
	color:var(--mmm-muted);
	font-size:.88rem;
	margin-bottom:8px;
}
.entry-title{
	font-size:1.35rem;
	line-height:1.2;
	margin:6px 0 12px;
}
.read-more{
	margin-top:auto;
	padding-top:16px;
	color:#d8ffb7;
	font-weight:700;
}
.content-grid{
	display:grid;
	grid-template-columns:minmax(0,1fr) 320px;
	gap:24px;
	padding:30px 0 50px;
}
.posts-area{min-width:0}
.sidebar-area{display:grid;gap:18px}
.widget{padding:22px}
.widget-title{margin-top:0;font-size:1.1rem}
.search-form{
	display:flex;
	gap:10px;
	flex-wrap:wrap;
}
.search-field{
	flex:1;
	min-width:200px;
	padding:13px 14px;
	border-radius:14px;
	border:1px solid var(--mmm-border);
	background:rgba(255,255,255,.04);
	color:var(--mmm-text);
}
.search-submit{
	padding:13px 16px;
	border:none;
	border-radius:14px;
	background:linear-gradient(135deg, var(--mmm-secondary), #ffd45d);
	color:#201300;
	font-weight:800;
	cursor:pointer;
}
.single-article{padding:26px}
.single-article h1{
	font-size:clamp(2rem, 3vw, 3rem);
	line-height:1.08;
	margin:12px 0 16px;
}
.single-thumbnail{
	overflow:hidden;
	border-radius:18px;
	margin-bottom:18px;
}
.single-thumbnail img{
	width:100%;
	aspect-ratio:16/8;
	object-fit:cover;
}
.post-content > *:first-child{margin-top:0}
.post-content a{color:#d8ffb7;text-decoration:underline}
.post-content h2,
.post-content h3,
.post-content h4{line-height:1.2}
.post-content blockquote{
	margin:24px 0;
	padding:18px 20px;
	border-left:4px solid var(--mmm-accent);
	background:rgba(255,255,255,.03);
	border-radius:0 16px 16px 0;
}
.post-content pre{
	padding:18px;
	border-radius:16px;
	overflow:auto;
	background:#0c1015;
}
.pagination-wrap{margin-top:24px}
.newsletter-wrap{padding:26px 0 0}
.newsletter{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:20px;
	padding:28px;
	margin-bottom:40px;
	align-items:center;
}
.demo-newsletter-form{
	display:flex;
	gap:12px;
	flex-wrap:wrap;
}
.demo-newsletter-form input{
	flex:1;
	min-width:220px;
	padding:14px 16px;
	border-radius:16px;
	border:1px solid var(--mmm-border);
	background:rgba(255,255,255,.05);
	color:var(--mmm-text);
}
.site-footer{
	border-top:1px solid var(--mmm-border);
	padding:40px 0 20px;
	margin-top:40px;
	background:rgba(0,0,0,.16);
}
.footer-grid{
	display:grid;
	grid-template-columns:1.1fr 1fr .8fr;
	gap:24px;
}
.footer-menu{
	list-style:none;
	margin:0;
	padding:0;
	display:grid;
	gap:10px;
}
.footer-bottom{
	margin-top:20px;
	padding-top:18px;
	border-top:1px solid var(--mmm-border);
	color:var(--mmm-muted);
}
.narrow-wrap{padding:44px 0 60px;max-width:800px;margin:0 auto}
.archive-header{padding:24px}
.archive-description{color:var(--mmm-muted)}
.screen-reader-text{
	position:absolute !important;
	width:1px;height:1px;
	padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
}
.comment-list{padding-left:18px}
.comment-body{
	padding:16px 0;
	border-bottom:1px solid var(--mmm-border);
}
.wp-block-image img,
.wp-block-cover{border-radius:18px}

@media (max-width: 1024px){
	.post-loop{grid-template-columns:repeat(2,1fr)}
	.content-grid{grid-template-columns:1fr}
	.newsletter, .hero, .footer-grid, .home-promo-grid{grid-template-columns:1fr}
}
@media (max-width: 820px){
	.menu-toggle{display:inline-flex}
	.primary-nav{
		display:none;
		position:absolute;
		left:16px;
		right:16px;
		top:82px;
		background:#11161c;
		border:1px solid var(--mmm-border);
		border-radius:20px;
		padding:12px;
		box-shadow:var(--mmm-shadow);
	}
	.primary-nav.is-open{display:block}
	.primary-nav ul{flex-direction:column;align-items:stretch}
}
@media (max-width: 680px){
	.post-loop{grid-template-columns:1fr}
	.topbar{padding:14px 0}
	.hero{padding:24px}
	.site-title{font-size:1.15rem}
}


.single-article,
.comments-wrap,
.post-navigation-card,
.archive-header,
.widget,
.promo-widget{
	padding:28px;
}

.post-content{
	margin-top:18px;
}
.post-content > *{
	margin-top:0;
	margin-bottom:1.2em;
}
.post-content > :last-child{
	margin-bottom:0;
}
.post-content ul,
.post-content ol{
	padding-left:1.35rem;
}
.post-content li + li{
	margin-top:.5em;
}
.post-content hr{
	border:0;
	border-top:1px solid var(--mmm-border);
	margin:2rem 0;
}
.post-content .wp-block-group,
.post-content .wp-block-columns,
.post-content .wp-block-cover,
.post-content .wp-block-media-text,
.post-content .wp-block-quote,
.post-content .wp-block-code,
.post-content .wp-block-preformatted,
.post-content .wp-block-table,
.post-content .wp-block-embed,
.post-content .wp-block-image,
.post-content .wp-block-gallery{
	margin-top:0;
	margin-bottom:1.6rem;
}
.post-content table{
	width:100%;
	border-collapse:collapse;
	margin-bottom:1.5rem;
}
.post-content th,
.post-content td{
	padding:12px 14px;
	border:1px solid var(--mmm-border);
}
.post-tags{
	display:flex;
	flex-wrap:wrap;
	gap:10px;
	margin-top:24px;
}
.post-tags a{
	display:inline-flex;
	align-items:center;
	padding:8px 12px;
	border-radius:999px;
	background:rgba(255,255,255,.06);
	border:1px solid var(--mmm-border);
	font-size:.92rem;
}
.post-navigation-card{
	margin-top:22px;
}
.post-navigation-card .nav-links{
	display:grid;
	grid-template-columns:repeat(2, minmax(0, 1fr));
	gap:14px;
}
.post-navigation-card .nav-previous,
.post-navigation-card .nav-next{
	min-width:0;
}
.post-navigation-card a{
	display:flex;
	flex-direction:column;
	gap:4px;
	padding:18px 20px;
	border-radius:18px;
	background:rgba(255,255,255,.035);
	border:1px solid var(--mmm-border);
	min-height:100%;
}
.post-navigation-card .nav-next a{
	text-align:right;
}
.post-navigation-card .nav-subtitle{
	font-size:.82rem;
	letter-spacing:.04em;
	text-transform:uppercase;
	color:var(--mmm-muted);
}
.post-navigation-card .nav-title{
	font-weight:800;
	line-height:1.3;
}
.comments-wrap{
	margin-top:22px;
}
.comments-title,
.comment-reply-title{
	margin:0 0 18px;
	line-height:1.2;
}
.comment-list{
	list-style:none;
	padding:0;
	margin:0 0 28px;
}
.comment-list .children{
	list-style:none;
	padding-left:22px;
	margin:18px 0 0;
}
.comment-body{
	padding:18px 0;
	border-bottom:1px solid var(--mmm-border);
}
.comment-meta{
	display:flex;
	flex-wrap:wrap;
	gap:12px;
	align-items:center;
	margin-bottom:10px;
}
.comment-author .avatar{
	border-radius:999px;
	margin-right:10px;
	vertical-align:middle;
}
.comment-metadata,
.comment-metadata a,
.logged-in-as,
.comment-notes{
	color:var(--mmm-muted);
	font-size:.95rem;
}
.comment-content p:last-child{
	margin-bottom:0;
}
.comment-respond{
	margin-top:8px;
}
.mmm-comment-form{
	display:grid;
	gap:18px;
}
.mmm-comment-form p{
	margin:0;
}
.mmm-comment-form label{
	display:block;
	margin-bottom:8px;
	font-weight:700;
}
.mmm-comment-form input[type="text"],
.mmm-comment-form input[type="email"],
.mmm-comment-form input[type="url"],
.mmm-comment-form textarea{
	width:100%;
	padding:14px 16px;
	border-radius:16px;
	border:1px solid var(--mmm-border);
	background:rgba(255,255,255,.05);
	color:var(--mmm-text);
}
.mmm-comment-form textarea{
	min-height:180px;
	resize:vertical;
}
.mmm-comment-form .comment-form-cookies-consent{
	display:flex;
	gap:10px;
	align-items:flex-start;
}
.mmm-comment-form .comment-form-cookies-consent input{
	margin-top:5px;
}
.mmm-comment-form .form-submit{
	margin-top:4px;
}
.mmm-comment-form .submit{
	border:0;
	cursor:pointer;
}

@media (max-width: 680px){
	.single-article,
	.comments-wrap,
	.post-navigation-card,
	.archive-header,
	.widget,
	.promo-widget{
		padding:22px;
	}
	.post-navigation-card .nav-links{
		grid-template-columns:1fr;
	}
}
