@import "variables.css";
@import "reset.css";

body{
	background:var(--bg);
	color:var(--text);
	line-height:1.45;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}

.site-header{
	background:rgba(255,255,255,0.9);
	padding:18px 0;
	position:sticky;
	top:0;
	z-index:60;
	backdrop-filter: blur(6px);
	border-bottom: 1px solid rgba(170,150,170,0.04);
}
.site-header .logo{font-weight:700;color:var(--text);text-decoration:none}
.main-nav a{margin-left:18px;color:var(--muted);text-decoration:none;transition:color var(--transition)}
.main-nav a:hover{color:var(--lilac-deep)}

.wrap{max-width:var(--max-width);margin:0 auto;padding:0 16px}

.btn-cta{
	display:inline-block;
	background: linear-gradient(90deg,var(--lilac-deep),var(--dusty-rose));
	color:#fff;padding:10px 18px;border-radius:999px;text-decoration:none;
	box-shadow: var(--shadow);
	transition: transform var(--transition), box-shadow var(--transition), opacity var(--transition);
}
.btn-cta:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(169,142,167,0.12)}

.site-footer{padding:28px 0;background:transparent;text-align:center;color:var(--muted);margin-top:40px}

/* cards and common */
.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:12px}