/* Reset-ish */

* { box-sizing: border-box; }

html,body{height:100%;}

body{

	margin:0;

	font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;

	background: #f6f7fb;

	color:#0b1a2b;

	-webkit-font-smoothing:antialiased;

}

.container{

	max-width:900px;

	margin:0 auto;

	padding:24px;

}

.site-header{

	background:linear-gradient(90deg,#0b5cff,#3b82f6);

	color:white;

	padding:28px 0;

}

.site-header{

	background:#40bac7;

	color:white;

	padding:28px 0;

}

.brand{margin:0;font-size:1.5rem}

.logo{height:80px;display:inline-block;vertical-align:middle;margin-right:0}

.site-header .container{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px}

.brand{margin:0;font-size:1.5rem;text-align:center}

.tag{text-align:center;margin:4px 0 0;opacity:.92}

.tag{margin:4px 0 0;opacity:.92}

.main-card{

	margin-top:-28px;

	background: #fff;

	border-radius:12px;

	box-shadow: 0 6px 22px rgba(11,26,43,0.08);

	padding:32px;

}

.main-card{

	margin-top:-28px;

	background: #fff;

	border-radius:12px;

	box-shadow: 0 6px 22px rgba(64,186,199,0.08);

	padding:32px;

}

.contact h2{margin-top:0}

.contact-list{list-style:none;padding:0;margin:18px 0}

.contact-list li{margin:10px 0}

.contact-link{

	display:flex;

	align-items:center;

	gap:14px;

	text-decoration:none;

	color:inherit;

	padding:12px 14px;

	border-radius:8px;

	transition:background .15s,transform .12s;

}

.contact-link:hover{background:#f0f6ff;transform:translateY(-2px)}

.icon{width:36px;height:36px;fill:currentColor;opacity:.9}

.contact-link strong{display:block}

.contact-link:hover{background:rgba(64,186,199,0.08);transform:translateY(-2px)}

.icon{width:36px;height:36px;fill:currentColor;opacity:.9}

.contact-link .icon{color:#40bac7}

.contact-link strong{display:block;color:#40bac7}

.muted{display:block;color:#556877;font-size:.95rem}

.privacy{color:#6b7280;font-size:.9rem;margin-top:18px}

.site-footer{padding:18px 0;text-align:center;color:#56606f}

.site-footer{padding:18px 0;text-align:center;color:#395657;border-top:1px solid rgba(64,186,199,0.12)}



@media (max-width:520px){

	.container{padding:16px}

	.contact-link{gap:10px;padding:10px}

}



@media (min-width:900px){

	/* Larger logo on desktop */

	.logo{height:140px}

}