/**** FONTS ****//**** FONTS ****//**** FONTS ****/
@font-face {font-family: 'Manrope'; src: url('../fonts/manrope-400.woff2') format('woff2'); font-style: normal; font-weight: 400; font-display: swap;}
@font-face {font-family: 'Manrope'; src: url('../fonts/manrope-600.woff2') format('woff2'); font-style: normal; font-weight: 600; font-display: swap;}
@font-face {font-family: 'Manrope'; src: url('../fonts/manrope-700.woff2') format('woff2'); font-style: normal; font-weight: 700; font-display: swap;}
@font-face {font-family: 'Unbounded'; src: url('../fonts/unbounded-600.woff2') format('woff2'); font-style: normal; font-weight: 600; font-display: swap;}

/**** TOKENS ****//**** TOKENS ****//**** TOKENS ****/
:root {--cobalt: #2457C5; --cobalt-dark: #173A8F; --cobalt-soft: #DCE6FF; --coral: #F06F61; --coral-dark: #C94F45; --coral-soft: #FFE1DD; --paper: #F7F6F2; --paper-overlay: rgba(247,246,242,0.94); --surface: #FCFCFD; --cool: #EEF0F3; --cool-light: #F6F7F9; --graphite: #2D3138; --text-soft: #68707C; --border: #D9DDE4; --border-light: #E7EAF0; --white: #FFFFFF; --black-overlay: rgba(15,24,44,0.84); --shadow-header: 0px 8px 24px rgba(23,58,143,0.08); --shadow-paper: 0px 18px 46px rgba(23,58,143,0.12); --shadow-poster: 0px 14px 36px rgba(23,58,143,0.10); --shadow-dialog: 0px 28px 72px rgba(10,20,48,0.24); --focus: #C94F45; --focus-light: #FFFFFF; --font-display: 'Unbounded', sans-serif; --font-body: 'Manrope', sans-serif; --container: 1280px; --text-column: 760px; --header-height: 88px; --tap: 44px; --radius-sm: 8px; --radius-md: 14px; --radius-lg: 24px; --radius-xl: 32px; --transition: 180ms ease; --z-header: 100; --z-menu: 110; --z-lightbox: 300;}