/*!
Template :	ICOCrypto @by Softnio
Theme	 :  Default
Version   :  1.9.3
Updated   :  05/05/2021
*/
/*! WRITE YOUR CUSTOM STYLE **/

/* ===== GPT Token custom design pass ===== */

/* -- Global rhythm & type -- */
body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.title {
	letter-spacing: -0.01em;
}
.title.title-lg, .title.title-xl-2 {
	letter-spacing: -0.02em;
}
.section {
	padding-top: 90px;
	padding-bottom: 90px;
}
.section-head {
	margin-bottom: 50px;
}

/* -- Header -- */
#header.is-shrink .header-main {
	box-shadow: 0 2px 24px rgba(0, 0, 0, 0.08);
}
.header-logo img {
	transition: opacity .25s ease;
}
.menu-link {
	font-weight: 500;
	letter-spacing: 0.01em;
}

/* -- Buttons -- */
.btn {
	border-radius: 8px;
	font-weight: 600;
	letter-spacing: 0.01em;
	transition: transform .2s ease, box-shadow .2s ease, opacity .2s ease, background-color .2s ease, color .2s ease, border-color .2s ease;
}
.btn-grad, .btn-secondary, .btn-primary {
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.16);
}
.btn-grad:hover, .btn-secondary:hover, .btn-primary:hover {
	transform: translateY(-2px);
	box-shadow: 0 12px 28px rgba(0, 0, 0, 0.22);
}

/* Buttons: white on black, per OpenAI-style palette (#080808 / #ffffff) */
.btn-secondary, .btn-primary {
	background-color: #ffffff !important;
	border-color: #ffffff !important;
	color: #080808 !important;
}
.btn-secondary:hover, .btn-secondary:focus,
.btn-primary:hover, .btn-primary:focus {
	background-color: #080808 !important;
	border-color: #080808 !important;
	color: #ffffff !important;
}
.btn-secondary.btn-outline, .btn-primary.btn-outline {
	background-color: transparent !important;
	border-color: #ffffff !important;
	color: #ffffff !important;
}
.btn-secondary.btn-outline:hover, .btn-primary.btn-outline:hover {
	background-color: #ffffff !important;
	color: #080808 !important;
}
.btn-outline {
	border-width: 1.5px;
}
.btn-outline:hover {
	transform: translateY(-2px);
}

/* -- Cards & features -- */
.card, .feature.card {
	border-radius: 14px;
	border: 1px solid rgba(0, 0, 0, 0.06);
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
	transition: transform .25s ease, box-shadow .25s ease;
}
.card:hover, .feature.card:hover {
	transform: translateY(-4px);
	box-shadow: 0 16px 32px rgba(0, 0, 0, 0.08);
}
.feature-s3 {
	transition: transform .25s ease;
}
.feature-s3:hover {
	transform: translateY(-4px);
}
.feature-icon svg circle {
	transition: transform .25s ease;
}
.feature-s3:hover .feature-icon svg circle,
.feature.card:hover .feature-icon svg circle {
	transform: scale(1.06);
	transform-origin: center;
}

/* -- Distribution / use-of-proceeds charts -- */
.chart {
	display: flex;
	justify-content: center;
}
.chart img {
	width: 100%;
	max-width: 460px;
	height: auto;
	display: block;
}
@media (max-width: 767px) {
	.chart img {
		max-width: 360px;
	}
}

/* -- Token status / sale widgets -- */
.token-status, .token-info, .bonus {
	border-radius: 16px !important;
	border: 1px solid rgba(255, 255, 255, 0.08);
}
.countdown-s2 .countdown-time, .countdown-s3 .countdown-time {
	border-radius: 8px !important;
}
.table-token tr {
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

/* -- Roadmap -- */
.roadmap-s3-1 {
	border-radius: 12px;
	transition: transform .2s ease;
}
.roadmap-s3-1:hover {
	transform: translateY(-3px);
}

/* -- Team -- */
.team-photo img, .team-photo-bg img {
	transition: transform .35s ease, filter .35s ease;
	filter: grayscale(15%);
}
.team:hover .team-photo img, .team:hover .team-photo-bg img {
	transform: scale(1.05);
	filter: grayscale(0%);
}

/* -- Contact / footer -- */
.contact-wrap {
	border-radius: 16px;
	overflow: hidden;
}
.nk-footer {
	border-top: 1px solid rgba(255, 255, 255, 0.08);
}

/* -- Perks illustration cards -- */
.nk-block-video img {
	border-radius: 20px;
	box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12);
}