@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&display=swap');
:root {
	--sunrent-gradient: linear-gradient(135deg, #0000ff, #0500ff);
	--sunrent-gradient-hover: linear-gradient(135deg, #1a1aff, #3333ff);
	--sunrent-text-primary: #1a1a1a;
	--sunrent-text-secondary: rgba(26, 26, 26, 0.8);
	--sunrent-text-muted: rgba(26, 26, 26, 0.6);
}
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	list-style: none;
	text-decoration: none;
	font-family: Manrope, sans-serif;
}
html {
	height: 100%;
	padding: 0;
	scroll-behavior: smooth;
	scroll-padding-top: 96px;
}
body,
html {
	width: 100%;
	margin: 0;
	background: #ffffff;
}
body {
	font-family: Manrope, sans-serif;
	color: var(--sunrent-text-primary);
	position: relative;
	min-height: 100vh;
	padding: 96px 0 0;
	overflow-x: hidden;
}
.container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
	box-sizing: border-box;
}
@media (max-width: 768px) {
	.container {
		padding: 0 16px;
	}
}
@media (max-width: 480px) {
	.container {
		padding: 0 12px;
	}
}
body
	> :not(.liquid-ether-container):not(.header):not(.auth-modal-root):not(
		.wallet-modal-root
	):not(.token-modal-overlay):not(.loading-modal-overlay):not(
		.get-card-modal-overlay
	):not(.get-card-modal-root) {
	z-index: 1;
}

/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
@layer properties {
	@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or
		((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
		*,
		::backdrop,
		:after,
		:before {
			--tw-rotate-x: initial;
			--tw-rotate-y: initial;
			--tw-rotate-z: initial;
			--tw-skew-x: initial;
			--tw-skew-y: initial;
			--tw-border-style: solid;
			--tw-outline-style: solid;
			--tw-blur: initial;
			--tw-brightness: initial;
			--tw-contrast: initial;
			--tw-grayscale: initial;
			--tw-hue-rotate: initial;
			--tw-invert: initial;
			--tw-opacity: initial;
			--tw-saturate: initial;
			--tw-sepia: initial;
			--tw-drop-shadow: initial;
			--tw-drop-shadow-color: initial;
			--tw-drop-shadow-alpha: 100%;
			--tw-drop-shadow-size: initial;
		}
	}
}
.invisible {
	visibility: hidden;
}
.visible {
	visibility: visible;
}
.fixed {
	position: fixed;
}
.static {
	position: static;
}
.container {
	width: 100%;
}
.block {
	display: block;
}
.block\! {
	display: block !important;
}
.flex {
	display: flex;
}
.grid {
	display: grid;
}
.hidden {
	display: none;
}
.inline-block {
	display: inline-block;
}
.inline-flex {
	display: inline-flex;
}
.table {
	display: table;
}
.flex-shrink {
	flex-shrink: 1;
}
.flex-grow,
.grow {
	flex-grow: 1;
}
.transform {
	transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z)
		var(--tw-skew-x) var(--tw-skew-y);
}
.resize {
	resize: both;
}
.flex-wrap {
	flex-wrap: wrap;
}
.truncate {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.border {
	border-style: var(--tw-border-style);
	border-width: 1px;
}
.capitalize {
	text-transform: capitalize;
}
.outline {
	outline-style: var(--tw-outline-style);
	outline-width: 1px;
}
.invert {
	--tw-invert: invert(100%);
}
.filter,
.invert {
	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
		var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert)
		var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter\! {
	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
		var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert)
		var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}
.transition {
	transition-property: color, background-color, border-color, outline-color,
		text-decoration-color, fill, stroke, --tw-gradient-from,
		--tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform,
		translate, scale, rotate, filter, backdrop-filter, display,
		content-visibility, overlay, pointer-events;
	transition-timing-function: var(--tw-ease, ease);
	transition-duration: var(--tw-duration, 0s);
}
@property --tw-rotate-x {
	syntax: '*';
	inherits: false;
}
@property --tw-rotate-y {
	syntax: '*';
	inherits: false;
}
@property --tw-rotate-z {
	syntax: '*';
	inherits: false;
}
@property --tw-skew-x {
	syntax: '*';
	inherits: false;
}
@property --tw-skew-y {
	syntax: '*';
	inherits: false;
}
@property --tw-border-style {
	syntax: '*';
	inherits: false;
	initial-value: solid;
}
@property --tw-outline-style {
	syntax: '*';
	inherits: false;
	initial-value: solid;
}
@property --tw-blur {
	syntax: '*';
	inherits: false;
}
@property --tw-brightness {
	syntax: '*';
	inherits: false;
}
@property --tw-contrast {
	syntax: '*';
	inherits: false;
}
@property --tw-grayscale {
	syntax: '*';
	inherits: false;
}
@property --tw-hue-rotate {
	syntax: '*';
	inherits: false;
}
@property --tw-invert {
	syntax: '*';
	inherits: false;
}
@property --tw-opacity {
	syntax: '*';
	inherits: false;
}
@property --tw-saturate {
	syntax: '*';
	inherits: false;
}
@property --tw-sepia {
	syntax: '*';
	inherits: false;
}
@property --tw-drop-shadow {
	syntax: '*';
	inherits: false;
}
@property --tw-drop-shadow-color {
	syntax: '*';
	inherits: false;
}
@property --tw-drop-shadow-alpha {
	syntax: '<percentage>';
	inherits: false;
	initial-value: 100%;
}
@property --tw-drop-shadow-size {
	syntax: '*';
	inherits: false;
}