/*
 * Default CSS
 * Path: /assets/css/default.css
 */

/* ==========================
   CSS Variables
========================== */

:root{
	--primary:#2f20ff;
	--primary-dark:#1800bd;
	--accent:#7459ff;

	--ink:#15131f;
	--muted:#6d6a7b;

	--line:#e7e5f1;

	--soft:#f4f2ff;
	--soft-2:#ece9ff;

	--white:#ffffff;

	--radius:18px;

	--shadow:0 12px 34px rgba(48,32,157,.10);

	--transition:.25s ease;
}


/* ==========================
   Reset
========================== */

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

html{
	scroll-behavior:smooth;
}

body{
	margin:0;
	padding:0;
	font-family:Inter,Arial,sans-serif;
	font-size:16px;
	line-height:1.55;
	color:var(--ink);
	background:#fff;
	overflow-x:hidden;
}


/* ==========================
   Images
========================== */

img{
	display:block;
	max-width:100%;
	height:auto;
}


/* ==========================
   Links
========================== */

a{
	color:inherit;
	text-decoration:none;
	transition:var(--transition);
}


/* ==========================
   Lists
========================== */

ul,
ol{
	margin:0;
	padding:0;
}

li{
	list-style:none;
}


/* ==========================
   Typography
========================== */

h1,
h2,
h3,
h4,
h5,
h6{
	margin:0;
	font-family:Manrope,sans-serif;
	color:var(--ink);
}

p{
	margin:0;
}


/* ==========================
   Form Elements
========================== */

button,
input,
select,
textarea{
	font:inherit;
}

button{
	cursor:pointer;
	border:0;
	background:none;
}


/* ==========================
   Buttons
========================== */

.btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;

	min-height:44px;

	padding:0 20px;

	border-radius:8px;

	font-size:14px;
	font-weight:700;

	transition:var(--transition);
}

.btn:hover{
	transform:translateY(-2px);
}

.btn-primary{
	color:#fff;

	background:linear-gradient(
		135deg,
		var(--primary),
		var(--primary-dark)
	);

	box-shadow:0 9px 22px rgba(47,32,255,.24);
}

.btn-light{
	background:#fff;
	border:1px solid var(--line);
	color:var(--ink);
}

.btn-soft{
	background:#fff;
	border:1px solid var(--line);
	border-radius:999px;
	color:var(--ink);
}

.btn-white{
	background:#fff;
	color:var(--primary);
	min-height:38px;
}


/* ==========================
   Utility
========================== */

.text-center{
	text-align:center;
}

.text-left{
	text-align:left;
}

.text-right{
	text-align:right;
}

.d-none{
	display:none !important;
}