@charset "utf-8";

/* Vizyon Koleji tema giydirme — kariyer.local
   Kaynak dil: vizyonkoleji.k12.tr
   Yükleme: style.css sonrasında
*/

html, body {
	overflow-x: clip;
}
html {
	scroll-behavior: auto;
}
html.lenis,
html.lenis body {
	height: auto;
}
html.lenis {
	scroll-behavior: auto !important;
}

@font-face {
	font-family: "Figtree";
	src: url("../font/Figtree-latin-ext-wght-normal.woff2") format("woff2-variations"),
		url("../font/Figtree-latin-ext-wght-normal.woff2") format("woff2");
	font-weight: 300 900;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Figtree";
	src: url("../font/Figtree-latin-wght-normal.woff2") format("woff2-variations"),
		url("../font/Figtree-latin-wght-normal.woff2") format("woff2");
	font-weight: 300 900;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Fraunces";
	src: url("../font/Fraunces-latin-ext-wght-normal.woff2") format("woff2-variations"),
		url("../font/Fraunces-latin-ext-wght-normal.woff2") format("woff2");
	font-weight: 400 700;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Fraunces";
	src: url("../font/Fraunces-latin-wght-normal.woff2") format("woff2-variations"),
		url("../font/Fraunces-latin-wght-normal.woff2") format("woff2");
	font-weight: 400 700;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Fraunces";
	src: url("../font/Fraunces-latin-ext-wght-italic.woff2") format("woff2-variations"),
		url("../font/Fraunces-latin-ext-wght-italic.woff2") format("woff2");
	font-weight: 400 700;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: "Fraunces";
	src: url("../font/Fraunces-latin-wght-italic.woff2") format("woff2-variations"),
		url("../font/Fraunces-latin-wght-italic.woff2") format("woff2");
	font-weight: 400 700;
	font-style: italic;
	font-display: swap;
}

:root {
	--vk-navy: #0b1329;
	--vk-navy-2: #142347;
	--vk-navy-soft: #203462;
	--vk-text: #2e3547;
	--vk-muted: #63697f;
	--vk-gold: #e6b67f;
	--vk-gold-2: #d4a46a;
	--vk-burgundy: #8b1d2c;
	--vk-bg: #fafaf8;
	--vk-white: #ffffff;
	--vk-line: #e2e6ed;
	--vk-max: 1320px;
	--vk-header-h: 84px;
	--vk-radius: 22px;
	--vk-radius-sm: 14px;
	--vk-pill: 999px;
	--vk-shadow: 0 18px 50px rgba(11, 19, 41, 0.08);
	--vk-shadow-lg: 0 28px 70px rgba(11, 19, 41, 0.14);
	--vk-font-sans: "Figtree", ui-sans-serif, system-ui, sans-serif;
	--vk-font-serif: "Fraunces", Georgia, "Times New Roman", serif;
	--vk-ease: cubic-bezier(0.22, 1, 0.36, 1);
}

/* Base */
html {
	scroll-behavior: auto;
}
body {
	margin: 0;
	min-height: 100vh;
	min-height: 100dvh;
	display: flex;
	flex-direction: column;
	font-family: var(--vk-font-sans) !important;
	font-size: 17px !important;
	line-height: 1.65 !important;
	color: var(--vk-text) !important;
	background: var(--vk-bg) !important;
	-webkit-font-smoothing: antialiased;
}
body > .container {
	flex: 1 0 auto;
}
::selection {
	background: var(--vk-gold);
	color: var(--vk-navy);
}
::-webkit-scrollbar {
	width: 8px;
}
::-webkit-scrollbar-track {
	background: var(--vk-line);
}
::-webkit-scrollbar-thumb {
	background: var(--vk-navy-2);
	border-radius: 0;
}
::-webkit-scrollbar-thumb:hover {
	background: var(--vk-gold);
}
::placeholder,
:-ms-input-placeholder,
::-ms-input-placeholder {
	font-family: var(--vk-font-sans) !important;
	color: var(--vk-muted) !important;
	font-style: normal !important;
}

.reveal {
	opacity: 0;
	transform: translateY(24px);
	transition: opacity 0.7s var(--vk-ease), transform 0.7s var(--vk-ease);
}
.reveal.is-visible {
	opacity: 1;
	transform: none;
}
.period__head.reveal { transition-delay: 0.05s !important; }
.period__head.reveal:not(.is-visible) {
	opacity: 0;
	transform: translateY(20px);
}
.period__head.reveal.is-visible {
	opacity: 1;
	transform: none;
}
.period__item.reveal:nth-child(1) { transition-delay: 0.18s !important; }
.period__item.reveal:nth-child(2) { transition-delay: 0.34s !important; }
.period__item.reveal:nth-child(3) { transition-delay: 0.5s !important; }
.didyouknow_content ul li.reveal:nth-child(1) { transition-delay: 0.06s !important; }
.didyouknow_content ul li.reveal:nth-child(2) { transition-delay: 0.12s !important; }
.didyouknow_content ul li.reveal:nth-child(3) { transition-delay: 0.18s !important; }
.didyouknow_content ul li.reveal:nth-child(4) { transition-delay: 0.24s !important; }
.didyouknow_content ul li.reveal:nth-child(5) { transition-delay: 0.3s !important; }
.didyouknow_content ul li.reveal:nth-child(6) { transition-delay: 0.36s !important; }
.didyouknow_content ul li.reveal:nth-child(7) { transition-delay: 0.42s !important; }
.didyouknow_content ul li.reveal:nth-child(8) { transition-delay: 0.48s !important; }
@keyframes vk-dyk-float {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-5px); }
}
/* --- */
.homebox.reveal:nth-child(1) { transition-delay: 0.04s; }
.homebox.reveal:nth-child(2) { transition-delay: 0.08s; }
.homebox.reveal:nth-child(3) { transition-delay: 0.12s; }
.homebox.reveal:nth-child(4) { transition-delay: 0.16s; }
.homebox.reveal:nth-child(5) { transition-delay: 0.2s; }

/* Loading / backtotop */
#loading.vo-loading,
.vo-loading#loading {
	background: rgba(12, 22, 42, 0.55) !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
	z-index: 4800 !important;
}
#loading_status.vo-loading-card,
.vo-loading-card#loading_status {
	position: absolute !important;
	left: 50% !important;
	top: 50% !important;
	width: 88px !important;
	height: 88px !important;
	margin: -44px 0 0 -44px !important;
	border-radius: 18px;
	background: #fff !important;
	background-image: none !important;
	box-shadow: 0 18px 40px rgba(15, 28, 52, 0.22);
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
}
#loading[style*="display: none"] #loading_status,
#loading[hidden] #loading_status {
	display: none !important;
}
.vo-loading-spinner {
	display: block;
	width: 36px;
	height: 36px;
	box-sizing: border-box;
	border-radius: 50%;
	border: 3px solid rgba(32, 52, 98, 0.12);
	border-top-color: #203462;
	border-right-color: #c19668;
	animation: vo-spin 0.85s linear infinite;
}
@keyframes vo-spin {
	to { transform: rotate(360deg); }
}
.button.is-loading,
.formbutton.is-loading,
.processbutton.is-loading {
	pointer-events: none !important;
	cursor: wait !important;
	color: transparent !important;
	text-shadow: none !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='rgba(32,52,98,0.25)' stroke-width='3'/%3E%3Cpath d='M21 12a9 9 0 0 0-9-9' fill='none' stroke='%23203462' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='0.75s' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: 22px 22px !important;
	opacity: 0.92;
}
@media (prefers-reduced-motion: reduce) {
	.vo-loading-spinner {
		animation: none;
		border-top-color: #203462;
		border-right-color: #203462;
	}
}
#backtotop {
	width: 48px !important;
	height: 48px !important;
	border-radius: 50% !important;
	background-color: var(--vk-gold) !important;
	box-shadow: 0 10px 28px rgba(11, 19, 41, 0.22) !important;
	bottom: 28px !important;
	right: 28px !important;
	opacity: 0;
	visibility: hidden;
	transform: translateY(10px);
	transition: transform 0.3s var(--vk-ease), background-color 0.25s var(--vk-ease), opacity 0.3s var(--vk-ease), visibility 0.3s var(--vk-ease) !important;
	z-index: 8000 !important;
}
#backtotop.show {
	opacity: 1 !important;
	visibility: visible !important;
	transform: translateY(0) !important;
}
#backtotop:hover {
	background-color: var(--vk-white) !important;
	transform: translateY(-3px) !important;
}

/* Cookie — kolej alt bar dili */
#cookie_alert {
	left: 16px !important;
	right: 16px !important;
	bottom: 16px !important;
	width: auto !important;
	max-width: 1080px;
	height: auto !important;
	min-height: 0 !important;
	margin: 0 auto !important;
	padding: 18px 22px !important;
	display: flex !important;
	align-items: center;
	justify-content: flex-start;
	gap: 12px 18px;
	flex-wrap: nowrap;
	background: rgba(11, 19, 41, 0.94) !important;
	border: 1px solid rgba(230, 182, 127, 0.28) !important;
	border-radius: 18px !important;
	line-height: 1.5 !important;
	color: var(--vk-white) !important;
	font-family: var(--vk-font-sans) !important;
	font-size: 14px !important;
	text-align: left !important;
	box-shadow: var(--vk-shadow-lg) !important;
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
	z-index: 9000 !important;
	opacity: 1;
	transform: translateY(0);
	transition: opacity 0.28s var(--vk-ease), transform 0.28s var(--vk-ease);
}
#cookie_alert.is-closing {
	opacity: 0 !important;
	transform: translateY(14px);
	pointer-events: none;
}
#cookie_alert.is-hidden {
	display: none !important;
}
#cookie_alert a {
	color: var(--vk-gold) !important;
	text-decoration: underline !important;
	text-underline-offset: 3px;
	font-family: var(--vk-font-sans) !important;
	flex-shrink: 0;
	white-space: nowrap;
}
#cookie_alert a:hover {
	color: var(--vk-white) !important;
}
#cookie_alert_button {
	float: none !important;
	margin: 0 0 0 auto !important;
	padding: 12px 22px !important;
	border-radius: var(--vk-pill) !important;
	background: var(--vk-gold) !important;
	color: var(--vk-navy) !important;
	font-family: var(--vk-font-sans) !important;
	font-weight: 650 !important;
	font-size: 14px !important;
	border: none !important;
	flex-shrink: 0;
	white-space: nowrap;
	cursor: pointer;
	transition: transform 0.25s var(--vk-ease), background-color 0.25s var(--vk-ease) !important;
}
#cookie_alert_button:hover {
	background: var(--vk-white) !important;
	color: var(--vk-navy) !important;
	transform: translateY(-1px);
}

/* Confirmation */
.question {
	font-family: var(--vk-font-sans) !important;
	background: var(--vk-navy) !important;
	border-radius: 18px !important;
	border-color: rgba(255, 255, 255, 0.2) !important;
}
.yes,
.cancel {
	background: var(--vk-gold) !important;
	color: var(--vk-navy) !important;
	border: none !important;
	border-radius: var(--vk-pill) !important;
	font-weight: 650;
}
.yes:hover,
.cancel:hover {
	background: var(--vk-white) !important;
	color: var(--vk-navy) !important;
}

/* Header + nav — tek bar (menu header icinde) */
.logo { display: none !important; }
.social, .info, .strip { display: none !important; }

.vk-brand {
	display: inline-flex !important;
	align-items: center;
	gap: 12px;
	text-decoration: none !important;
	color: var(--vk-navy) !important;
	flex: 0 0 auto;
	z-index: 2;
}
.vk-brand__crest {
	width: 42px !important;
	height: 42px !important;
	border-radius: 50%;
	object-fit: cover;
	box-shadow: none;
	background: rgba(255, 255, 255, 0.1);
}
.vk-brand__text {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 3px;
	line-height: 1;
	min-width: 0;
}
.vk-brand__wordmark {
	display: block;
	width: 124px;
	height: auto;
	color: inherit;
}
.vk-brand__tag {
	font-family: var(--vk-font-serif) !important;
	font-style: italic !important;
	font-size: 13px !important;
	font-weight: 550 !important;
	letter-spacing: 0.06em !important;
	color: #e8c46a !important;
	padding-left: 1px;
}
body:has(.vk-hero) .vk-brand, body:has(.vk-page-hero) .vk-brand{
	color: #fff !important;
}

header {
	position: sticky !important;
	top: 0;
	z-index: 5000;
	width: 100% !important;
	background: rgba(250, 250, 248, 0.92) !important;
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
	border-bottom: 1px solid rgba(11, 19, 41, 0.06);
	transition: background 0.3s var(--vk-ease), box-shadow 0.3s var(--vk-ease), border-color 0.3s var(--vk-ease);
}
header.is-scrolled {
	background: rgba(250, 250, 248, 0.98) !important;
	box-shadow: 0 12px 40px rgba(11, 19, 41, 0.08);
}
.header {
	width: min(100% - 32px, var(--vk-max)) !important;
	margin: 0 auto !important;
	min-height: var(--vk-header-h);
	padding: 12px 0 !important;
	display: flex !important;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	position: relative;
}
.vk-nav {
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
	flex: 1 1 auto;
	min-width: 0;
	width: auto !important;
	background: transparent !important;
	background-color: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}
nav.vk-nav.menu_fixed,
.vk-nav.menu_fixed,
.vk-page-hero nav.menu_fixed,
.vk-page-hero__crumb.menu_fixed,
.vk-page-hero__tabs.menu_fixed {
	position: static !important;
	top: auto !important;
	left: auto !important;
	right: auto !important;
	margin: 0 !important;
	z-index: auto !important;
	background: transparent !important;
	background-color: transparent !important;
	width: auto !important;
}
.vk-page-hero__tabs.menu_fixed {
	width: 100% !important;
}
.menu ul li,
.menu ul li:last-child {
	background: transparent !important;
	background-color: transparent !important;
	width: auto !important;
}
.menu ul li > a,
.menu ul li > a:hover,
.menu > ul > li:hover > a {
	background-image: none !important;
}
.menu ul li:not(.menu-cta) > a:hover,
.menu > ul > li:not(.menu-cta):hover > a {
	background: transparent !important;
	background-color: transparent !important;
}
.menu {
	width: 100%;
}
.menu > ul {
	display: flex !important;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: nowrap;
	gap: 16px;
	margin: 0 !important;
	padding: 0 !important;
}
.menu ul li {
	float: none !important;
	width: auto !important;
	text-align: center;
	position: relative;
	background: transparent !important;
}
.menu ul li a {
	display: block !important;
	padding: 12px 8px !important;
	line-height: 1.2 !important;
	font-size: 14px !important;
	font-weight: 550 !important;
	color: var(--vk-text) !important;
	border-bottom: none !important;
	border-radius: 0 !important;
	background: transparent !important;
	position: relative;
	transition: color 0.25s var(--vk-ease), background 0.25s var(--vk-ease) !important;
}
.menu ul li:not(.menu-cta) > a::after {
	content: "";
	position: absolute;
	left: 8px;
	right: 8px;
	bottom: 4px;
	height: 2px;
	background: var(--vk-gold);
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform 0.35s var(--vk-ease);
	pointer-events: none;
}
.menu ul li:not(.menu-cta) > a:hover::after,
.menu > ul > li:not(.menu-cta):hover > a::after,
.menu ul li:not(.menu-cta) > a.is-active::after {
	transform: scaleX(1);
}
.menu ul li a:hover,
.menu > ul > li:hover > a,
.menu ul li a.is-active {
	background: transparent !important;
	color: var(--vk-navy) !important;
}
.menu ul li.menu-cta > a,
.menu ul li.menu-cta > a.loginbuton {
	background: var(--vk-gold) !important;
	color: var(--vk-navy) !important;
	border-radius: var(--vk-pill) !important;
	border-bottom: none !important;
	padding: 11px 20px !important;
	font-weight: 700 !important;
	margin-left: 12px;
	position: relative !important;
	overflow: hidden !important;
	isolation: isolate;
	box-shadow: 0 8px 22px rgba(230, 182, 127, 0.28);
	animation: vk-cta-pulse 2.8s var(--vk-ease) infinite;
	transition: transform 0.3s var(--vk-ease), background 0.3s var(--vk-ease), color 0.3s var(--vk-ease), box-shadow 0.3s var(--vk-ease) !important;
}
.menu ul li.menu-cta > a::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(110deg, transparent 20%, rgba(255, 255, 255, 0.45) 48%, transparent 72%);
	transform: translateX(-130%);
	animation: vk-cta-shine 3.2s var(--vk-ease) infinite;
	pointer-events: none;
	z-index: 1;
}
.menu ul li.menu-cta > a::after {
	display: none !important;
}
.menu ul li.menu-cta > a:hover,
.menu > ul > li.menu-cta:hover > a {
	background: var(--vk-white) !important;
	color: var(--vk-navy) !important;
	border-bottom: none !important;
	transform: translateY(-2px) scale(1.02);
	box-shadow: 0 12px 28px rgba(230, 182, 127, 0.38);
	animation: none;
}
.menu ul li.menu-cta > a:hover::before {
	animation: none;
	opacity: 0;
}
@keyframes vk-cta-shine {
	0%, 35% { transform: translateX(-130%); }
	55% { transform: translateX(130%); }
	100% { transform: translateX(130%); }
}
@keyframes vk-cta-pulse {
	0%, 100% { box-shadow: 0 8px 22px rgba(230, 182, 127, 0.22); }
	50% { box-shadow: 0 10px 28px rgba(230, 182, 127, 0.42); }
}
@media (prefers-reduced-motion: reduce) {
	.menu ul li.menu-cta > a,
	.menu ul li.menu-cta > a::before,
	#mobilmenu ul li a[href="portala-giris"] {
		animation: none !important;
	}
}
.menu ul li ul {
	display: none;
	flex-direction: column !important;
	align-items: stretch !important;
	justify-content: flex-start !important;
	flex-wrap: nowrap !important;
	gap: 0 !important;
	position: absolute !important;
	right: 0;
	top: calc(100% + 8px);
	width: 280px !important;
	padding: 10px !important;
	background: var(--vk-white) !important;
	border: 1px solid var(--vk-line) !important;
	border-radius: 16px !important;
	box-shadow: var(--vk-shadow) !important;
	z-index: 1500;
}
.menu ul li ul li {
	width: 100% !important;
	border-bottom: 1px solid var(--vk-line) !important;
}
.menu ul li ul li:last-child {
	border-bottom: none !important;
	background: transparent !important;
	margin-left: 0 !important;
}
.menu ul li ul li a {
	padding: 14px 12px !important;
	font-size: 15px !important;
	color: var(--vk-text) !important;
	border-radius: 10px !important;
	border-bottom: none !important;
	line-height: 1.3 !important;
	margin-left: 0 !important;
	background: transparent !important;
	transform: none !important;
}
.menu ul li ul li a:hover {
	background: rgba(11, 19, 41, 0.06) !important;
	color: var(--vk-navy) !important;
	border-bottom: none !important;
}
.menu ul li.menu-cta > a.loginbuton {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	padding: 6px 16px 6px 8px !important;
	line-height: 1 !important;
	overflow: visible !important;
	animation: none !important;
}
.loginimg {
	width: 28px !important;
	height: 28px !important;
	border-radius: 50%;
	object-fit: cover;
	margin: 0 !important;
	flex: 0 0 28px;
	display: block !important;
}
.loginbuton,
.loginrotate {
	background-image: none !important;
	height: auto !important;
	font-size: 14px !important;
}
.menu ul li.menu-cta > a.loginbuton::before {
	display: none !important;
}

/* eski ayri nav kalintisi */
body > .container > nav:not(.vk-nav) { display: none !important; }

/* Full-bleed hero (kolej girisi) */
.vk-hero {
	position: relative;
	isolation: isolate;
	width: 100%;
	max-width: 100%;
	margin-left: 0;
	margin-right: 0;
	min-height: 100vh;
	min-height: 100dvh;
	display: flex;
	align-items: flex-end;
	overflow: hidden;
	background: var(--vk-navy) center / cover no-repeat;
	background-image: url("../video/hero/hero-poster.jpg");
	color: var(--vk-white);
}
.vk-hero__media {
	position: absolute;
	inset: 0;
	z-index: 0;
}
.vk-hero__video {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0;
	transition: opacity 1.1s var(--vk-ease);
}
.vk-hero__video.is-active {
	opacity: 1;
}
.vk-hero__shade {
	position: absolute;
	inset: 0;
	z-index: 1;
	background:
		linear-gradient(180deg, rgba(11, 19, 41, 0.72) 0%, rgba(11, 19, 41, 0.22) 34%, rgba(11, 19, 41, 0.78) 100%),
		linear-gradient(90deg, rgba(11, 19, 41, 0.5) 0%, transparent 58%);
	pointer-events: none;
}
.vk-hero__content {
	position: relative;
	z-index: 2;
	width: min(100% - 48px, var(--vk-max));
	margin: 0 auto;
	padding: calc(var(--vk-header-h) + 64px) 0 48px;
}
.vk-hero__eyebrow {
	margin: 0 0 18px !important;
	font-family: var(--vk-font-sans) !important;
	font-size: 12px !important;
	font-weight: 650 !important;
	letter-spacing: 0.14em !important;
	text-transform: uppercase !important;
	color: var(--vk-gold) !important;
	line-height: 1.5 !important;
	display: inline-flex !important;
	align-items: center;
	gap: 14px;
}
.vk-hero__eyebrow::before {
	content: "";
	display: inline-block;
	width: 28px;
	height: 1px;
	background: var(--vk-gold);
	flex: 0 0 auto;
}
.vk-hero__title {
	margin: 0 !important;
	max-width: 14ch;
	font-family: var(--vk-font-serif) !important;
	font-size: clamp(42px, 7vw, 84px) !important;
	font-weight: 550 !important;
	line-height: 1.05 !important;
	letter-spacing: -0.02em !important;
	color: var(--vk-white) !important;
}
.vk-hero__title em {
	font-style: italic !important;
	color: var(--vk-gold) !important;
}
.vk-hero__bottom {
	margin-top: 40px;
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 28px 40px;
	align-items: end;
}
.vk-hero__play {
	display: inline-flex !important;
	align-items: center;
	gap: 14px;
	color: var(--vk-white) !important;
	font-size: 14px !important;
	font-weight: 650 !important;
	text-decoration: none !important;
}
.vk-hero__play-icon {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.14);
	border: 1px solid rgba(255, 255, 255, 0.4);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	position: relative;
	transition: transform 0.35s var(--vk-ease), background 0.35s var(--vk-ease), border-color 0.35s var(--vk-ease);
}
.vk-hero__play-icon::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 52%;
	transform: translate(-40%, -50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 0 7px 12px;
	border-color: transparent transparent transparent var(--vk-white);
}
.vk-hero__play:hover .vk-hero__play-icon {
	transform: scale(1.08);
	background: var(--vk-burgundy);
	border-color: var(--vk-burgundy);
}
.vk-hero__stats {
	margin: 0;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 18px 28px;
	border-left: 1px solid rgba(255, 255, 255, 0.2);
	padding-left: 28px;
}
.vk-hero__stats dt {
	margin: 0;
	min-height: 2.6em;
	font-family: var(--vk-font-sans) !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	letter-spacing: 0.08em !important;
	text-transform: uppercase !important;
	color: rgba(255, 255, 255, 0.55) !important;
	line-height: 1.35 !important;
}
.vk-hero__stats dd {
	margin: 6px 0 0 !important;
	font-family: var(--vk-font-serif) !important;
	font-size: clamp(28px, 3.4vw, 40px) !important;
	font-weight: 550 !important;
	color: var(--vk-white) !important;
	line-height: 1 !important;
}
.vk-hero__explore {
	position: absolute;
	right: 32px;
	top: 50%;
	z-index: 3;
	transform: translateY(-50%);
	display: none;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	color: rgba(255, 255, 255, 0.55) !important;
	text-decoration: none !important;
}
.vk-hero__explore span {
	writing-mode: vertical-rl;
	font-size: 11px;
	font-weight: 650;
	letter-spacing: 0.18em;
	text-transform: uppercase;
}
.vk-hero__explore::after {
	content: "";
	width: 1px;
	height: 56px;
	background: linear-gradient(180deg, rgba(255,255,255,0.55), transparent);
	animation: vk-explore 1.6s var(--vk-ease) infinite;
}
@keyframes vk-explore {
	0%, 100% { transform: scaleY(0.7); opacity: 0.35; }
	50% { transform: scaleY(1); opacity: 1; }
}
@media (min-width: 1025px) {
	.vk-hero__explore {
		display: flex;
	}
}

/* Hero ustunde overlay header */
body:has(.vk-hero), body:has(.vk-page-hero) {
	background: var(--vk-bg) !important;
}
body:has(.vk-hero) .container, body:has(.vk-page-hero) .container{
	width: 100% !important;
	max-width: none !important;
	overflow-x: clip !important;
	overflow-y: visible !important;
	background: var(--vk-bg);
	display: flow-root;
}
body:has(.vk-hero) .vk-nav, body:has(.vk-page-hero) .vk-nav,
body:has(.vk-hero) nav.vk-nav, body:has(.vk-page-hero) nav.vk-nav{
	background: transparent !important;
	background-color: transparent !important;
}
body:has(.vk-hero) header:not(.period__head), body:has(.vk-page-hero) header:not(.period__head){
	position: absolute !important;
	top: 0;
	left: 0;
	right: 0;
	z-index: 5000 !important;
	background: transparent !important;
	border-bottom: 1px solid transparent;
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
	pointer-events: none;
}
body:has(.vk-hero) header:not(.period__head) .header, body:has(.vk-page-hero) header:not(.period__head) .header,
body:has(.vk-hero) header:not(.period__head) .vk-brand, body:has(.vk-page-hero) header:not(.period__head) .vk-brand,
body:has(.vk-hero) header:not(.period__head) .vk-nav, body:has(.vk-page-hero) header:not(.period__head) .vk-nav,
body:has(.vk-hero) header:not(.period__head) .menu a, body:has(.vk-page-hero) header:not(.period__head) .menu a{
	pointer-events: auto;
}
body:has(.vk-hero) header:not(.period__head).is-scrolled, body:has(.vk-page-hero) header:not(.period__head).is-scrolled{
	position: fixed !important;
	background: rgba(11, 19, 41, 0.92) !important;
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
	border-bottom-color: rgba(255, 255, 255, 0.08);
	box-shadow: 0 16px 40px rgba(0, 0, 0, 0.22);
}
body:has(.vk-hero) .vk-brand, body:has(.vk-page-hero) .vk-brand{
	color: var(--vk-white) !important;
}
body:has(.vk-hero) .vk-brand__tag, body:has(.vk-page-hero) .vk-brand__tag{
	color: #e8c46a !important;
}
body:has(.vk-hero) .menu ul li a, body:has(.vk-page-hero) .menu ul li a{
	color: rgba(255, 255, 255, 0.92) !important;
}
body:has(.vk-hero) .menu ul li a:hover, body:has(.vk-page-hero) .menu ul li a:hover,
body:has(.vk-hero) .menu > ul > li:hover > a, body:has(.vk-page-hero) .menu > ul > li:hover > a,
body:has(.vk-hero) .menu ul li a.is-active, body:has(.vk-page-hero) .menu ul li a.is-active{
	color: var(--vk-white) !important;
}
body:has(.vk-hero) .menu ul li.menu-cta > a, body:has(.vk-page-hero) .menu ul li.menu-cta > a,
body:has(.vk-hero) .menu ul li.menu-cta > a.loginbuton, body:has(.vk-page-hero) .menu ul li.menu-cta > a.loginbuton{
	background: var(--vk-gold) !important;
	color: var(--vk-navy) !important;
}
body:has(.vk-hero) .menu ul li.menu-cta > a:hover, body:has(.vk-page-hero) .menu ul li.menu-cta > a:hover,
body:has(.vk-hero) .menu > ul > li.menu-cta:hover > a, body:has(.vk-page-hero) .menu > ul > li.menu-cta:hover > a,
body:has(.vk-hero) .menu ul li.menu-cta > a.loginbuton:hover, body:has(.vk-page-hero) .menu ul li.menu-cta > a.loginbuton:hover{
	background: var(--vk-white) !important;
	color: var(--vk-navy) !important;
}
body:has(.vk-hero) .menu ul li ul li a,
body:has(.vk-page-hero) .menu ul li ul li a,
body:has(.vk-hero) .menu ul li ul.loginmenu li a,
body:has(.vk-page-hero) .menu ul li ul.loginmenu li a{
	color: var(--vk-navy) !important;
	background: transparent !important;
}
body:has(.vk-hero) .menu ul li ul li a:hover,
body:has(.vk-page-hero) .menu ul li ul li a:hover,
body:has(.vk-hero) .menu ul li ul.loginmenu li a:hover,
body:has(.vk-page-hero) .menu ul li ul.loginmenu li a:hover{
	color: var(--vk-navy) !important;
	background: rgba(11, 19, 41, 0.06) !important;
}
body:has(.vk-hero) #vk-kariyer, body:has(.vk-page-hero) #vk-kariyer{
	position: relative;
	z-index: 1;
	background: var(--vk-bg);
	padding-top: 40px;
}

/* Video modal */
/* hidden handled with is-open animation */
.vk-modal {
	position: fixed;
	inset: 0;
	z-index: 10000;
	display: grid;
	place-items: center;
	padding: 24px;
}
.vk-modal__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(8, 12, 24, 0.78);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
}
.vk-modal__dialog {
	position: relative;
	z-index: 1;
	width: min(960px, 100%);
	background: #000;
	border-radius: 18px;
	overflow: hidden;
	box-shadow: var(--vk-shadow-lg);
}
.vk-modal__close {
	position: absolute;
	top: 10px;
	right: 12px;
	z-index: 2;
	width: 40px;
	height: 40px;
	border: 0;
	border-radius: 50%;
	background: rgba(255,255,255,0.16);
	color: #fff;
	font-size: 28px;
	line-height: 1;
	cursor: pointer;
}
.vk-modal__frame {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
	background: #000;
}
.vk-modal__video {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
	background: #000;
}
.vk-hero__play {
	border: 0;
	background: transparent;
	cursor: pointer;
	font: inherit;
}
.mobilmenulogo {
	display: flex !important;
	align-items: center;
	gap: 10px;
}
.mobilmenulogo img {
	width: 36px;
	height: 36px;
	border-radius: 50%;
}
.mobilmenulogo span {
	font-family: var(--vk-font-sans) !important;
	font-size: 12px;
	font-weight: 750;
	letter-spacing: 0.1em;
	color: var(--vk-white);
}

/* Homepage — period / 3 adım süreci */
#vk-kariyer {
	background: var(--vk-bg);
	position: relative;
	z-index: 1;
}
.period {
	width: min(100% - 32px, var(--vk-max)) !important;
	margin: 24px auto 56px !important;
	float: none !important;
}
.period__head {
	margin: 0 0 28px;
	max-width: 640px;
	text-align: left;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	position: relative !important;
	top: auto !important;
	left: auto !important;
	right: auto !important;
	z-index: auto !important;
	pointer-events: auto !important;
	background: transparent !important;
}
.period__eyebrow {
	margin: 0 0 14px !important;
	font-family: var(--vk-font-sans) !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	letter-spacing: 0.16em !important;
	text-transform: uppercase !important;
	color: var(--vk-burgundy) !important;
	display: inline-flex !important;
	align-items: center;
	gap: 12px;
}
.period__eyebrow::before {
	content: "";
	width: 24px;
	height: 1px;
	background: var(--vk-burgundy);
	flex: 0 0 auto;
}
.period__title {
	margin: 0 !important;
	font-family: var(--vk-font-serif) !important;
	font-size: clamp(30px, 4vw, 44px) !important;
	font-weight: 540 !important;
	line-height: 1.15 !important;
	color: var(--vk-navy) !important;
	letter-spacing: -0.02em;
}
.period__list {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 40px;
	position: relative;
}
.period__list::before {
	content: "";
	position: absolute;
	top: 40px;
	left: calc(16.666% + 22px);
	right: calc(16.666% + 22px);
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(230, 182, 127, 0.55), transparent);
	pointer-events: none;
	z-index: 0;
	transform: scaleX(0);
	transform-origin: center;
	transition: transform 0.9s var(--vk-ease) 0.28s;
}
.period:has(.period__item.is-visible) .period__list::before {
	transform: scaleX(1);
}
.period__item {
	position: relative;
	z-index: 1;
	float: none !important;
	width: auto !important;
	margin: 0 !important;
	padding: 32px 28px 36px !important;
	background: var(--vk-white) !important;
	background-image: none !important;
	border: 1px solid rgba(18, 36, 72, 0.08) !important;
	border-radius: 22px !important;
	box-shadow: 0 10px 28px rgba(18, 36, 72, 0.05) !important;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 14px;
	transition: opacity 0.8s var(--vk-ease), transform 0.8s var(--vk-ease), border-color 0.35s var(--vk-ease), box-shadow 0.4s var(--vk-ease) !important;
}
.period__item.reveal:not(.is-visible) {
	opacity: 0;
	transform: translateY(36px) scale(0.96);
}
.period__item.reveal.is-visible {
	opacity: 1;
	transform: none;
}
.period__item.reveal.is-visible:hover {
	transform: translateY(-8px);
	border-color: rgba(230, 182, 127, 0.65) !important;
	box-shadow: 0 18px 40px rgba(18, 36, 72, 0.1) !important;
}
.period__num {
	display: grid;
	place-items: center;
	width: 52px;
	height: 52px;
	border-radius: 50%;
	background: linear-gradient(145deg, rgba(230, 182, 127, 0.28), rgba(230, 182, 127, 0.1));
	border: 1px solid rgba(230, 182, 127, 0.55);
	font-family: var(--vk-font-serif) !important;
	font-size: 18px !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	color: var(--vk-navy) !important;
	letter-spacing: 0.02em;
	box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.95);
	transform: scale(0.7);
	opacity: 0;
	transition: transform 0.55s var(--vk-ease), opacity 0.55s var(--vk-ease);
}
.period__item.is-visible .period__num {
	transform: scale(1);
	opacity: 1;
	transition-delay: 0.12s;
}
.period__name {
	display: block;
	margin: 4px 0 0 !important;
	font-family: var(--vk-font-serif) !important;
	font-size: clamp(22px, 2.1vw, 28px) !important;
	font-weight: 540 !important;
	line-height: 1.2 !important;
	color: var(--vk-navy) !important;
}
.period__desc {
	margin: 0 !important;
	font-family: var(--vk-font-sans) !important;
	font-size: 15px !important;
	line-height: 1.6 !important;
	color: var(--vk-muted) !important;
	max-width: 28ch;
}

/* Did you know — navy pro band */
.didyouknowmain {
	background: linear-gradient(165deg, var(--vk-navy) 0%, #121c38 42%, #182848 100%) !important;
	position: relative;
	overflow: hidden;
	padding: 0;
}
.didyouknowmain::before {
	content: "";
	position: absolute;
	right: -12%;
	top: -30%;
	width: 520px;
	height: 520px;
	background: radial-gradient(circle, rgba(230, 182, 127, 0.18), transparent 68%);
	pointer-events: none;
	display: block;
}
.didyouknowmain::after {
	content: "";
	position: absolute;
	left: -10%;
	bottom: -35%;
	width: 420px;
	height: 420px;
	background: radial-gradient(circle, rgba(255, 255, 255, 0.05), transparent 70%);
	pointer-events: none;
	display: block;
}
.didyouknow {
	width: min(100% - 32px, var(--vk-max)) !important;
	margin: 0 auto !important;
	padding: 72px 0 80px !important;
	position: relative;
	z-index: 1;
	display: block !important;
}
.didyouknow_title {
	margin: 0 0 40px !important;
	max-width: 760px;
	text-align: left;
}
.didyouknow__eyebrow {
	margin: 0 0 14px !important;
	font-family: var(--vk-font-sans) !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	letter-spacing: 0.16em !important;
	text-transform: uppercase !important;
	color: var(--vk-gold) !important;
	display: inline-flex !important;
	align-items: center;
	gap: 12px;
}
.didyouknow__eyebrow::before {
	content: "";
	width: 24px;
	height: 1px;
	background: var(--vk-gold);
	flex: 0 0 auto;
}
.didyouknow_title h2 {
	font-family: var(--vk-font-serif) !important;
	font-size: clamp(32px, 4.4vw, 48px) !important;
	font-weight: 540 !important;
	color: var(--vk-white) !important;
	line-height: 1.12 !important;
	margin: 0 !important;
	text-transform: none !important;
	letter-spacing: -0.02em;
}
.didyouknow_content {
	font-family: var(--vk-font-sans) !important;
}
.didyouknow_content ul {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 18px;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}
.didyouknow_content ul li {
	float: none !important;
	width: auto !important;
	margin: 0 !important;
	padding: 28px 26px 30px !important;
	text-align: center !important;
	font-size: 14.5px !important;
	line-height: 1.55 !important;
	color: rgba(255, 255, 255, 0.9) !important;
	background: rgba(255, 255, 255, 0.05) !important;
	border: 1px solid rgba(255, 255, 255, 0.12) !important;
	border-radius: 22px;
	overflow: hidden;
	box-shadow: 0 14px 36px rgba(0, 0, 0, 0.16);
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 18px;
	position: relative;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	transition: transform 0.45s var(--vk-ease), background 0.35s var(--vk-ease), border-color 0.35s var(--vk-ease), box-shadow 0.45s var(--vk-ease);
}
.didyouknow_content ul li::before {
	content: "";
	position: absolute;
	inset: 0;
	background: radial-gradient(120% 80% at 12% 0%, rgba(255, 255, 255, 0.08), transparent 55%);
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.45s var(--vk-ease);
	z-index: 0;
}
.didyouknow_content ul li::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 2px;
	background: linear-gradient(90deg, var(--vk-gold), transparent 85%);
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform 0.4s var(--vk-ease);
	z-index: 2;
}
.didyouknow_content ul li:hover {
	transform: translateY(-8px);
	background: rgba(255, 255, 255, 0.09) !important;
	border-color: rgba(230, 182, 127, 0.38) !important;
	box-shadow: 0 22px 48px rgba(0, 0, 0, 0.26);
}
.didyouknow_content ul li:hover::before {
	opacity: 1;
}
.didyouknow_content ul li:hover::after {
	transform: scaleX(1);
}
.didyouknow_content ul li:nth-child(4n) {
	margin-right: 0 !important;
}
.didyouknow_content ul .clear {
	display: none !important;
}
.didyouknow_content ul li img {
	width: 58px !important;
	height: 58px !important;
	object-fit: contain;
	margin: 0 !important;
	border-radius: 0 !important;
	display: block;
	position: relative;
	z-index: 1;
	mix-blend-mode: screen;
	filter: grayscale(1) brightness(1.75) contrast(1.05);
	opacity: 0.88;
	animation: vk-dyk-float 4.6s ease-in-out infinite;
	transition: transform 0.45s var(--vk-ease), opacity 0.35s var(--vk-ease), filter 0.35s var(--vk-ease);
}
.didyouknow_content ul li:nth-child(2) img { animation-delay: 0.35s; }
.didyouknow_content ul li:nth-child(3) img { animation-delay: 0.7s; }
.didyouknow_content ul li:nth-child(4) img { animation-delay: 1.05s; }
.didyouknow_content ul li:nth-child(5) img { animation-delay: 0.2s; }
.didyouknow_content ul li:nth-child(6) img { animation-delay: 0.55s; }
.didyouknow_content ul li:nth-child(7) img { animation-delay: 0.9s; }
.didyouknow_content ul li:nth-child(8) img { animation-delay: 1.25s; }
.didyouknow_content ul li:hover img {
	animation-play-state: paused;
	transform: scale(1.08) translateY(-2px);
	opacity: 1;
	filter: grayscale(1) brightness(2) contrast(1.05);
}
.didyouknow_content ul li span {
	display: block;
	padding: 0;
	position: relative;
	z-index: 1;
	text-align: center;
	color: rgba(255, 255, 255, 0.88);
	font-size: 14.5px;
	line-height: 1.62;
}

/* Uluslararası iş birlikleri */
.vk-partners {
	background: var(--vk-bg);
	padding: 64px 0 28px;
	overflow: hidden;
}
.vk-partners__inner {
	width: min(100% - 32px, var(--vk-max));
	margin: 0 auto 36px;
}
.vk-partners__eyebrow {
	margin: 0 0 14px !important;
	font-family: var(--vk-font-sans) !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	letter-spacing: 0.16em !important;
	text-transform: uppercase !important;
	color: var(--vk-burgundy) !important;
	display: inline-flex !important;
	align-items: center;
	gap: 12px;
}
.vk-partners__eyebrow::before {
	content: "";
	width: 24px;
	height: 1px;
	background: var(--vk-burgundy);
	flex: 0 0 auto;
}
.vk-partners__title {
	margin: 0 !important;
	font-family: var(--vk-font-serif) !important;
	font-size: clamp(30px, 4.2vw, 48px) !important;
	font-weight: 540 !important;
	line-height: 1.12 !important;
	color: var(--vk-navy) !important;
	letter-spacing: -0.02em;
	font-style: normal !important;
}
.vk-partners__title em {
	font-style: italic;
	color: var(--vk-navy-soft);
	font-weight: 500;
}
.vk-partners__marquee {
	width: min(100% - 32px, var(--vk-max));
	margin: 0 auto;
	border-top: 1px solid var(--vk-line);
	border-bottom: 1px solid var(--vk-line);
	padding: 22px 0;
	overflow: hidden;
	-webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
	mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}
.vk-partners__track {
	display: flex;
	width: max-content;
	align-items: center;
	gap: 48px;
	padding-right: 48px;
	animation: vk-partners-marquee 55s linear infinite;
}
.vk-partners__marquee:hover .vk-partners__track {
	animation-play-state: paused;
}
.vk-partners__logo {
	display: block;
	flex: 0 0 auto;
	width: 140px;
	height: 64px;
	opacity: 0.78;
	transition: opacity 0.3s var(--vk-ease);
}
.vk-partners__logo:hover {
	opacity: 1;
}
.vk-partners__logo img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: block;
}
.vk-partners__sr-only {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
	list-style: none !important;
}
@keyframes vk-partners-marquee {
	from { transform: translateX(0); }
	to { transform: translateX(-50%); }
}
@media (prefers-reduced-motion: reduce) {
	.vk-partners__track {
		animation: none;
		flex-wrap: wrap;
		width: 100%;
		margin: 0 auto;
		justify-content: center;
		gap: 28px 36px;
		padding: 8px 0;
	}
	.vk-partners__marquee {
		-webkit-mask-image: none;
		mask-image: none;
	}
	.vk-partners__logo:nth-child(n+22) {
		display: none;
	}
}

/* Kurucu mesajı */
.vk-founder {
	background: linear-gradient(165deg, var(--vk-navy) 0%, #121c38 48%, #182848 100%);
	padding: 56px 0 0;
	overflow: hidden;
}
.vk-founder__inner {
	width: min(100% - 32px, var(--vk-max));
	margin: 0 auto;
	display: grid;
	grid-template-columns: 1.25fr 0.75fr;
	gap: 40px;
	align-items: end;
}
.vk-founder__copy {
	padding: 12px 0 56px;
}
.vk-founder__eyebrow {
	margin: 0 0 18px !important;
	font-family: var(--vk-font-sans) !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	letter-spacing: 0.16em !important;
	text-transform: uppercase !important;
	color: var(--vk-gold) !important;
	display: inline-flex !important;
	align-items: center;
	gap: 12px;
}
.vk-founder__eyebrow::before {
	content: "";
	width: 24px;
	height: 1px;
	background: var(--vk-gold);
	flex: 0 0 auto;
}
.vk-founder__quote {
	margin: 0 !important;
	max-width: 34ch;
	font-family: var(--vk-font-serif) !important;
	font-size: clamp(28px, 3.6vw, 44px) !important;
	font-weight: 500 !important;
	font-style: italic;
	line-height: 1.28 !important;
	color: rgba(255, 255, 255, 0.96);
	letter-spacing: -0.01em;
}
.vk-founder__quote em {
	font-style: italic;
	color: rgba(255, 255, 255, 0.55);
	font-weight: 450;
}
.vk-founder__meta {
	margin-top: 36px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 20px 32px;
}
.vk-founder__name {
	font-family: var(--vk-font-serif) !important;
	font-size: 24px !important;
	font-weight: 540 !important;
	color: var(--vk-white) !important;
	line-height: 1.2;
}
.vk-founder__role {
	margin-top: 6px;
	font-family: var(--vk-font-sans) !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	letter-spacing: 0.16em !important;
	text-transform: uppercase !important;
	color: var(--vk-gold) !important;
}
.vk-founder__cta {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	min-height: 44px;
	padding: 10px 22px;
	border: 1px solid rgba(230, 182, 127, 0.42);
	border-radius: var(--vk-pill);
	background: transparent;
	font-family: var(--vk-font-sans) !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	letter-spacing: 0.16em !important;
	text-transform: uppercase !important;
	text-decoration: none !important;
	color: var(--vk-gold) !important;
	cursor: pointer;
	transition: background 0.3s var(--vk-ease), color 0.3s var(--vk-ease), border-color 0.3s var(--vk-ease), transform 0.3s var(--vk-ease);
}
.vk-founder-modal {
	z-index: 10020;
	padding: 24px 16px;
}
.vk-founder-modal__close {
	position: absolute;
	top: 18px;
	right: 18px;
	z-index: 3;
	width: 44px;
	height: 44px;
	border: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.12);
	color: #fff;
	font-size: 28px;
	line-height: 1;
	cursor: pointer;
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	transition: background 0.25s var(--vk-ease);
}
.vk-founder-modal__close:hover {
	background: rgba(255, 255, 255, 0.22);
}
.vk-founder-modal__dialog {
	position: relative;
	z-index: 1;
	width: min(100% - 32px, var(--vk-max));
	max-height: 86vh;
}
.vk-founder-modal__panel {
	max-height: 86vh;
	overflow-y: auto;
	overscroll-behavior: contain;
	background: var(--vk-bg);
	border-radius: 24px 0 0 24px;
	padding: 40px 32px 48px;
	color: var(--vk-text);
	box-shadow: var(--vk-shadow-lg);
}
.vk-founder-modal.is-open {
	overscroll-behavior: none;
}
.vk-founder-modal .vk-modal__backdrop {
	touch-action: none;
}
@media (min-width: 768px) {
	.vk-founder-modal__panel {
		padding: 48px 56px 56px;
	}
	.vk-founder-modal__close {
		top: 24px;
		right: 24px;
	}
}
.vk-founder-modal__eyebrow {
	margin: 0 0 12px !important;
	font-family: var(--vk-font-sans) !important;
	font-size: 11.5px !important;
	font-weight: 700 !important;
	letter-spacing: 0.24em !important;
	text-transform: uppercase !important;
	color: var(--vk-burgundy) !important;
}
.vk-founder-modal__title {
	margin: 0 !important;
	font-family: var(--vk-font-serif) !important;
	font-size: clamp(26px, 3.4vw, 38px) !important;
	font-weight: 540 !important;
	line-height: 1.12 !important;
	color: var(--vk-navy) !important;
	letter-spacing: -0.02em;
}
.vk-founder-modal__body {
	margin-top: 28px;
	font-family: var(--vk-font-sans) !important;
	font-size: 16px !important;
	line-height: 1.8 !important;
	color: var(--vk-muted);
}
.vk-founder-modal__body p {
	margin: 0 0 1.1em !important;
}
.vk-founder-modal__body p:last-child {
	margin-bottom: 0 !important;
}
.vk-founder-modal__videos {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
	margin-top: 36px;
}
.vk-founder-modal__video {
	position: relative;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	border-radius: 14px;
	background: #000;
}
.vk-founder-modal__play {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	padding: 0;
	border: 0;
	background: transparent;
	cursor: pointer;
}
.vk-founder-modal__play img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.7s var(--vk-ease);
}
.vk-founder-modal__play::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	background: rgba(11, 19, 41, 0.3);
	transition: background 0.35s var(--vk-ease);
}
.vk-founder-modal__play-icon {
	position: absolute;
	inset: 0;
	z-index: 2;
	display: grid;
	place-items: center;
}
.vk-founder-modal__play-icon::before {
	content: "";
	width: 72px;
	height: 72px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.15);
	border: 1px solid rgba(255, 255, 255, 0.4);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
	transition: transform 0.45s var(--vk-ease), background 0.35s var(--vk-ease), border-color 0.35s var(--vk-ease);
}
.vk-founder-modal__play-icon::after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 0 10px 16px;
	border-color: transparent transparent transparent #fff;
	margin-left: 3px;
	transition: transform 0.45s var(--vk-ease);
}
.vk-founder-modal__play:hover img {
	transform: scale(1.05);
}
.vk-founder-modal__play:hover::before {
	background: rgba(11, 19, 41, 0.15);
}
.vk-founder-modal__play:hover .vk-founder-modal__play-icon::before {
	transform: scale(1.1);
	background: var(--vk-burgundy);
	border-color: var(--vk-burgundy);
}
.vk-founder-modal__video.is-playing .vk-founder-modal__play {
	display: none;
}
.vk-founder-modal__frame {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
	background: #000;
}
@media (max-width: 640px) {
	.vk-founder-modal__videos {
		grid-template-columns: 1fr;
		gap: 14px;
		margin-top: 28px;
	}
	.vk-founder-modal__play-icon::before {
		width: 56px;
		height: 56px;
	}
}
.vk-modal.is-open .vk-founder-modal__dialog {
	transform: translateY(0) scale(1);
	opacity: 1;
}
.vk-founder-modal__dialog {
	transform: translateY(18px) scale(0.96);
	opacity: 0;
	transition: transform 0.4s var(--vk-ease), opacity 0.4s var(--vk-ease);
}
.vk-founder__cta span {
	transition: transform 0.35s var(--vk-ease);
}
.vk-founder__cta:hover {
	background: var(--vk-gold);
	border-color: var(--vk-gold);
	color: var(--vk-navy) !important;
}
.vk-founder__cta:hover span {
	transform: translateX(4px);
}
.vk-founder__media {
	position: relative;
	justify-self: end;
	width: min(100%, 420px);
}
.vk-founder__media::before {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 130%;
	height: 85%;
	transform: translateX(-50%);
	border-radius: 999px 999px 0 0;
	background: radial-gradient(60% 75% at 50% 100%, rgba(230, 182, 127, 0.25), rgba(43, 75, 124, 0.18) 55%, transparent 80%);
	pointer-events: none;
	z-index: 0;
}
.vk-founder__media img {
	position: relative;
	z-index: 1;
	display: block;
	width: 100%;
	height: auto;
	object-fit: contain;
	object-position: bottom center;
	filter: drop-shadow(0 30px 60px rgba(0, 0, 0, 0.45));
}
/* --- */

/* Kariyer alanları — kolej kart şeridi */
.vk-areas {
	width: min(100% - 32px, var(--vk-max));
	margin: 36px auto 40px;
	padding: 0;
}
.vk-areas__head {
	margin: 0 0 28px;
	max-width: 640px;
	text-align: left;
}
.vk-areas__eyebrow {
	margin: 0 0 12px !important;
	font-family: var(--vk-font-sans) !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	letter-spacing: 0.16em !important;
	text-transform: uppercase !important;
	color: var(--vk-burgundy) !important;
	display: inline-flex !important;
	align-items: center;
	gap: 12px;
}
.vk-areas__eyebrow::before {
	content: "";
	width: 24px;
	height: 1px;
	background: var(--vk-burgundy);
	flex: 0 0 auto;
}
.vk-areas__title {
	margin: 0 !important;
	font-family: var(--vk-font-serif) !important;
	font-size: clamp(30px, 4vw, 44px) !important;
	font-weight: 540 !important;
	line-height: 1.15 !important;
	color: var(--vk-navy) !important;
	letter-spacing: -0.02em;
}
#homepage {
	display: grid !important;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 18px;
	overflow: visible !important;
	cursor: pointer;
	border-top: none;
}
#homepage .clear {
	display: none !important;
}
.homebox {
	float: none !important;
	width: auto !important;
	min-height: 0;
	aspect-ratio: 1.75 / 1;
	margin: 0 !important;
	padding: 0 !important;
	display: block;
	position: relative;
	isolation: isolate;
	background: var(--vk-navy) !important;
	border: 1px solid rgba(18, 36, 72, 0.12) !important;
	border-radius: 20px !important;
	overflow: hidden;
	box-shadow: 0 10px 28px rgba(18, 36, 72, 0.06) !important;
	transition: transform 0.35s var(--vk-ease), border-color 0.35s var(--vk-ease), box-shadow 0.35s var(--vk-ease) !important;
}
.homebox::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 3px;
	background: var(--vk-burgundy);
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform 0.35s var(--vk-ease);
	z-index: 4;
}
.homebox:hover,
.homebox.is-active {
	transform: translateY(-6px);
	filter: none;
	z-index: 1;
	border-color: rgba(230, 182, 127, 0.5) !important;
	box-shadow: 0 18px 40px rgba(18, 36, 72, 0.14) !important;
}
.homebox.is-active::after,
.homebox:hover::after {
	transform: scaleX(1);
}
.homebox:nth-child(1),
.homebox:nth-child(2),
.homebox:nth-child(3),
.homebox:nth-child(4),
.homebox:nth-child(5) {
	background: linear-gradient(165deg, #15264a 0%, var(--vk-navy) 100%) !important;
}
.homeimage {
	height: 100% !important;
	min-height: 0 !important;
	margin: 0 !important;
	background-color: transparent !important;
	background-size: clamp(72px, 42%, 112px) auto !important;
	background-repeat: no-repeat !important;
	background-position: center 28% !important;
	opacity: 1;
	text-indent: -9999px !important;
	overflow: hidden !important;
	color: transparent !important;
	position: absolute;
	inset: 0;
	z-index: 1;
}
.homeimage::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(11, 19, 41, 0) 35%, rgba(11, 19, 41, 0.78) 100%);
	pointer-events: none;
}
.hometext {
	height: auto !important;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	padding: 18px 16px 22px !important;
	background: transparent !important;
}
.hometext h3 {
	height: auto !important;
	margin: 0 !important;
	font-family: var(--vk-font-serif) !important;
	font-size: clamp(16px, 1.2vw, 19px) !important;
	font-weight: 550 !important;
	line-height: 1.25 !important;
	color: var(--vk-white) !important;
	text-shadow: 0 1px 12px rgba(0, 0, 0, 0.25) !important;
}
.homemain {
	position: relative;
	margin: 0 0 24px;
}
.homemainbox {
	width: min(100% - 32px, var(--vk-max)) !important;
	margin: 0 auto !important;
	padding: 48px 8px 56px !important;
}
.tabmain1,
.tabmain2,
.tabmain3,
.tabmain4,
.tabmain5 {
	display: none;
	background: var(--vk-bg) !important;
	border-top: 1px solid rgba(18, 36, 72, 0.06);
}
.tabmain1,
.tabmain2,
.tabmain3,
.tabmain4,
.tabmain5 {
	background: var(--vk-bg) !important;
}
.hometitle {
	font-family: var(--vk-font-serif) !important;
	font-size: clamp(26px, 3vw, 38px) !important;
	font-weight: 540 !important;
	text-shadow: none !important;
	color: var(--vk-navy) !important;
	line-height: 1.2 !important;
	margin: 0 0 18px !important;
	letter-spacing: -0.01em;
}
.homecontent {
	font-family: var(--vk-font-sans) !important;
	color: var(--vk-text) !important;
	line-height: 1.75 !important;
	max-width: 920px;
	font-size: 16.5px !important;
}
.homecontent p {
	margin: 0 0 14px !important;
}
.homecontent ul {
	margin: 12px 0 0 !important;
	padding: 0 0 0 18px !important;
}
.homecontent li {
	margin: 0 0 8px !important;
}

/* Main / inner pages */
main {
	padding-bottom: 0 !important;
}
.main {
	width: min(100% - 32px, var(--vk-max)) !important;
	margin: 0 auto !important;
	padding: 18px 0 56px !important;
	font-family: var(--vk-font-sans) !important;
}
.pagetitle,
.pagetitle h2 {
	font-family: var(--vk-font-serif) !important;
	font-size: clamp(28px, 4vw, 44px) !important;
	font-weight: 540 !important;
	color: var(--vk-navy) !important;
	line-height: 1.2 !important;
	text-align: center;
	margin: 28px 0 36px !important;
}
.positions {
	padding: 28px !important;
	margin-bottom: 32px !important;
	background: var(--vk-white);
	border: 1px solid var(--vk-line);
	border-radius: 24px !important;
	box-shadow: var(--vk-shadow) !important;
	transition: transform 0.35s var(--vk-ease), box-shadow 0.35s var(--vk-ease);
}
.positions:hover {
	transform: translateY(-3px);
	box-shadow: var(--vk-shadow-lg);
}
.positions_title,
.positions_title h2,
.positions_title h3,
.positions_title h4,
.positions_title h5,
.positions_title h6 {
	font-family: var(--vk-font-serif) !important;
	color: var(--vk-navy) !important;
	font-weight: 600 !important;
}
.positions_tags {
	font-family: var(--vk-font-sans) !important;
}
.positions_links ul li a,
.position_apply a {
	font-family: var(--vk-font-sans) !important;
	font-weight: 650 !important;
	border-radius: var(--vk-pill) !important;
	transition: transform 0.3s var(--vk-ease), background-color 0.3s var(--vk-ease) !important;
}
.positions_links ul li a {
	background: var(--vk-navy) !important;
	color: var(--vk-white) !important;
	line-height: 48px !important;
}
.positions_links a:hover {
	background: var(--vk-burgundy) !important;
	transform: translateY(-2px) !important;
}
.position_apply a {
	background: var(--vk-gold) !important;
	color: var(--vk-navy) !important;
	line-height: 52px !important;
}
.position_apply a:hover {
	background: var(--vk-navy) !important;
	color: var(--vk-white) !important;
	transform: translateY(-2px) !important;
}
.positions_links_back,
.position_apply_active {
	background: var(--vk-burgundy) !important;
}
.color_blue {
	color: var(--vk-gold) !important;
}
.color_error {
	color: var(--vk-burgundy) !important;
}

/* Forms / portal cards */
.form ul {
	padding: 0 !important;
}
.form ul li {
	margin-bottom: 16px !important;
}
.form ul li:last-child {
	margin-bottom: 0 !important;
}
.form ul li fieldset {
	margin: 0 !important;
	padding: 8px 14px 6px !important;
	border-radius: 16px !important;
	background: #f7f8fb !important;
	transition: border-color 0.25s var(--vk-ease), box-shadow 0.25s var(--vk-ease), background-color 0.25s var(--vk-ease) !important;
}
.fieldset_normal {
	border: 1px solid rgba(18, 36, 72, 0.14) !important;
}
.fieldset_focus,
.form ul li fieldset.fieldset_focus {
	border: 1px solid var(--vk-gold) !important;
	box-shadow: 0 0 0 4px rgba(230, 182, 127, 0.18) !important;
	background: var(--vk-white) !important;
}
.form ul li legend {
	font-family: var(--vk-font-sans) !important;
	font-size: 12px !important;
	font-weight: 650 !important;
	letter-spacing: 0.03em !important;
	line-height: 1.2 !important;
	padding: 0 6px !important;
	margin-left: 2px !important;
	background: #f7f8fb !important;
	transition: color 0.2s var(--vk-ease), background-color 0.25s var(--vk-ease) !important;
}
.form ul li fieldset.fieldset_focus > legend {
	background: var(--vk-white) !important;
}
.legend_normal {
	color: var(--vk-muted) !important;
}
.legend_focus {
	color: var(--vk-navy) !important;
	font-size: 12px !important;
}
.textfield,
.selectlist,
.password,
.security,
.textarea,
.select_manuel,
.imagefile {
	font-family: var(--vk-font-sans) !important;
	font-size: 15.5px !important;
	color: var(--vk-text) !important;
	background: #f7f8fb !important;
	border: 1px solid rgba(18, 36, 72, 0.14) !important;
	border-radius: 14px !important;
	outline: none !important;
	box-shadow: none !important;
	-webkit-appearance: none;
	appearance: none;
	transition: border-color 0.25s var(--vk-ease), box-shadow 0.25s var(--vk-ease), background-color 0.25s var(--vk-ease) !important;
}
.textfield,
.selectlist,
.password,
.security,
.select_manuel,
.imagefile {
	height: 46px !important;
	line-height: 46px !important;
	padding: 0 14px !important;
}
.textarea {
	min-height: 112px !important;
	line-height: 1.55 !important;
	padding: 12px 14px !important;
	resize: vertical;
}
.textfield::placeholder,
.selectlist::placeholder,
.password::placeholder,
.security::placeholder,
.textarea::placeholder,
.select_manuel::placeholder,
.imagefile::placeholder {
	color: var(--vk-muted) !important;
	opacity: 0.7;
}
.textfield:focus,
.selectlist:focus,
.password:focus,
.security:focus,
.textarea:focus,
.select_manuel:focus,
.imagefile:focus {
	border-color: var(--vk-gold) !important;
	background: var(--vk-white) !important;
	box-shadow: 0 0 0 4px rgba(230, 182, 127, 0.18) !important;
	outline: none !important;
}
.form ul li fieldset .textfield,
.form ul li fieldset .selectlist,
.form ul li fieldset .password,
.form ul li fieldset .security,
.form ul li fieldset .textarea,
.form ul li fieldset .select_manuel,
.form ul li fieldset .imagefile {
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	padding-left: 4px !important;
	padding-right: 4px !important;
}
.form ul li fieldset .textfield:focus,
.form ul li fieldset .selectlist:focus,
.form ul li fieldset .password:focus,
.form ul li fieldset .security:focus,
.form ul li fieldset .textarea:focus,
.form ul li fieldset .select_manuel:focus,
.form ul li fieldset .imagefile:focus {
	border: 0 !important;
	box-shadow: none !important;
}
.password_status,
.select_manuel_status,
.textarea_status,
.imagefile_status {
	font-family: var(--vk-font-sans) !important;
	font-size: 13px !important;
	font-weight: 650 !important;
	color: var(--vk-navy) !important;
}
.textarea_input {
	font-family: var(--vk-font-sans) !important;
	font-size: 13px !important;
	font-weight: 650 !important;
	color: var(--vk-muted) !important;
}
.security_status {
	font-family: var(--vk-font-sans) !important;
	font-size: 18px !important;
	font-weight: 700 !important;
	letter-spacing: 0.06em;
	color: var(--vk-navy) !important;
}
.checkbox {
	width: 22px !important;
	height: 22px !important;
	margin: 3px 0 0 !important;
	border: 1.5px solid rgba(18, 36, 72, 0.28) !important;
	border-radius: 7px !important;
	background: var(--vk-white) !important;
	transition: background-color 0.2s var(--vk-ease), border-color 0.2s var(--vk-ease) !important;
}
.checkbox:after {
	font-size: 13px !important;
	line-height: 19px !important;
	color: transparent !important;
}
.checkbox:checked {
	background: var(--vk-navy) !important;
	border-color: var(--vk-navy) !important;
}
.checkbox:checked:after {
	color: var(--vk-white) !important;
}
.checkbox:focus-visible {
	outline: none;
	box-shadow: 0 0 0 4px rgba(230, 182, 127, 0.22);
}
.kvkk {
	float: left;
	width: calc(100% - 40px) !important;
	margin-left: 12px !important;
	font-family: var(--vk-font-sans) !important;
	font-size: 13.5px !important;
	font-style: normal !important;
	line-height: 1.55 !important;
	color: var(--vk-muted) !important;
}
.kvkk a {
	color: var(--vk-navy) !important;
	text-decoration: none !important;
	padding-left: 0 !important;
	transition: color 0.35s var(--vk-ease);
}
.kvkk a:hover {
	color: var(--vk-burgundy) !important;
}
.form ul li a {
	font-family: var(--vk-font-sans) !important;
	font-style: normal !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	color: var(--vk-navy) !important;
	padding-left: 4px !important;
}
.form ul li a:hover {
	color: var(--vk-burgundy) !important;
}
.button {
	height: 50px !important;
	min-width: 168px;
	line-height: 50px !important;
	padding: 0 28px !important;
	border: none !important;
	border-radius: var(--vk-pill) !important;
	background: var(--vk-gold) !important;
	color: var(--vk-navy) !important;
	font-family: var(--vk-font-sans) !important;
	font-size: 15px !important;
	font-weight: 650 !important;
	letter-spacing: 0.01em;
	box-shadow: 0 10px 24px rgba(230, 182, 127, 0.28);
	transition: transform 0.3s var(--vk-ease), background-color 0.3s var(--vk-ease), box-shadow 0.3s var(--vk-ease), color 0.3s var(--vk-ease) !important;
}
.button:hover {
	background: var(--vk-navy) !important;
	color: var(--vk-white) !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 14px 28px rgba(11, 19, 41, 0.18);
}
.button:focus-visible {
	outline: none;
	box-shadow: 0 0 0 4px rgba(230, 182, 127, 0.28), 0 10px 24px rgba(230, 182, 127, 0.28);
}
.login,
.register,
.forgotpassword,
.password_reset,
.activation_success,
.profile_info,
.helpform,
.cvcreate,
.memberpanel {
	background: var(--vk-white) !important;
	border: 1px solid rgba(18, 36, 72, 0.08) !important;
	border-radius: 24px !important;
	box-shadow: var(--vk-shadow) !important;
	padding: 36px !important;
}
.login,
.forgotpassword,
.password_reset {
	width: min(100%, 720px) !important;
}
.profile_info,
.helpform {
	width: min(100%, 860px) !important;
}
.done,
.error {
	border-radius: 16px !important;
	font-family: var(--vk-font-sans) !important;
}

/* Footer — sticky alta yapisir, kolej navy */
.bottom {
	position: relative !important;
	margin-top: 0 !important;
	clear: both !important;
	width: 100% !important;
	flex-shrink: 0;
}
footer {
	min-height: 0 !important;
	height: auto !important;
	width: 100% !important;
	background: linear-gradient(180deg, #10192f 0%, var(--vk-navy) 100%) !important;
	color: var(--vk-white) !important;
	border-top: 1px solid rgba(230, 182, 127, 0.35) !important;
}
.footer {
	width: min(100% - 32px, var(--vk-max)) !important;
	margin: 0 auto !important;
	padding: 64px 0 48px !important;
	display: grid !important;
	grid-template-columns: minmax(0, 1.15fr) minmax(0, 1.6fr);
	gap: 48px 64px;
	align-items: start;
	float: none !important;
}
.vk-footer__brand {
	display: grid;
	gap: 18px;
	justify-items: start;
}
.vk-brand--footer {
	color: var(--vk-white) !important;
}
.vk-brand--footer .vk-brand__crest {
	width: 56px;
	height: 56px;
}
.vk-brand--footer .vk-brand__wordmark {
	color: var(--vk-white) !important;
	fill: currentColor;
}
.vk-brand--footer .vk-brand__tag {
	color: var(--vk-gold) !important;
}
.vk-footer__tagline {
	margin: 0;
	max-width: 28ch;
	font-family: var(--vk-font-display, var(--vk-font-sans));
	font-size: clamp(22px, 2.2vw, 30px);
	font-weight: 600;
	line-height: 1.25;
	letter-spacing: -0.02em;
	color: var(--vk-white);
}
.vk-footer__phone {
	display: inline-block;
	font-family: var(--vk-font-sans);
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 0.04em;
	color: var(--vk-gold) !important;
	text-decoration: none !important;
}
.vk-footer__phone:hover {
	color: #f0d0a8 !important;
}
.vk-footer__social {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 14px;
	margin: 4px 0 0 !important;
	padding: 0 !important;
	list-style: none !important;
}
.vk-footer__social li {
	list-style: none !important;
	background: none !important;
	padding: 0 !important;
}
.vk-footer__social a {
	font-family: var(--vk-font-sans);
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.04em;
	color: rgba(255, 255, 255, 0.72) !important;
	text-decoration: none !important;
	transition: color 0.25s var(--vk-ease);
}
.vk-footer__social a:hover {
	color: var(--vk-gold) !important;
}
.vk-footer__cols {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 28px 32px;
}
.vk-footer__col {
	min-width: 0;
	display: block !important;
	position: static !important;
	float: none !important;
	visibility: visible !important;
	opacity: 1 !important;
	height: auto !important;
	width: auto !important;
}
.vk-footer__heading {
	margin: 0 0 16px;
	font-family: var(--vk-font-sans);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--vk-gold);
}
.vk-footer__col ul {
	display: grid;
	gap: 2px;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}
.vk-footer__col li {
	background-image: none !important;
	padding-left: 0 !important;
	list-style: none !important;
}
.vk-footer__col a {
	color: rgba(255, 255, 255, 0.82) !important;
	font-family: var(--vk-font-sans) !important;
	font-size: 15px !important;
	line-height: 1.5 !important;
	padding: 7px 0 !important;
	display: inline-block !important;
	text-decoration: none !important;
	transition: color 0.3s var(--vk-ease), padding-left 0.3s var(--vk-ease) !important;
}
.vk-footer__col a:hover {
	color: var(--vk-gold) !important;
	padding-left: 6px !important;
}
.fastmenu,
.sponsor {
	display: none !important;
}
.copyright {
	background: rgba(0, 0, 0, 0.28) !important;
	font-family: var(--vk-font-sans) !important;
	font-size: 13px !important;
	line-height: 1.5 !important;
	padding: 18px 0 !important;
	color: rgba(255, 255, 255, 0.72) !important;
}
.copyright_box {
	width: min(100% - 32px, var(--vk-max)) !important;
	margin: 0 auto !important;
	display: flex !important;
	justify-content: center;
	align-items: center;
	gap: 16px;
	float: none !important;
	text-align: center;
}
.year,
.author {
	float: none !important;
	width: auto !important;
	color: inherit !important;
	text-align: center !important;
}
.author {
	display: none !important;
}

/* Mobil menü — kolej full-screen drawer */
#mobilmenu {
	display: none !important;
	background: var(--vk-navy) !important;
	box-shadow: none !important;
	height: 64px;
	transition: height 0.35s var(--vk-ease), background 0.3s var(--vk-ease), backdrop-filter 0.3s var(--vk-ease);
}
body:has(.vk-hero) #mobilmenu, body:has(.vk-page-hero) #mobilmenu{
	background: transparent !important;
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
}
body:has(.vk-hero) #mobilmenu.is-scrolled:not(.is-open), body:has(.vk-page-hero) #mobilmenu.is-scrolled:not(.is-open){
	background: rgba(11, 19, 41, 0.92) !important;
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
#mobilmenu.is-open,
body:has(.vk-hero) #mobilmenu.is-open, body:has(.vk-page-hero) #mobilmenu.is-open{
	height: 100%;
	min-height: 100dvh;
	background: linear-gradient(165deg, #0b1329 0%, #142347 55%, #0b1329 100%) !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
	border-bottom: none !important;
}
.mobilmenuoverflow {
	margin-top: 64px !important;
	max-height: calc(100dvh - 64px) !important;
	padding: 8px 8px 32px !important;
}
#mobilmenu > .mobilmenuoverflow > ul {
	background: transparent !important;
	border-radius: 0 !important;
	margin: 0 20px !important;
	padding: 8px 0 24px !important;
}
#mobilmenu ul li {
	border-top: none !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}
#mobilmenu ul li:last-child {
	border-bottom: none !important;
}
#mobilmenu ul li a {
	font-family: var(--vk-font-serif) !important;
	font-weight: 500 !important;
	font-size: clamp(22px, 6vw, 30px) !important;
	letter-spacing: -0.01em !important;
	padding: 18px 4px !important;
	color: rgba(255, 255, 255, 0.92) !important;
	position: relative;
	transition: color 0.25s var(--vk-ease) !important;
}
#mobilmenu ul li a::after {
	content: "";
	position: absolute;
	left: 4px;
	bottom: 12px;
	width: 0;
	height: 2px;
	background: var(--vk-gold);
	transition: width 0.35s var(--vk-ease);
}
#mobilmenu ul li a:hover,
#mobilmenu ul li a.is-active {
	color: #fff !important;
}
#mobilmenu ul li a:hover::after,
#mobilmenu ul li a.is-active::after {
	width: 42px;
}
#mobilmenu ul ul li a {
	font-family: var(--vk-font-sans) !important;
	font-size: 16px !important;
	padding: 12px 4px !important;
}
#mobilmenu ul li a[href="portala-giris"] {
	display: inline-flex !important;
	width: auto !important;
	margin-top: 18px !important;
	padding: 12px 22px !important;
	background: var(--vk-gold) !important;
	color: var(--vk-navy) !important;
	border-radius: 999px !important;
	font-family: var(--vk-font-sans) !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	letter-spacing: 0.04em !important;
	position: relative !important;
	overflow: hidden !important;
	box-shadow: 0 8px 22px rgba(230, 182, 127, 0.28);
	animation: vk-cta-pulse 2.8s var(--vk-ease) infinite;
}
#mobilmenu ul li a[href="portala-giris"]::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(110deg, transparent 20%, rgba(255, 255, 255, 0.45) 48%, transparent 72%);
	transform: translateX(-130%);
	animation: vk-cta-shine 3.2s var(--vk-ease) infinite;
	pointer-events: none;
}
#mobilmenu ul li a[href="portala-giris"]::after {
	display: none !important;
}
.mobilmenulogo {
	font-family: var(--vk-font-serif) !important;
	font-weight: 650 !important;
	left: 16px !important;
	top: 0 !important;
	height: 64px !important;
	margin: 0 !important;
	line-height: normal !important;
}
.mobilmenubutton {
	background-image: none !important;
	background-color: transparent !important;
	width: 44px !important;
	height: 44px !important;
	padding: 0 !important;
	margin: 10px 16px 0 0 !important;
	border: 1px solid rgba(255, 255, 255, 0.22) !important;
	border-radius: 50% !important;
	position: fixed !important;
	right: 0 !important;
	top: 0 !important;
	z-index: 1100;
	display: grid !important;
	place-items: center;
}
.mobilmenubutton::before {
	content: "";
	display: block;
	width: 16px;
	height: 10px;
	background:
		linear-gradient(#fff, #fff) 0 0 / 100% 1.5px no-repeat,
		linear-gradient(#fff, #fff) 0 50% / 100% 1.5px no-repeat,
		linear-gradient(#fff, #fff) 0 100% / 100% 1.5px no-repeat;
	transition: transform 0.3s var(--vk-ease), opacity 0.3s var(--vk-ease);
}
#mobilmenu.is-open .mobilmenubutton {
	border-color: rgba(230, 182, 127, 0.55) !important;
}
#mobilmenu.is-open .mobilmenubutton::before {
	height: 14px;
	background:
		linear-gradient(#fff, #fff) center / 100% 1.5px no-repeat;
	transform: rotate(45deg);
	box-shadow: 0 0 0 0 transparent;
	position: relative;
}
#mobilmenu.is-open .mobilmenubutton::after {
	content: "";
	position: absolute;
	width: 16px;
	height: 1.5px;
	background: #fff;
	transform: rotate(-45deg);
}
.mobilmenuopen {
	color: var(--vk-gold) !important;
}
#mobilmenu li.mobilloginli {
	margin: 0 !important;
	padding: 4px 0 10px !important;
	border-top: none !important;
	border-bottom: none !important;
	position: relative !important;
}
#mobilmenu li.mobilloginli > a.mobilloginpanel {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 10px !important;
	width: 100% !important;
	max-width: none !important;
	box-sizing: border-box !important;
	font-family: var(--vk-font-serif) !important;
	font-size: clamp(20px, 5.2vw, 26px) !important;
	font-weight: 600 !important;
	letter-spacing: -0.01em !important;
	padding: 14px 4px 6px !important;
	line-height: 1.2 !important;
	color: #fff !important;
	cursor: default !important;
	pointer-events: none !important;
	text-align: center !important;
}
#mobilmenu li.mobilloginli > a.mobilloginpanel::after {
	display: none !important;
}
#mobilmenu li.mobilloginli .loginimg {
	width: 28px !important;
	height: 28px !important;
	border-radius: 50% !important;
	object-fit: cover !important;
	margin: 0 !important;
	flex: 0 0 28px !important;
	display: block !important;
	border: 1px solid rgba(230, 182, 127, 0.4);
}
#mobilmenu li.mobilloginli > ul.mobilmenulinkopen {
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	position: static !important;
	width: 100% !important;
	list-style: none !important;
	height: auto !important;
	overflow: visible !important;
}
#mobilmenu li.mobilloginli > ul.mobilmenulinkopen > li {
	border: none !important;
	margin: 0 !important;
	padding: 0 !important;
}
#mobilmenu li.mobilloginli > ul.mobilmenulinkopen > li > a {
	display: block !important;
	width: 100% !important;
	box-sizing: border-box !important;
	font-family: var(--vk-font-serif) !important;
	font-size: clamp(18px, 4.6vw, 22px) !important;
	font-weight: 500 !important;
	letter-spacing: -0.01em !important;
	padding: 10px 4px !important;
	color: rgba(255, 255, 255, 0.78) !important;
	text-transform: none !important;
	line-height: 1.25 !important;
	text-align: center !important;
}
#mobilmenu li.mobilloginli > ul.mobilmenulinkopen > li > a::after {
	display: none !important;
}
#mobilmenu li.mobilloginli > ul.mobilmenulinkopen > li > a:hover,
#mobilmenu li.mobilloginli > ul.mobilmenulinkopen > li > a:focus {
	color: #fff !important;
}
#mobilmenu li.mobilloginli > .mobilmenuopen {
	display: none !important;
}
body.vk-mobile-open {
	overflow: hidden !important;
}
body.vk-mobile-open:has(.vk-hero) {
	padding-top: 0 !important;
}


/* Hero title entrance */
.vk-hero__title {
	display: flex;
	flex-direction: column;
	gap: 0.08em;
}
.vk-hero__line {
	display: block;
	overflow: hidden;
	padding-bottom: 0.08em;
	opacity: 0;
	transform: translateY(110%);
	animation: vk-hero-line 0.95s var(--vk-ease) forwards;
}
.vk-hero__line:nth-child(1) { animation-delay: 0.15s; }
.vk-hero__line:nth-child(2) { animation-delay: 0.38s; }
.vk-hero__eyebrow {
	opacity: 0;
	transform: translateY(12px);
	animation: vk-fade-up 0.7s var(--vk-ease) 0.05s forwards;
}
.vk-hero__bottom {
	opacity: 0;
	transform: translateY(18px);
	animation: vk-fade-up 0.8s var(--vk-ease) 0.7s forwards;
}
@keyframes vk-hero-line {
	to { opacity: 1; transform: translateY(0); }
}
@keyframes vk-fade-up {
	to { opacity: 1; transform: translateY(0); }
}

/* Modal open animation */
.vk-modal {
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.35s var(--vk-ease), visibility 0.35s var(--vk-ease);
}
.vk-modal.is-open {
	opacity: 1;
	visibility: visible;
}
.vk-modal[hidden] {
	display: grid !important;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}
.vk-modal.is-open[hidden] {
	/* keep grid while animating out handled by JS removing hidden after class */
}
.vk-modal__dialog {
	transform: translateY(18px) scale(0.96);
	opacity: 0;
	transition: transform 0.4s var(--vk-ease), opacity 0.4s var(--vk-ease);
}
.vk-modal.is-open .vk-modal__dialog {
	transform: translateY(0) scale(1);
	opacity: 1;
}
/* Progress */
.progressbox,
.progressbox a,
.progresstext {
	font-family: var(--vk-font-sans) !important;
}

/* Responsive */
@media (max-width: 1280px) {
	.period__list {
		gap: 32px;
	}
	#homepage {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
	.didyouknow {
		display: block !important;
	}
	.didyouknowmain {
		display: block !important;
		height: auto !important;
	}
	.didyouknow_content ul {
		grid-template-columns: 1fr 1fr;
	}
	.main,
	.didyouknow,
	.homemainbox,
	.footer,
	.copyright_box,
	.header,
	.nav,
	.vk-hero__content {
		width: min(100% - 24px, var(--vk-max)) !important;
	}
	.vk-hero__stats {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 900px) {
	#homepage {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 14px;
	}
	.vk-founder__inner {
		grid-template-columns: 1fr;
		gap: 24px;
	}
	.vk-founder__media {
		justify-self: center;
		width: min(100%, 360px);
	}
	.vk-areas__title {
		font-size: clamp(26px, 6vw, 36px) !important;
	}
	.vk-hero__bottom {
		grid-template-columns: 1fr;
	}
	.vk-hero__stats {
		border-left: none;
		padding-left: 0;
		padding-top: 8px;
		border-top: 1px solid rgba(255, 255, 255, 0.18);
	}
	.vk-hero__content {
		padding: 110px 0 36px;
	}
	.period {
		margin: 16px auto 40px !important;
	}
	.period__head {
		margin-bottom: 32px;
	}
	.period__list {
		grid-template-columns: 1fr;
		gap: 16px;
	}
	.period__list::before {
		display: none;
	}
	.period__item {
		padding: 24px 22px 28px !important;
		border-radius: 18px !important;
	}
	.vk-hero__explore {
		display: none !important;
	}
}

@media (max-width: 1024px) {
	body {
		padding-top: 64px;
	}
	body:has(.vk-hero), body:has(.vk-page-hero),
	body:has(.vk-page-hero) {
		padding-top: 0 !important;
	}
	body:has(.vk-hero) #mobilmenu, body:has(.vk-page-hero) #mobilmenu,
	body:has(.vk-page-hero) #mobilmenu {
		display: block !important;
	}
	header {
		display: none !important;
	}
	#mobilmenu {
		display: block !important;
	}
	.vk-areas {
		width: min(100% - 24px, var(--vk-max));
		margin-bottom: 12px;
	}
	.vk-areas__head {
		margin-bottom: 20px;
	}
	.didyouknow {
		display: block !important;
	}
	#homepage {
		display: none !important;
	}
	.homemain {
		width: min(100% - 24px, var(--vk-max));
		margin: 0 auto 28px;
		padding: 0 0 48px;
		overflow-anchor: none;
		box-sizing: border-box;
	}
	.homemain .homemainbox.reveal {
		opacity: 1 !important;
		transform: none !important;
	}
	.tabmain1,
	.tabmain2,
	.tabmain3,
	.tabmain4,
	.tabmain5 {
		display: block !important;
		margin: 0 0 10px;
		border: 1px solid rgba(18, 36, 72, 0.1);
		border-radius: 14px;
		border-top: 1px solid rgba(18, 36, 72, 0.1);
		overflow: hidden;
		background: #fff !important;
	}
	.tabmain5 {
		margin-bottom: 0;
	}
	.homemainbox {
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	.hometitle {
		position: relative;
		padding: 16px 48px 16px 16px !important;
		margin: 0 !important;
		font-size: clamp(17px, 4.2vw, 20px) !important;
		text-align: left !important;
		cursor: pointer;
		user-select: none;
		-webkit-tap-highlight-color: transparent;
	}
	.hometitle::after {
		content: "";
		position: absolute;
		right: 18px;
		top: 50%;
		width: 9px;
		height: 9px;
		border-right: 2px solid var(--vk-navy);
		border-bottom: 2px solid var(--vk-navy);
		transform: translateY(-65%) rotate(45deg);
		transition: transform 0.28s var(--vk-ease);
	}
	.tabmain1.is-open .hometitle::after,
	.tabmain2.is-open .hometitle::after,
	.tabmain3.is-open .hometitle::after,
	.tabmain4.is-open .hometitle::after,
	.tabmain5.is-open .hometitle::after {
		transform: translateY(-25%) rotate(225deg);
	}
	.homemain .homecontent {
		display: none;
		padding: 0 16px 18px !important;
	}
	.homemain_one,
	.homemain_two,
	.homemain_three,
	.homemain_four,
	.homemain_five {
		background-image: none !important;
	}
	.footer {
		grid-template-columns: 1fr !important;
		gap: 40px !important;
		padding: 48px 0 36px !important;
	}
	.vk-footer__cols {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
	#cookie_alert {
		display: flex !important;
		flex-direction: column !important;
		flex-wrap: wrap !important;
		align-items: center !important;
		justify-content: center !important;
		text-align: center !important;
		left: 12px !important;
		right: 12px !important;
		bottom: 12px !important;
		height: auto !important;
		min-height: 0 !important;
		padding: 16px 18px !important;
		gap: 10px !important;
	}
	#cookie_alert a {
		display: inline !important;
		margin: 0 !important;
		white-space: normal;
	}
	#cookie_alert_button {
		display: block !important;
		width: min(100%, 220px);
		margin: 0 auto !important;
		padding: 12px 20px !important;
	}
}

@media (max-width: 900px) {
	.positions_image,
	.positions_main,
	.positions_links {
		float: none !important;
		width: 100% !important;
		height: auto !important;
		margin: 0 0 16px !important;
	}
	.vk-footer__cols {
		grid-template-columns: 1fr 1fr;
		gap: 28px 24px;
	}
	.copyright_box {
		flex-direction: column;
		text-align: center;
	}
	.author {
		text-align: center !important;
	}
}

@media (max-width: 640px) {
	.vk-footer__cols {
		grid-template-columns: 1fr;
	}
	.didyouknow_content ul {
		grid-template-columns: 1fr;
	}
	.didyouknow {
		padding: 36px 0 44px !important;
	}
	.vk-partners {
		padding: 40px 0 16px;
	}
	.vk-partners__inner {
		margin-bottom: 24px;
	}
	.vk-partners__logo {
		width: 112px;
		height: 48px;
	}
	.vk-partners__track {
		gap: 36px;
		padding-right: 36px;
		animation-duration: 48s;
	}
	.vk-founder {
		padding-top: 40px;
	}
	.vk-founder__inner {
		grid-template-columns: 1fr;
		gap: 20px;
	}
	.vk-founder__copy {
		padding-bottom: 8px;
	}
	.vk-founder__quote {
		max-width: none;
	}
	.vk-founder__media {
		justify-self: center;
		width: min(100%, 320px);
	}
	.vk-hero__title {
		font-size: clamp(34px, 10vw, 48px) !important;
		max-width: 12ch;
	}
	.vk-hero__stats {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 14px 18px;
		padding-left: 4px;
		padding-right: 4px;
	}
	.vk-hero__content {
		width: min(100% - 28px, var(--vk-max)) !important;
		padding: 100px 0 32px;
	}
	.button {
		width: 100% !important;
	}
	.login,
	.forgotpassword,
	.password_reset,
	.profile_info,
	.helpform {
		width: 100% !important;
		padding: 24px !important;
	}
}

.mobilmenulogo {
	display: flex !important;
	align-items: center;
	gap: 10px;
	color: var(--vk-white) !important;
}
.mobilmenulogo img {
	width: 40px !important;
	height: 40px !important;
	border-radius: 50%;
	object-fit: cover;
}
.mobilmenulogo .vk-brand__text {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 2px;
	line-height: 1;
}
.mobilmenulogo .vk-brand__wordmark {
	width: 110px;
	height: auto;
	color: inherit;
}
.mobilmenulogo .vk-brand__tag {
	font-size: 12px !important;
	display: block;
}

/* Hakkımızda */
.vk-page-hero {
	position: relative;
	isolation: isolate;
	min-height: min(92svh, 860px);
	display: flex;
	align-items: flex-end;
	color: var(--vk-white);
	overflow: hidden;
}
.vk-page-hero__media {
	position: absolute;
	inset: 0;
	z-index: 0;
}
.vk-page-hero__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 68%;
	display: block;
}
@keyframes vk-kenburns {
	0% { transform: scale(1.06); }
	100% { transform: scale(1.14) translate(-1%, -1%); }
}
.vk-kenburns {
	animation: vk-kenburns 24s ease-in-out infinite alternate;
	will-change: transform;
}
.vk-page-hero__media .vk-kenburns {
	animation: none;
	transform: none;
	will-change: auto;
}
.vk-curtain {
	position: absolute;
	inset: 0;
	z-index: 2;
	pointer-events: none;
	transform: scaleY(1);
	transform-origin: bottom center;
	background: var(--vk-curtain, var(--vk-bg));
	transition: transform 1.15s cubic-bezier(0.16, 1, 0.3, 1);
}
.vk-curtain--hero {
	z-index: 3;
	background: var(--vk-bg);
	transition-duration: 1.25s;
}
.vk-page-hero.is-ready .vk-curtain--hero {
	transform: scaleY(0);
}
@keyframes vk-page-enter {
	0% { opacity: 0; transform: translateY(10px); }
	100% { opacity: 1; transform: none; }
}
.vk-page-enter {
	animation: vk-page-enter 0.55s cubic-bezier(0.16, 1, 0.3, 1) both;
}
.vk-page-hero__shade {
	position: absolute;
	inset: 0;
	z-index: 1;
	background:
		linear-gradient(180deg, rgba(11, 19, 41, 0.3) 0%, rgba(11, 19, 41, 0.62) 55%, rgba(11, 19, 41, 0.88) 100%),
		linear-gradient(90deg, rgba(11, 19, 41, 0.55) 0%, transparent 55%);
}
.vk-page-hero__content {
	position: relative;
	z-index: 4;
	width: min(100% - 32px, var(--vk-max));
	margin: 0 auto;
	padding: 120px 0 36px;
}
.vk-page-hero__crumb,
.vk-page-hero__tabs {
	background: transparent !important;
	background-color: transparent !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
.vk-page-hero__crumb {
	display: flex;
	align-items: center;
	gap: 10px;
	width: auto;
	font-family: var(--vk-font-sans);
	font-size: 13px;
	margin: 0 0 18px !important;
	opacity: 0.9;
}
.vk-page-hero__crumb a {
	color: rgba(255, 255, 255, 0.82) !important;
	text-decoration: none !important;
}
.vk-page-hero__crumb strong {
	color: var(--vk-white);
	font-weight: 600;
}
.vk-page-hero__eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin: 0 0 12px;
	font-family: var(--vk-font-serif);
	font-size: 13px;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--vk-gold);
}
.vk-page-hero__eyebrow::before {
	content: "";
	width: 28px;
	height: 1px;
	background: var(--vk-gold);
}
.vk-page-hero__title {
	margin: 0 0 28px;
	font-family: var(--vk-font-serif) !important;
	font-size: clamp(40px, 6vw, 64px) !important;
	font-weight: 540 !important;
	line-height: 1.05 !important;
	color: var(--vk-white) !important;
}
.vk-page-hero__tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 0;
	width: 100%;
	border-top: 1px solid rgba(255, 255, 255, 0.18);
}
.vk-page-hero__tabs a {
	flex: 1 1 160px;
	padding: 18px 14px;
	color: var(--vk-white) !important;
	text-decoration: none !important;
	font-family: var(--vk-font-sans);
	font-size: 14px;
	border-right: 1px solid rgba(255, 255, 255, 0.14);
	transition: background-color 0.25s var(--vk-ease);
}
.vk-page-hero__tabs a:last-child {
	border-right: none;
}
.vk-page-hero__tabs a:hover {
	background: rgba(255, 255, 255, 0.06);
}
.vk-page-hero__tabs em {
	display: block;
	margin-bottom: 4px;
	font-family: var(--vk-font-serif);
	font-style: italic;
	font-size: 15px;
	color: var(--vk-gold);
}
.main.vk-about {
	--vk-about-navy: #0e1a36;
	--vk-about-ink: #0b1329;
	--vk-about-mid: #203462;
	--vk-about-linen: #eef1f6;
	--vk-about-paper: #fafaf8;
	--vk-about-muted: #63697f;
	--vk-about-wine: #8b1d2c;
	--vk-about-gold: #e6b67f;
	--vk-about-num: #966b34;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 0 0 !important;
	background: var(--vk-about-paper);
}
body:has(.vk-page-hero) main {
	background: var(--vk-about-paper);
	position: relative;
	z-index: 1;
}
.vk-about__block {
	padding: 96px max(16px, calc((100% - var(--vk-max)) / 2));
	border-bottom: none;
	scroll-margin-top: 96px;
	--vk-curtain: var(--vk-about-paper);
}
.vk-about__block--paper {
	background: var(--vk-about-paper);
	--vk-curtain: var(--vk-about-paper);
}
.vk-about__block--linen {
	background: var(--vk-about-linen);
	--vk-curtain: var(--vk-about-linen);
}
.vk-about__block--navy {
	background: var(--vk-about-navy);
	color: var(--vk-white);
	--vk-curtain: var(--vk-about-navy);
}
.vk-about__block--navy .vk-about__label {
	color: var(--vk-about-gold);
}
.vk-about__block--navy .vk-about__heading,
.vk-about__block--navy .vk-about__lead {
	color: var(--vk-white) !important;
}
.vk-about__block--navy .vk-about__lead em {
	color: var(--vk-about-gold);
}
.vk-about__block--navy .vk-about__text,
.vk-about__block--navy .vk-about__story-copy p {
	color: rgba(255, 255, 255, 0.86);
}
.vk-about__split {
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
	gap: 28px 36px;
	align-items: center;
	margin-bottom: 48px;
}
.vk-about__split:last-child {
	margin-bottom: 0;
}
.vk-about__split--reverse {
	direction: rtl;
}
.vk-about__split--reverse > * {
	direction: ltr;
}
.vk-about__vision {
	position: relative;
	overflow: hidden;
	padding: 128px max(16px, calc((100% - var(--vk-max)) / 2));
	text-align: center;
	background:
		radial-gradient(55% 60% at 50% 0%, rgba(212, 160, 90, 0.16), transparent 70%),
		var(--vk-about-navy);
	color: var(--vk-white);
}
.vk-about__vision-label {
	margin: 0 0 20px;
	font-family: var(--vk-font-sans);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.25em;
	text-transform: uppercase;
	color: var(--vk-about-gold);
}
.vk-about__vision-quote {
	margin: 0 auto;
	max-width: 14em;
	font-family: var(--vk-font-serif) !important;
	font-size: clamp(36px, 5.8vw, 76px) !important;
	font-weight: 440 !important;
	font-style: italic;
	line-height: 1.12 !important;
	color: var(--vk-white) !important;
}
.vk-about__vision-quote em {
	display: inline;
	font-style: italic;
	font-weight: 440;
	color: var(--vk-about-gold);
}
.vk-about__label {
	margin: 0 0 14px;
	font-family: var(--vk-font-sans);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.25em;
	text-transform: uppercase;
	color: var(--vk-about-wine);
}
.vk-about__lead {
	margin: 0;
	font-family: var(--vk-font-serif) !important;
	font-size: clamp(30px, 3.6vw, 46px) !important;
	font-weight: 560 !important;
	line-height: 1.12 !important;
	letter-spacing: -0.02em;
	color: var(--vk-about-ink) !important;
}
.vk-about__lead em {
	font-style: italic;
	font-weight: 440;
	color: var(--vk-about-mid);
}
.vk-about__text {
	margin: 18px 0 0;
	font-family: var(--vk-font-sans);
	font-size: 16px;
	line-height: 1.7;
	color: var(--vk-text);
	max-width: 40ch;
}
.vk-about__figure {
	position: relative;
	margin: 0;
	max-width: 86%;
	justify-self: end;
	border-radius: 10px;
	overflow: hidden;
	aspect-ratio: 4 / 5;
	background: var(--vk-about-linen);
}
.vk-about__figure img,
.vk-about__story-frame img,
.vk-about__ataturk-frame img {
	transform: scale(1.08);
	transform-origin: center center;
	transition: transform 1.35s var(--vk-ease);
	will-change: transform;
}
.vk-about__figure.reveal.is-visible img,
.vk-about__story-media.reveal.is-visible .vk-about__story-frame img,
.vk-about__ataturk-media.reveal.is-visible .vk-about__ataturk-frame img {
	transform: scale(1);
}
.vk-about__figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.vk-about__intro {
	margin-bottom: 32px;
}
.vk-about__heading {
	margin: 0;
	font-family: var(--vk-font-serif) !important;
	font-size: clamp(30px, 4vw, 44px) !important;
	font-weight: 500 !important;
	color: var(--vk-about-ink) !important;
	line-height: 1.1 !important;
	letter-spacing: -0.01em;
}
.vk-about__story {
	display: grid;
	grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
	gap: 36px 48px;
	align-items: start;
}
.vk-about__story-media {
	position: relative;
	margin: 0;
	padding-right: 28px;
}
.vk-about__story-frame {
	position: relative;
	width: 100%;
	max-width: 92%;
	border-radius: 10px;
	overflow: hidden;
	aspect-ratio: 4 / 5;
	background: var(--vk-about-linen);
}
.vk-about__story-frame img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.vk-about__story-copy {
	padding-top: 4px;
	padding-left: 12px;
}
.vk-about__story-year {
	display: block;
	margin: 0 0 24px;
	font-family: var(--vk-font-serif) !important;
	font-size: clamp(88px, 12vw, 150px) !important;
	font-weight: 560 !important;
	line-height: 1 !important;
	letter-spacing: -0.02em;
	color: var(--vk-about-mid) !important;
}
.vk-about__story-copy .vk-about__label {
	display: block;
	margin: 0 0 8px;
	font-size: 11px !important;
	font-weight: 700 !important;
	letter-spacing: 0.25em !important;
	line-height: 1.6 !important;
	color: var(--vk-about-wine) !important;
	max-width: none;
}
.vk-about__story-copy > p:not(.vk-about__label) {
	margin: 0 0 16px;
	max-width: 48ch;
	font-family: var(--vk-font-sans);
	font-size: 17px;
	line-height: 1.75;
	font-weight: 400;
	color: var(--vk-about-muted);
}
.vk-about__story-copy > p:not(.vk-about__label):last-child {
	margin-bottom: 0;
}
.vk-about__yeti {
	max-width: var(--vk-max);
	margin: 0 auto;
}
.vk-about__yeti-title {
	margin: 16px 0 0;
	font-family: var(--vk-font-serif) !important;
	font-size: clamp(44px, 5.5vw, 64px) !important;
	font-weight: 500 !important;
	font-style: italic;
	line-height: 1 !important;
	color: var(--vk-about-mid) !important;
}
.vk-about__yeti-grid {
	list-style: none;
	margin: 56px 0 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	border-top: 1px solid rgba(11, 19, 41, 0.2);
}
.vk-about__yeti-grid > li {
	padding: 32px 28px 8px 0;
	border-right: 1px solid rgba(11, 19, 41, 0.1);
}
.vk-about__yeti-grid > li:last-child {
	border-right: none;
	padding-right: 0;
}
.vk-about__yeti-grid > li:not(:first-child) {
	padding-left: 28px;
}
.vk-about__yeti-letter {
	display: block;
	font-family: var(--vk-font-serif);
	font-size: clamp(64px, 9vw, 120px);
	font-weight: 560;
	line-height: 1;
	color: var(--vk-about-mid);
}
.vk-about__yeti-name {
	display: block;
	margin-top: 12px;
	font-family: var(--vk-font-serif);
	font-size: clamp(16px, 1.5vw, 19px);
	font-weight: 600;
	color: var(--vk-about-ink);
}
.vk-about__yeti-quote {
	margin: 72px auto 0;
	max-width: 48rem;
	text-align: center;
	font-family: var(--vk-font-serif) !important;
	font-size: clamp(24px, 3vw, 32px) !important;
	font-weight: 440 !important;
	font-style: italic;
	line-height: 1.4 !important;
	color: var(--vk-about-ink) !important;
}
.vk-about__yeti-quote em {
	font-style: italic;
	color: var(--vk-about-gold);
}
.vk-about__values {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
}
.vk-about__value {
	padding: 28px 26px 30px;
	border: 1px solid rgba(18, 36, 72, 0.1);
	border-radius: 20px;
	background: #fff;
}
.vk-about__value-num {
	display: block;
	margin-bottom: 12px;
	font-family: var(--vk-font-serif);
	font-style: italic;
	font-size: 20px;
	font-weight: 440;
	color: var(--vk-about-num);
}
.vk-about__value h3 {
	margin: 0 0 12px;
	font-family: var(--vk-font-serif) !important;
	font-size: 28px !important;
	font-weight: 500 !important;
	color: var(--vk-about-ink) !important;
}
.vk-about__value p {
	margin: 0;
	font-family: var(--vk-font-sans);
	font-size: 15.5px;
	line-height: 1.7;
	color: var(--vk-about-muted);
}
.vk-about__ataturk-split {
	display: grid;
	grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
	gap: 28px 0;
	align-items: center;
}
.vk-about__ataturk-media {
	margin: 0;
	padding-right: 36px;
}
.vk-about__ataturk-frame {
	position: relative;
	width: 100%;
	max-width: 92%;
	aspect-ratio: 4 / 5;
	border-radius: 10px;
	overflow: hidden;
	background: var(--vk-about-linen);
}
.vk-about__ataturk-frame img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 70% 30%;
	display: block;
	filter: grayscale(1) contrast(1.05);
}
.vk-about__ataturk-quote {
	position: relative;
	padding-left: 40px;
}
.vk-about__ataturk-mark {
	display: block;
	height: 72px;
	margin: 0 0 4px;
	font-family: var(--vk-font-serif);
	font-size: clamp(120px, 16vw, 210px);
	font-weight: 440;
	font-style: italic;
	line-height: 0.9;
	color: rgba(230, 182, 127, 0.45);
	user-select: none;
}
.vk-about__ataturk-quote blockquote {
	margin: 0;
	font-family: var(--vk-font-serif) !important;
	font-size: clamp(28px, 3.4vw, 42px) !important;
	font-weight: 440 !important;
	font-style: italic;
	line-height: 1.28 !important;
	color: var(--vk-about-mid) !important;
}
.vk-about__ataturk-cite {
	display: flex;
	align-items: center;
	gap: 16px;
	margin: 28px 0 0;
	font-family: var(--vk-font-sans);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.24em;
	text-transform: uppercase;
	color: var(--vk-about-gold);
}
.vk-about__ataturk-cite span {
	display: block;
	width: 40px;
	height: 1px;
	background: var(--vk-about-gold);
	flex: 0 0 auto;
}
@media (max-width: 900px) {
	.vk-about__vision {
		padding-top: 64px;
		padding-bottom: 64px;
	}
	.vk-about__split,
	.vk-about__split--reverse,
	.vk-about__story {
		grid-template-columns: 1fr;
		direction: ltr;
	}
	.vk-about__figure {
		max-width: 100%;
		justify-self: center;
	}
	.vk-about__story-media {
		padding-right: 0;
	}
	.vk-about__story-frame {
		max-width: 100%;
	}
	.vk-about__story-copy {
		padding-left: 0;
	}
	.vk-about__values {
		grid-template-columns: 1fr;
	}
	.vk-about__ataturk-split {
		grid-template-columns: 1fr;
	}
	.vk-about__ataturk-media {
		padding-right: 0;
	}
	.vk-about__ataturk-frame {
		max-width: 100%;
		aspect-ratio: 4 / 3;
	}
	.vk-about__ataturk-quote {
		padding-left: 0;
	}
	.vk-about__ataturk-mark {
		height: 64px;
	}
	.vk-about__yeti-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		margin-top: 40px;
	}
	.vk-about__yeti-grid > li {
		padding: 24px 20px;
		border-right: none;
		border-bottom: 1px solid rgba(11, 19, 41, 0.1);
	}
	.vk-about__yeti-grid > li:nth-child(odd) {
		padding-left: 0;
		padding-right: 20px;
		border-right: 1px solid rgba(11, 19, 41, 0.1);
	}
	.vk-about__yeti-grid > li:nth-child(even) {
		padding-left: 20px;
		padding-right: 0;
	}
	.vk-about__yeti-grid > li:nth-last-child(-n+2) {
		border-bottom: none;
	}
	.vk-about__yeti-quote {
		margin-top: 48px;
	}
	.vk-page-hero__tabs a {
		flex: 1 1 46%;
		border-bottom: 1px solid rgba(255, 255, 255, 0.12);
	}
}
@media (max-width: 640px) {
	.vk-page-hero {
		min-height: 70vh;
	}
	.vk-page-hero__content {
		padding: 100px 0 20px;
		width: min(100% - 24px, var(--vk-max));
	}
	.vk-page-hero__tabs a {
		flex: 1 1 46%;
		border-bottom: 1px solid rgba(255, 255, 255, 0.12);
	}
	.vk-page-hero__tabs a:nth-child(even) {
		border-right: none;
	}
	.vk-about__block {
		padding: 40px 16px;
	}
}

/* İletişim */
.vk-page-hero__title em {
	font-style: italic;
	font-weight: 440;
	color: var(--vk-gold) !important;
}
.vk-page-hero__lead {
	margin: -8px 0 0;
	max-width: 44ch;
	font-family: var(--vk-font-sans);
	font-size: 16px;
	line-height: 1.65;
	color: rgba(255, 255, 255, 0.84);
}
.vk-page-contact .vk-page-hero__content {
	padding-bottom: 88px;
}
body.vk-page-contact .container,
body.vk-page-contact main {
	background: #eef1f6 !important;
}
.main.vk-contact {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	background: #eef1f6;
}
.vk-contact__campuses {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 22px;
	width: min(100% - 32px, var(--vk-max));
	margin: 48px auto 72px;
	padding: 8px 0 24px;
}
.vk-campus-card {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border-radius: 28px;
	border: 1px solid rgba(18, 36, 72, 0.1);
	background: #fff;
}
.vk-campus-card__media {
	position: relative;
	aspect-ratio: 16 / 9;
	background: var(--vk-navy);
	overflow: hidden;
}
@media (min-width: 1024px) {
	.vk-campus-card__media {
		aspect-ratio: 2.4 / 1;
	}
}
.vk-campus-card__media > img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.vk-campus-card[data-vk-campus="bahcesehir"] .vk-campus-card__media > img {
	object-position: 50% 75%;
}
.vk-campus-card[data-vk-campus="marina"] .vk-campus-card__media > img {
	object-position: top center;
}
.vk-campus-card__video {
	position: absolute;
	inset: 0;
	z-index: 3;
	width: 100%;
	height: 100%;
	object-fit: cover;
	background: #000;
}
.vk-campus-card__video[hidden] {
	display: none !important;
}
.vk-campus-card__shade {
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	background: linear-gradient(180deg, transparent 35%, rgba(11, 19, 41, 0.72) 100%);
}
.vk-campus-card__badge {
	position: absolute;
	z-index: 2;
	left: 18px;
	top: 18px;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 7px 12px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.92);
	backdrop-filter: blur(8px);
	font-family: var(--vk-font-sans);
	font-size: 12px;
	font-weight: 650;
	color: var(--vk-navy);
}
.vk-campus-card__badge span {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--vk-burgundy);
	flex: 0 0 auto;
}
.vk-campus-card__name {
	position: absolute;
	z-index: 2;
	left: 18px;
	bottom: 16px;
	margin: 0;
	font-family: var(--vk-font-serif) !important;
	font-size: clamp(22px, 2.4vw, 30px) !important;
	font-weight: 500 !important;
	line-height: 1.15 !important;
	color: var(--vk-white) !important;
}
.vk-campus-card.is-playing .vk-campus-card__shade,
.vk-campus-card.is-playing .vk-campus-card__badge,
.vk-campus-card.is-playing .vk-campus-card__name,
.vk-campus-card.is-playing .vk-campus-card__media > img {
	opacity: 0;
	pointer-events: none;
}
.vk-campus-card__body {
	display: flex;
	flex: 1;
	flex-direction: column;
	padding: 22px 22px 24px;
}
.vk-campus-card__address {
	margin: 0;
	font-family: var(--vk-font-sans);
	font-size: 14.5px;
	line-height: 1.65;
	color: var(--vk-muted);
}
.vk-campus-card__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 22px;
}
.vk-campus-card__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 40px;
	padding: 8px 14px;
	border-radius: 999px;
	border: 1px solid rgba(18, 36, 72, 0.16);
	background: #fff;
	font-family: var(--vk-font-sans) !important;
	font-size: 12.5px !important;
	font-weight: 650 !important;
	letter-spacing: 0.01em;
	color: var(--vk-navy) !important;
	text-decoration: none !important;
	cursor: pointer;
	transition: background-color 0.2s var(--vk-ease), border-color 0.2s var(--vk-ease), color 0.2s var(--vk-ease);
}
.vk-campus-card__btn:hover {
	border-color: rgba(18, 36, 72, 0.28);
	background: rgba(11, 19, 41, 0.03);
}
.vk-campus-card__btn--primary {
	border-color: transparent;
	background: var(--vk-navy);
	color: var(--vk-white) !important;
}
.vk-campus-card__btn--primary:hover {
	background: #121c38;
	border-color: transparent;
}
.vk-campus-card__btn[aria-pressed="true"] {
	border-color: var(--vk-navy);
	background: var(--vk-navy);
	color: var(--vk-white) !important;
}
.vk-campus-gallery .vk-modal__backdrop {
	background: rgba(11, 19, 41, 0.72);
}
.vk-campus-gallery__dialog {
	position: relative;
	z-index: 2;
	width: min(100% - 24px, 1080px);
	max-height: min(90vh, 900px);
}
.vk-campus-gallery__panel {
	display: flex;
	flex-direction: column;
	max-height: min(90vh, 900px);
	overflow: hidden;
	border-radius: 24px;
	background: #fff;
	box-shadow: 0 24px 64px rgba(0, 0, 0, 0.28);
}
.vk-campus-gallery__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 18px 20px 12px;
	flex: 0 0 auto;
}
.vk-campus-gallery__title {
	margin: 0;
	font-family: var(--vk-font-serif) !important;
	font-size: 28px !important;
	font-weight: 500 !important;
	color: var(--vk-navy) !important;
}
.vk-campus-gallery__close {
	width: 40px;
	height: 40px;
	border: 0;
	border-radius: 50%;
	background: rgba(11, 19, 41, 0.06);
	color: var(--vk-navy);
	font-size: 26px;
	line-height: 1;
	cursor: pointer;
}
.vk-campus-gallery__close:hover {
	background: rgba(11, 19, 41, 0.1);
}
.vk-campus-gallery__grid {
	display: grid;
	flex: 1 1 auto;
	min-height: 0;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
	align-content: start;
	padding: 0 16px 16px;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	overscroll-behavior: contain;
}
.vk-campus-gallery__grid button {
	position: relative;
	display: block;
	width: 100%;
	height: 0 !important;
	margin: 0;
	padding: 0 0 75%;
	border: 0;
	border-radius: 14px;
	overflow: hidden;
	background: #eef1f6;
	cursor: pointer;
}
.vk-campus-gallery__grid img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.45s var(--vk-ease);
}
.vk-campus-gallery__grid button:hover img {
	transform: scale(1.03);
}
.vk-campus-lightbox {
	position: fixed;
	inset: 0;
	z-index: 10050;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(8, 12, 24, 0.92);
	padding: 48px 56px;
}
.vk-campus-lightbox[hidden] {
	display: none !important;
}
.vk-campus-lightbox__img {
	max-width: min(100%, 1200px);
	max-height: calc(100vh - 96px);
	object-fit: contain;
	border-radius: 12px;
}
.vk-campus-lightbox__close,
.vk-campus-lightbox__nav {
	position: absolute;
	border: 0;
	background: rgba(255, 255, 255, 0.12);
	color: #fff;
	cursor: pointer;
}
.vk-campus-lightbox__close {
	top: 16px;
	right: 16px;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	font-size: 28px;
	line-height: 1;
}
.vk-campus-lightbox__nav {
	top: 50%;
	transform: translateY(-50%);
	width: 48px;
	height: 48px;
	border-radius: 50%;
	font-size: 28px;
	line-height: 1;
}
.vk-campus-lightbox__nav--prev {
	left: 16px;
}
.vk-campus-lightbox__nav--next {
	right: 16px;
}
@media (max-width: 900px) {
	.vk-contact__campuses {
		grid-template-columns: 1fr;
		margin-top: 28px;
		margin-bottom: 56px;
	}
	.vk-campus-gallery__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
@media (max-width: 640px) {
	.vk-page-hero__lead {
		font-size: 15px;
		max-width: none;
	}
	.vk-page-contact .vk-page-hero__content {
		padding-bottom: 56px;
	}
	.vk-contact__campuses {
		width: min(100% - 24px, var(--vk-max));
		gap: 16px;
		margin-top: 32px;
		margin-bottom: 100px;
	}
	.vk-campus-card {
		border-radius: 22px;
	}
	.vk-campus-card__body {
		padding: 18px;
	}
	.vk-campus-card__actions {
		flex-direction: column;
		gap: 8px;
	}
	.vk-campus-card__btn {
		flex: 0 0 auto;
		width: 100%;
	}
	body.vk-page-contact #backtotop {
		bottom: 96px !important;
		right: 16px !important;
	}
	.vk-campus-gallery__title {
		font-size: 22px !important;
	}
	.vk-campus-gallery__grid {
		grid-template-columns: 1fr 1fr;
		gap: 8px;
		padding: 0 12px 12px;
	}
	.vk-campus-lightbox {
		padding: 56px 12px;
	}
	.vk-campus-lightbox__nav {
		width: 40px;
		height: 40px;
	}
}

/* Yardım */
.vk-page-help .vk-page-hero__media img {
	object-position: 50% 70%;
}
.vk-page-help .vk-page-hero__content {
	padding-bottom: 88px;
}
body.vk-page-help .container,
body.vk-page-help main {
	background: #eef1f6 !important;
}
.main.vk-help {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 0 56px !important;
	background: #eef1f6;
}
.vk-help__panel {
	width: min(100% - 32px, 860px);
	margin: 48px auto 0;
	padding: 0;
}
.vk-help__intro {
	margin: 0 0 28px;
	font-family: var(--vk-font-sans);
	font-size: 15px;
	line-height: 1.65;
	color: var(--vk-muted);
	text-align: center;
}
body.vk-page-help .helpform {
	margin: 0 !important;
	width: 100% !important;
}
body.vk-page-help .helptitle {
	margin: 0 0 12px;
	text-align: center;
	font-family: var(--vk-font-serif) !important;
	font-size: 32px !important;
	font-weight: 500 !important;
	line-height: 1.2 !important;
	color: var(--vk-navy) !important;
}
@media (max-width: 640px) {
	.vk-page-help .vk-page-hero__content {
		padding-bottom: 56px;
	}
	.vk-help__panel {
		width: min(100% - 24px, 860px);
		margin: 32px auto 0;
	}
	.main.vk-help {
		padding-bottom: 40px !important;
	}
	body.vk-page-help .helptitle {
		font-size: 26px !important;
	}
}

/* Yasal sayfalar (KVKK / Çerez) */
.vk-page-legal .vk-page-hero__media img {
	object-position: 50% 70%;
}
.vk-page-legal .vk-page-hero__content {
	padding-bottom: 88px;
}
body.vk-page-legal .container,
body.vk-page-legal main {
	background: #eef1f6 !important;
}
.main.vk-legal {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 0 56px !important;
	background: #eef1f6;
}
.vk-legal__panel {
	width: min(100% - 32px, 920px);
	margin: 48px auto 0;
	padding: 0;
}
.vk-legal__card {
	padding: 36px 40px;
	border: 1px solid rgba(18, 36, 72, 0.08);
	border-radius: 24px;
	background: var(--vk-white);
	box-shadow: var(--vk-shadow);
	font-family: var(--vk-font-sans);
	font-size: 15.5px;
	line-height: 1.7;
	color: var(--vk-text);
}
.vk-legal__card p {
	margin: 0 0 16px;
}
.vk-legal__card p:last-child {
	margin-bottom: 0;
}
.vk-legal__card strong {
	font-family: var(--vk-font-sans);
	font-weight: 650;
	color: var(--vk-navy);
}
.vk-legal__card a {
	color: var(--vk-navy) !important;
	text-decoration: underline !important;
	text-underline-offset: 2px;
}
.vk-legal__card a:hover {
	color: var(--vk-burgundy) !important;
}
.vk-legal__card ul {
	margin: 0 0 18px;
	padding: 0 0 0 1.15em;
}
.vk-legal__card li {
	margin: 0 0 8px;
}
.vk-legal__card table {
	width: 100%;
	margin: 8px 0 24px;
	border-collapse: separate;
	border-spacing: 0;
	overflow: hidden;
	border: 1px solid rgba(18, 36, 72, 0.12);
	border-radius: 16px;
	background: #fff;
}
.vk-legal__card table td {
	width: auto;
	padding: 18px 20px;
	vertical-align: top;
	border-bottom: 1px solid rgba(18, 36, 72, 0.1);
	border-right: 1px solid rgba(18, 36, 72, 0.1);
	font-size: 14.5px;
	line-height: 1.65;
	color: var(--vk-text);
}
.vk-legal__card table tr:last-child td {
	border-bottom: none;
}
.vk-legal__card table td:first-child {
	width: 34%;
	background: rgba(11, 19, 41, 0.03);
	color: var(--vk-navy);
	font-weight: 600;
}
.vk-legal__card table td:last-child {
	border-right: none;
}
.vk-legal__card table td p {
	margin: 0 0 10px;
}
.vk-legal__card table td p:last-child {
	margin-bottom: 0;
}
.vk-legal__card table em {
	font-style: italic;
	font-weight: 500;
	color: var(--vk-muted);
}
.vk-legal__note {
	margin-top: 8px !important;
	padding-top: 18px;
	border-top: 1px solid rgba(18, 36, 72, 0.1);
	text-align: center;
	font-size: 14px;
	color: var(--vk-muted);
}
@media (max-width: 640px) {
	.vk-page-legal .vk-page-hero__content {
		padding-bottom: 56px;
	}
	.vk-legal__panel {
		width: min(100% - 24px, 920px);
		margin: 32px auto 0;
	}
	.main.vk-legal {
		padding-bottom: 40px !important;
	}
	.vk-legal__card {
		padding: 24px 18px;
		border-radius: 20px;
	}
	.vk-legal__card table,
	.vk-legal__card table tbody,
	.vk-legal__card table tr,
	.vk-legal__card table td {
		display: block;
		width: 100% !important;
	}
	.vk-legal__card table {
		border: 0;
		border-radius: 0;
		background: transparent;
	}
	.vk-legal__card table tr {
		margin: 0 0 12px;
		overflow: hidden;
		border: 1px solid rgba(18, 36, 72, 0.12);
		border-radius: 14px;
		background: #fff;
	}
	.vk-legal__card table td {
		border: 0 !important;
		border-bottom: 1px solid rgba(18, 36, 72, 0.08) !important;
	}
	.vk-legal__card table td:last-child {
		border-bottom: none !important;
	}
}

/* Açık Pozisyonlar */
.vk-page-jobs .vk-page-hero__media img {
	object-position: 50% 68%;
}
.vk-page-jobs .vk-page-hero__content {
	padding-bottom: 88px;
}
body.vk-page-jobs .container,
body.vk-page-jobs main {
	background: #eef1f6 !important;
}
.main.vk-jobs {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 0 56px !important;
	background: #eef1f6;
}
.vk-jobs__panel {
	width: min(100% - 32px, var(--vk-max));
	margin: 48px auto 0;
	padding: 0;
}
.vk-jobs__filter {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 14px;
	align-items: end;
	margin: 0 0 28px;
	padding: 18px;
	border: 1px solid rgba(18, 36, 72, 0.08);
	border-radius: 20px;
	background: var(--vk-white);
	box-shadow: var(--vk-shadow);
}
.vk-jobs__select {
	display: flex;
	flex-direction: column;
	gap: 8px;
	min-width: 0;
}
.vk-jobs__select-label {
	padding-left: 4px;
	font-family: var(--vk-font-sans);
	font-size: 12px;
	font-weight: 650;
	letter-spacing: 0.04em;
	color: var(--vk-muted);
}
.vk-jobs__select-control,
.vk-jobs__filter .selectlist {
	width: 100% !important;
	height: 52px !important;
	line-height: 52px !important;
	padding: 0 48px 0 16px !important;
	border: 1px solid rgba(18, 36, 72, 0.14) !important;
	border-radius: 14px !important;
	background-color: #f7f8fb !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6l4 4 4-4' stroke='%230b1329' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: right 16px center !important;
	background-size: 16px 16px !important;
	font-family: var(--vk-font-sans) !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	color: var(--vk-navy) !important;
	cursor: pointer !important;
	box-shadow: none !important;
	-webkit-appearance: none !important;
	appearance: none !important;
	transition: border-color 0.25s var(--vk-ease), box-shadow 0.25s var(--vk-ease), background-color 0.25s var(--vk-ease) !important;
}
.vk-jobs__select-control:hover,
.vk-jobs__filter .selectlist:hover {
	border-color: rgba(18, 36, 72, 0.28) !important;
	background-color: #fff !important;
}
.vk-jobs__select-control:focus,
.vk-jobs__filter .selectlist:focus {
	border-color: var(--vk-gold) !important;
	background-color: #fff !important;
	box-shadow: 0 0 0 4px rgba(230, 182, 127, 0.18) !important;
	outline: none !important;
}
.vk-jobs__filter .button {
	width: auto !important;
	min-width: 148px;
	height: 52px !important;
	line-height: 52px !important;
	margin: 0 !important;
	float: none !important;
}
.vk-jobs__list {
	display: grid;
	gap: 18px;
}
.vk-job-card {
	display: grid;
	grid-template-columns: 96px minmax(0, 1fr) auto;
	gap: 22px;
	align-items: center;
	padding: 22px;
	border: 1px solid rgba(18, 36, 72, 0.08);
	border-radius: 22px;
	background: var(--vk-white);
	box-shadow: var(--vk-shadow);
	transition: opacity 0.7s var(--vk-ease), transform 0.7s var(--vk-ease), box-shadow 0.35s var(--vk-ease);
}
.vk-job-card.reveal.is-visible:hover {
	transform: translateY(-3px);
	box-shadow: var(--vk-shadow-lg);
}
.vk-jobs__list .vk-job-card.reveal:nth-child(1) { transition-delay: 0.04s !important; }
.vk-jobs__list .vk-job-card.reveal:nth-child(2) { transition-delay: 0.1s !important; }
.vk-jobs__list .vk-job-card.reveal:nth-child(3) { transition-delay: 0.16s !important; }
.vk-jobs__list .vk-job-card.reveal:nth-child(4) { transition-delay: 0.22s !important; }
.vk-jobs__list .vk-job-card.reveal:nth-child(5) { transition-delay: 0.28s !important; }
.vk-jobs__list .vk-job-card.reveal:nth-child(6) { transition-delay: 0.34s !important; }
.vk-jobs__list .vk-job-card.reveal:nth-child(7) { transition-delay: 0.4s !important; }
.vk-jobs__list .vk-job-card.reveal:nth-child(8) { transition-delay: 0.46s !important; }
.vk-jobs__list .vk-job-card.reveal:nth-child(9) { transition-delay: 0.52s !important; }
.vk-jobs__list .vk-job-card.reveal:nth-child(10) { transition-delay: 0.58s !important; }
.vk-jobs__list .vk-job-card.reveal:nth-child(11) { transition-delay: 0.64s !important; }
.vk-jobs__list .vk-job-card.reveal:nth-child(12) { transition-delay: 0.7s !important; }
.vk-jobs__list .vk-job-card.reveal:nth-child(n+13) { transition-delay: 0.76s !important; }
.vk-job-card__media {
	width: 96px;
	height: 96px;
	overflow: hidden;
	border-radius: 18px;
	background: #eef1f6;
}
.vk-job-card__media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.vk-job-card__title {
	margin: 0 0 8px;
	font-family: var(--vk-font-serif) !important;
	font-size: 26px !important;
	font-weight: 500 !important;
	line-height: 1.2 !important;
	color: var(--vk-navy) !important;
}
.vk-job-card__text {
	margin: 0 0 14px;
	font-family: var(--vk-font-sans);
	font-size: 15px;
	line-height: 1.6;
	color: var(--vk-muted);
}
.vk-job-card__tags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.vk-job-card__tags li {
	display: inline-flex;
	align-items: center;
	min-height: 30px;
	padding: 4px 12px;
	border-radius: 999px;
	background: rgba(11, 19, 41, 0.05);
	font-family: var(--vk-font-sans);
	font-size: 12.5px;
	font-weight: 600;
	color: var(--vk-navy);
}
.vk-job-card__actions {
	display: flex;
	flex-direction: column;
	gap: 10px;
	min-width: 168px;
}
.vk-job-card__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 0 18px;
	border-radius: var(--vk-pill);
	font-family: var(--vk-font-sans) !important;
	font-size: 13.5px !important;
	font-weight: 650 !important;
	text-decoration: none !important;
	text-align: center;
	transition: transform 0.3s var(--vk-ease), background-color 0.3s var(--vk-ease), color 0.3s var(--vk-ease), border-color 0.3s var(--vk-ease);
}
.vk-job-card__btn--ghost {
	border: 1px solid rgba(18, 36, 72, 0.16);
	background: #fff;
	color: var(--vk-navy) !important;
}
.vk-job-card__btn--ghost:hover {
	border-color: var(--vk-navy);
	transform: translateY(-2px);
}
.vk-job-card__btn--primary {
	border: 1px solid transparent;
	background: var(--vk-gold);
	color: var(--vk-navy) !important;
}
.vk-job-card__btn--primary:hover {
	background: var(--vk-navy);
	color: var(--vk-white) !important;
	transform: translateY(-2px);
}
.vk-job-card__btn--done {
	border: 1px solid transparent;
	background: var(--vk-burgundy);
	color: var(--vk-white) !important;
	cursor: default;
}
.vk-jobs__empty {
	padding: 48px 28px;
	border: 1px solid rgba(18, 36, 72, 0.08);
	border-radius: 22px;
	background: var(--vk-white);
	box-shadow: var(--vk-shadow);
	text-align: center;
}
.vk-jobs__empty p {
	margin: 0;
	font-family: var(--vk-font-sans);
	font-size: 16px;
	line-height: 1.6;
	color: var(--vk-muted);
}
.vk-job-detail {
	padding: 36px 40px;
	border: 1px solid rgba(18, 36, 72, 0.08);
	border-radius: 24px;
	background: var(--vk-white);
	box-shadow: var(--vk-shadow);
}
.vk-job-detail__tags {
	margin-bottom: 24px;
}
.vk-job-detail__content {
	font-family: var(--vk-font-sans);
	font-size: 15.5px;
	line-height: 1.75;
	color: var(--vk-text);
}
.vk-job-detail__content p {
	margin: 0 0 14px;
}
.vk-job-detail__content ul,
.vk-job-detail__content ol {
	margin: 0 0 18px;
	padding-left: 1.2em;
}
.vk-job-detail__content li {
	margin: 0 0 8px;
}
.vk-job-detail__content strong {
	color: var(--vk-navy);
}
.vk-job-detail__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 28px;
	padding-top: 24px;
	border-top: 1px solid rgba(18, 36, 72, 0.1);
}
.vk-job-detail__actions .vk-job-card__btn {
	min-width: 168px;
}
@media (max-width: 900px) {
	.vk-job-card {
		grid-template-columns: 72px minmax(0, 1fr);
	}
	.vk-job-card__media {
		width: 72px;
		height: 72px;
		border-radius: 14px;
	}
	.vk-job-card__actions {
		grid-column: 1 / -1;
		flex-direction: row;
		min-width: 0;
	}
	.vk-job-card__btn {
		flex: 1 1 auto;
	}
}
@media (max-width: 640px) {
	.vk-page-jobs .vk-page-hero__content {
		padding-bottom: 56px;
	}
	.vk-jobs__panel {
		width: min(100% - 24px, var(--vk-max));
		margin: 32px auto 0;
	}
	.main.vk-jobs {
		padding-bottom: 40px !important;
	}
	.vk-jobs__filter {
		grid-template-columns: 1fr;
		padding: 16px;
		align-items: stretch;
	}
	.vk-jobs__filter .button {
		width: 100% !important;
	}
	.vk-job-card {
		padding: 18px;
		gap: 14px;
	}
	.vk-job-card__title {
		font-size: 22px !important;
	}
	.vk-job-card__text {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		overflow: hidden;
	}
	.vk-job-detail {
		padding: 24px 18px;
		border-radius: 20px;
	}
	.vk-job-detail__actions .vk-job-card__btn {
		flex: 1 1 100%;
	}
}
/* period-v2 */

/* Auth + Panel — hero yok, mavi menü */
body.vk-page-auth header:not(.period__head),
body.vk-page-panel header:not(.period__head) {
	background: var(--vk-navy) !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
	box-shadow: none !important;
}
body.vk-page-auth header:not(.period__head).is-scrolled,
body.vk-page-panel header:not(.period__head).is-scrolled {
	background: rgba(11, 19, 41, 0.98) !important;
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.2) !important;
}
body.vk-page-panel .vk-panel__head {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	min-height: 0 !important;
	height: auto !important;
	position: static !important;
	color: inherit !important;
}
body.vk-page-auth .vk-brand,
body.vk-page-panel .vk-brand {
	color: var(--vk-white) !important;
}
body.vk-page-auth .vk-brand__tag,
body.vk-page-panel .vk-brand__tag {
	color: #e8c46a !important;
}
body.vk-page-auth .menu > ul > li > a,
body.vk-page-panel .menu > ul > li > a {
	color: rgba(255, 255, 255, 0.92) !important;
}
body.vk-page-auth .menu > ul > li > a:hover,
body.vk-page-auth .menu > ul > li:hover > a,
body.vk-page-auth .menu > ul > li > a.is-active,
body.vk-page-panel .menu > ul > li > a:hover,
body.vk-page-panel .menu > ul > li:hover > a,
body.vk-page-panel .menu > ul > li > a.is-active {
	color: var(--vk-white) !important;
}
body.vk-page-auth .menu ul li ul li a,
body.vk-page-panel .menu ul li ul li a {
	color: var(--vk-navy) !important;
}
body.vk-page-auth .menu ul li ul li a:hover,
body.vk-page-panel .menu ul li ul li a:hover {
	color: var(--vk-navy) !important;
	background: rgba(11, 19, 41, 0.06) !important;
}
body.vk-page-auth .menu ul li.menu-cta > a,
body.vk-page-panel .menu ul li.menu-cta > a {
	background: var(--vk-gold) !important;
	color: var(--vk-navy) !important;
}
body.vk-page-auth .menu ul li.menu-cta > a:hover,
body.vk-page-auth .menu > ul > li.menu-cta:hover > a,
body.vk-page-panel .menu ul li.menu-cta > a:hover,
body.vk-page-panel .menu > ul > li.menu-cta:hover > a {
	background: var(--vk-white) !important;
	color: var(--vk-navy) !important;
}
body.vk-page-auth #mobilmenu,
body.vk-page-panel #mobilmenu {
	background: var(--vk-navy) !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}
body.vk-page-auth .container,
body.vk-page-auth main {
	background: #eef1f6 !important;
}
body.vk-page-panel .container,
body.vk-page-panel main {
	background: #eef1f6 !important;
}
.main.vk-auth {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 40px 0 56px !important;
	background: #eef1f6;
}
.vk-auth__panel {
	width: min(100% - 32px, 520px);
	margin: 24px auto 0;
	padding: 0;
}
.vk-auth__card {
	padding: 36px 32px 32px;
	border: 1px solid rgba(18, 36, 72, 0.08);
	border-radius: 24px;
	background: var(--vk-white);
	box-shadow: var(--vk-shadow);
}
.vk-auth__title {
	margin: 0 0 10px;
	text-align: center;
	font-family: var(--vk-font-serif) !important;
	font-size: 30px !important;
	font-weight: 500 !important;
	line-height: 1.2 !important;
	color: var(--vk-navy) !important;
}
.vk-auth__intro {
	margin: 0 0 28px;
	font-family: var(--vk-font-sans);
	font-size: 15px;
	line-height: 1.65;
	color: var(--vk-muted);
	text-align: center;
}
body.vk-page-auth .vk-auth__card .form {
	margin: 0 !important;
	width: 100% !important;
}
body.vk-page-auth .vk-auth__card .button {
	width: 100% !important;
	float: none !important;
	display: block !important;
	margin: 0 !important;
	min-height: 48px;
	border-radius: var(--vk-pill) !important;
	font-weight: 650 !important;
	letter-spacing: 0.02em;
}
.vk-auth__links {
	display: flex;
	justify-content: flex-end;
	margin-top: -4px !important;
	margin-bottom: 8px !important;
}
body.vk-page-auth .vk-auth__links .forgot {
	font-family: var(--vk-font-sans) !important;
	font-size: 13.5px !important;
	font-weight: 600 !important;
	color: var(--vk-navy) !important;
	text-decoration: none !important;
}
body.vk-page-auth .vk-auth__links .forgot:hover {
	color: var(--vk-burgundy) !important;
}
.vk-auth__register {
	margin: 22px 0 0;
	padding-top: 20px;
	border-top: 1px solid rgba(18, 36, 72, 0.1);
	font-family: var(--vk-font-sans);
	font-size: 14.5px;
	line-height: 1.5;
	color: var(--vk-muted);
	text-align: center;
}
.vk-auth__register a {
	font-weight: 650;
	color: var(--vk-navy) !important;
	text-decoration: none !important;
}
.vk-auth__register a:hover {
	color: var(--vk-burgundy) !important;
}
.vk-auth__panel--register {
	width: min(100% - 32px, 640px);
}
.vk-auth__card--register {
	padding: 36px 32px 32px;
}
.vk-auth__row {
	display: grid !important;
	grid-template-columns: 1fr 1fr;
	gap: 14px;
	margin: 0 0 16px !important;
	padding: 0 !important;
	list-style: none !important;
}
.vk-auth__row > li {
	margin: 0 !important;
	min-width: 0;
}
body.vk-page-auth .vk-auth__kvkk {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	margin: 4px 0 18px !important;
}
body.vk-page-auth .vk-auth__kvkk .checkbox {
	flex: 0 0 auto;
	margin-top: 4px !important;
}
body.vk-page-auth .vk-auth__kvkk .kvkk {
	flex: 1 1 auto;
	display: block !important;
	float: none !important;
	width: auto !important;
	margin: 0 !important;
	font-family: var(--vk-font-sans) !important;
	font-size: 13px !important;
	font-style: normal !important;
	line-height: 1.55 !important;
	color: var(--vk-muted) !important;
}
body.vk-page-auth .vk-auth__kvkk .kvkk a {
	color: var(--vk-navy) !important;
	font-weight: 600 !important;
	text-decoration: none !important;
	transition: color 0.35s var(--vk-ease);
}
body.vk-page-auth .vk-auth__kvkk .kvkk a:hover {
	color: var(--vk-burgundy) !important;
}
@media (max-width: 640px) {
	.vk-auth__panel {
		width: min(100% - 24px, 520px);
		margin: 16px auto 0;
	}
	.vk-auth__panel--register {
		width: min(100% - 24px, 640px);
	}
	.vk-auth__card {
		padding: 28px 18px 24px;
		border-radius: 20px;
	}
	.vk-auth__title {
		font-size: 26px !important;
	}
	.main.vk-auth {
		padding: 28px 0 40px !important;
	}
	.vk-auth__row {
		grid-template-columns: 1fr;
		gap: 16px;
	}
}

/* ========== VO Toast + Confirm ========== */
.background,
.done,
.error,
.question {
	position: absolute !important;
	left: -10000px !important;
	top: 0 !important;
	width: 1px !important;
	height: 1px !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
	z-index: -1 !important;
	border: 0 !important;
	box-shadow: none !important;
	background: transparent !important;
	transform: none !important;
}
.vo-toast-layer {
	position: fixed;
	inset: 0;
	z-index: 5600;
	display: none;
	pointer-events: none;
	align-items: center;
	justify-content: center;
	padding: 20px;
	box-sizing: border-box;
}
.vo-toast-layer.is-in,
.vo-toast-layer.is-out {
	display: flex;
}
.vo-toast-backdrop {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.88);
	opacity: 0;
	pointer-events: auto;
	transition: opacity 0.38s ease;
}
.vo-toast-layer.is-in .vo-toast-backdrop {
	opacity: 1;
}
.vo-toast-layer.is-out .vo-toast-backdrop {
	opacity: 0;
	pointer-events: none;
}
.vo-toast-layer:not(.is-in) .vo-toast-backdrop {
	pointer-events: none;
}
.vo-toast-layer.is-in .vo-toast-backdrop {
	pointer-events: auto;
}
.vo-toast-host {
	position: relative;
	z-index: 1;
	width: min(380px, calc(100vw - 40px));
	pointer-events: none;
}
.vo-toast {
	position: relative;
	pointer-events: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	width: 100%;
	box-sizing: border-box;
	padding: 28px 26px 32px;
	border-radius: 20px;
	background: #ffffff;
	border: 1px solid rgba(32, 52, 98, 0.08);
	box-shadow:
		0 28px 64px rgba(21, 39, 68, 0.28),
		0 8px 18px rgba(21, 39, 68, 0.1);
	overflow: hidden;
	opacity: 0;
	transform: translateY(22px) scale(0.86);
	transition:
		opacity 0.42s cubic-bezier(0.22, 1, 0.36, 1),
		transform 0.56s cubic-bezier(0.34, 1.45, 0.45, 1);
	will-change: opacity, transform;
}
.vo-toast::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 4px;
}
.vo-toast-glow {
	position: absolute;
	left: 50%;
	top: -40px;
	width: 180px;
	height: 120px;
	margin-left: -90px;
	border-radius: 50%;
	pointer-events: none;
	opacity: 0.55;
	filter: blur(28px);
}
.vo-toast.is-in {
	opacity: 1;
	transform: translateY(0) scale(1);
}
.vo-toast.is-out {
	opacity: 0;
	transform: translateY(12px) scale(0.94);
	transition-duration: 0.26s, 0.3s;
	transition-timing-function: ease, cubic-bezier(0.4, 0, 0.2, 1);
}
.vo-toast-success {
	background: linear-gradient(180deg, #f4fbf7 0%, #ffffff 42%);
}
.vo-toast-success::before {
	background: linear-gradient(90deg, #0f8a45, #3dbf78);
}
.vo-toast-success .vo-toast-glow {
	background: rgba(15, 138, 69, 0.35);
}
.vo-toast-error {
	background: linear-gradient(180deg, #fbf4f6 0%, #ffffff 42%);
}
.vo-toast-error::before {
	background: linear-gradient(90deg, #701932, #c19668);
}
.vo-toast-error .vo-toast-glow {
	background: rgba(112, 25, 50, 0.3);
}
.vo-toast-icon-wrap {
	position: relative;
	z-index: 1;
	flex: 0 0 64px;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transform: scale(0.55);
	opacity: 0;
	transition:
		transform 0.55s cubic-bezier(0.34, 1.55, 0.45, 1) 0.08s,
		opacity 0.35s ease 0.08s;
}
.vo-toast.is-in .vo-toast-icon-wrap {
	transform: scale(1);
	opacity: 1;
}
.vo-toast-success .vo-toast-icon-wrap {
	background: rgba(15, 138, 69, 0.12);
	color: #0f8a45;
	box-shadow: 0 0 0 8px rgba(15, 138, 69, 0.06);
}
.vo-toast-error .vo-toast-icon-wrap {
	background: rgba(112, 25, 50, 0.12);
	color: #701932;
	box-shadow: 0 0 0 8px rgba(112, 25, 50, 0.06);
}
.vo-toast-icon,
.vo-toast-icon:before {
	font-family: var(--vk-font-sans), system-ui, sans-serif !important;
	font-style: normal !important;
	font-size: 28px;
	font-weight: 700;
	line-height: 1;
	margin: 0;
	width: auto;
	color: inherit !important;
	-webkit-font-smoothing: antialiased;
}
.vo-toast-success .icon-ok:before {
	content: "✓" !important;
}
.vo-toast-error .icon-attention:before {
	content: "!" !important;
}
.vo-toast-content {
	position: relative;
	z-index: 1;
	width: 100%;
	min-width: 0;
	text-align: center;
	opacity: 0;
	transform: translateY(8px);
	transition:
		opacity 0.4s ease 0.16s,
		transform 0.45s cubic-bezier(0.22, 1, 0.36, 1) 0.16s;
}
.vo-toast.is-in .vo-toast-content {
	opacity: 1;
	transform: translateY(0);
}
.vo-toast-label {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	margin-bottom: 8px;
	color: #6b7280;
}
.vo-toast-success .vo-toast-label {
	color: #0f8a45;
}
.vo-toast-error .vo-toast-label {
	color: #701932;
}
.vo-toast-body {
	font-size: 15px;
	line-height: 1.5;
	color: #1f2430;
	font-weight: 500;
	text-align: center;
}
.vo-toast-body,
.vo-toast-body * {
	text-align: center !important;
}
.vo-toast-body br {
	line-height: 1.55;
}
.vo-toast-progress {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 4px;
	border-radius: 0 0 20px 20px;
	background: rgba(32, 52, 98, 0.16);
	overflow: hidden;
	z-index: 3;
	pointer-events: none;
}
.vo-toast-progress-bar {
	display: block;
	height: 100%;
	width: 100%;
	max-width: 100%;
	border-radius: 0;
	transform: none;
	will-change: width;
}
.vo-toast-success .vo-toast-progress-bar {
	background: linear-gradient(90deg, #0f8a45 0%, #2fbf6e 55%, #c19668 100%);
}
.vo-toast-error .vo-toast-progress-bar {
	background: linear-gradient(90deg, #701932 0%, #a33d5a 55%, #c19668 100%);
}
.vo-toast.is-in .vo-toast-progress-bar.is-running {
	animation-name: vo-toast-progress;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
}
@keyframes vo-toast-progress {
	from { width: 100%; }
	to { width: 0%; }
}
.vo-confirm-layer {
	position: fixed;
	inset: 0;
	z-index: 5700;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 16px;
	opacity: 0;
	transition: opacity 0.22s ease;
}
.vo-confirm-layer.is-in {
	opacity: 1;
}
.vo-confirm-layer.is-out {
	opacity: 0;
}
.vo-confirm-backdrop {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.88);
}
.vo-confirm-card {
	position: relative;
	z-index: 1;
	width: min(360px, 100%);
	background: #fff;
	border-radius: 16px;
	border: 1px solid rgba(32, 52, 98, 0.08);
	box-shadow: 0 22px 48px rgba(21, 39, 68, 0.22);
	padding: 22px 20px 18px;
	transform: translateY(10px) scale(0.98);
	transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}
.vo-confirm-layer.is-in .vo-confirm-card {
	transform: translateY(0) scale(1);
}
.vo-confirm-title {
	font-size: 15px;
	font-weight: 600;
	color: #1f2430;
	text-align: center;
	line-height: 1.45;
	margin-bottom: 18px;
}
.vo-confirm-actions {
	display: flex;
	gap: 10px;
	justify-content: center;
}
.vo-confirm-yes,
.vo-confirm-no {
	min-width: 108px;
	height: 40px;
	border: none;
	border-radius: 11px;
	font-family: inherit;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	transition: background-color 0.15s ease, color 0.15s ease;
}
.vo-confirm-yes {
	background: #203462;
	color: #fff;
}
.vo-confirm-yes:hover {
	background: #701932;
}
.vo-confirm-no {
	background: #eef1f7;
	color: #203462;
}
.vo-confirm-no:hover {
	background: #e2e6ef;
}
@media (prefers-reduced-motion: reduce) {
	.vo-toast,
	.vo-toast-backdrop,
	.vo-toast-icon-wrap,
	.vo-toast-content,
	.vo-confirm-layer,
	.vo-confirm-card {
		transition: none !important;
	}
	.vo-toast.is-in,
	.vo-toast.is-out {
		transform: none;
		opacity: 1;
	}
	.vo-toast.is-out {
		opacity: 0;
		transform: none;
	}
	.vo-toast.is-in .vo-toast-icon-wrap,
	.vo-toast.is-in .vo-toast-content {
		opacity: 1;
		transform: none;
	}
	.vo-toast.is-in .vo-toast-progress-bar.is-running {
		animation: none !important;
		width: 100% !important;
	}
	.vo-toast-layer.is-in .vo-toast-backdrop {
		opacity: 1;
	}
}
/* ========== VO Toast + Confirm end ========== */

/* ========== Aday panel ========== */
.main.vk-panel {
	width: min(100% - 48px, 1180px) !important;
	max-width: none !important;
	margin: 0 auto !important;
	padding: 36px 0 64px !important;
	background: transparent !important;
}
.vk-panel__head {
	margin: 0 0 28px;
}
.vk-panel__eyebrow {
	margin: 0 0 8px;
	font-family: var(--vk-font-sans);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--vk-gold-2);
}
.vk-panel__title {
	margin: 0 0 8px;
	font-family: var(--vk-font-serif) !important;
	font-size: 34px !important;
	font-weight: 500 !important;
	line-height: 1.15 !important;
	color: var(--vk-navy) !important;
}
.vk-panel__lead {
	margin: 0;
	font-family: var(--vk-font-sans);
	font-size: 15px;
	line-height: 1.6;
	color: var(--vk-muted);
}
.vk-panel__grid {
	display: grid;
	grid-template-columns: minmax(240px, 300px) minmax(0, 1fr);
	gap: 24px;
	align-items: start;
}
.vk-panel__side,
.vk-panel__main {
	display: flex;
	flex-direction: column;
	gap: 20px;
	min-width: 0;
}
.vk-panel__card {
	padding: 28px 24px;
	border: 1px solid rgba(18, 36, 72, 0.08);
	border-radius: 22px;
	background: var(--vk-white);
	box-shadow: var(--vk-shadow);
}
.vk-panel__card-title {
	margin: 0 0 16px;
	font-family: var(--vk-font-serif) !important;
	font-size: 22px !important;
	font-weight: 500 !important;
	line-height: 1.25 !important;
	color: var(--vk-navy) !important;
}
body.vk-page-panel .vk-panel__card .progressbox {
	width: 100%;
	margin: 0 auto;
	justify-content: center;
}
body.vk-page-panel .vk-panel__card .progressinfo {
	width: 100%;
	font-family: var(--vk-font-sans) !important;
	color: var(--vk-navy) !important;
}
body.vk-page-panel .vk-panel__card .progressalert {
	font-family: var(--vk-font-sans) !important;
	font-size: 13.5px !important;
	color: var(--vk-burgundy) !important;
}
.vk-panel__alert {
	font-family: var(--vk-font-sans);
	font-size: 13px;
	line-height: 1.6;
	text-align: center;
	color: var(--vk-muted);
}
.vk-panel__alert strong {
	display: block;
	margin-bottom: 8px;
	color: var(--vk-burgundy);
	font-weight: 700;
	letter-spacing: 0.04em;
}
.vk-panel__status {
	text-align: center;
}
.vk-panel__status img {
	display: block;
	margin: 0 auto 12px;
}
.vk-panel__status p {
	margin: 0 0 14px;
	font-family: var(--vk-font-sans);
	font-size: 14.5px;
	line-height: 1.55;
	color: var(--vk-muted);
}
.vk-panel__status .color_done {
	color: #1f7a3a !important;
}
.vk-panel__status .color_error {
	color: var(--vk-burgundy) !important;
}
.vk-panel__status .font_size_14 {
	font-size: 13.5px !important;
}
body.vk-page-panel .vk-panel__card .button,
body.vk-page-panel .vk-panel__row .button {
	float: none !important;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	margin: 0 !important;
	padding: 0 18px !important;
	border-radius: var(--vk-pill) !important;
	font-weight: 650 !important;
	letter-spacing: 0.02em;
	width: auto !important;
}
body.vk-page-panel .vk-panel__status .button.width_100,
body.vk-page-panel .vk-panel__status .button {
	width: 100% !important;
}
.vk-panel__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 14px;
}
.vk-panel__row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px 16px;
	padding: 14px 0 0;
	border-top: 1px solid rgba(18, 36, 72, 0.08);
}
.vk-panel__list > .vk-panel__row:first-child {
	border-top: 0;
	padding-top: 0;
}
.vk-panel__label {
	display: block;
	margin: 0 0 4px;
	font-family: var(--vk-font-sans);
	font-size: 12.5px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--vk-burgundy);
}
.vk-panel__value {
	font-family: var(--vk-font-sans);
	font-size: 15px;
	line-height: 1.45;
	color: var(--vk-navy);
}
.vk-panel__value img {
	vertical-align: middle;
	margin-left: 6px;
}
.vk-panel__meta {
	flex: 1 1 auto;
	min-width: 0;
}
.vk-panel__actions {
	flex: 0 0 auto;
}
.vk-panel__actions form {
	float: none !important;
	width: auto !important;
	margin: 0 !important;
}
@media (min-width: 641px) {
	.vk-panel__meta {
		flex: 1 1 220px;
	}
}
@media (max-width: 900px) {
	.main.vk-panel {
		width: min(100% - 32px, 1180px) !important;
		padding: 24px 0 48px !important;
	}
	.vk-panel__grid {
		grid-template-columns: 1fr;
		gap: 16px;
	}
	.vk-panel__side,
	.vk-panel__main {
		gap: 16px;
	}
	.vk-panel__title {
		font-size: 28px !important;
	}
	.vk-panel__head {
		margin-bottom: 20px;
	}
}
@media (max-width: 640px) {
	.main.vk-panel {
		width: min(100% - 24px, 1180px) !important;
		padding: 20px 0 40px !important;
	}
	.vk-panel__card {
		padding: 20px 16px;
		border-radius: 18px;
	}
	.vk-panel__card-title {
		font-size: 20px !important;
		margin-bottom: 12px;
	}
	.vk-panel__row {
		flex-direction: column;
		align-items: stretch;
		gap: 12px;
		padding-top: 12px;
	}
	.vk-panel__meta,
	.vk-panel__actions {
		flex: 0 0 auto;
		width: 100%;
	}
	body.vk-page-panel .vk-panel__row .button,
	body.vk-page-panel .vk-panel__actions .button {
		width: 100% !important;
	}
	body.vk-page-panel .vk-panel__card .progress {
		margin: 12px auto;
	}
	body.vk-page-panel .vk-panel__card .progressbox {
		margin-bottom: 0;
	}
	.vk-fill__list a {
		padding: 12px 4px;
		gap: 12px;
	}
	.vk-fill__actions .button {
		width: 100% !important;
	}
}
.vk-fill {
	max-width: 720px;
	margin: 0 auto;
}
.vk-fill__meter {
	margin: 0 0 8px;
}
.vk-fill__meter .progressbox {
	width: 100%;
	margin: 0 auto 8px;
	justify-content: center;
}
.vk-fill__meter .progressinfo {
	width: 100%;
	font-family: var(--vk-font-sans) !important;
	font-size: 14px !important;
	font-weight: 650 !important;
	color: var(--vk-navy) !important;
}
.vk-fill__list {
	list-style: none;
	margin: 8px 0 0;
	padding: 0;
}
.vk-fill__list li {
	margin: 0;
	border-bottom: 1px solid rgba(18, 36, 72, 0.08);
}
.vk-fill__list li:last-child {
	border-bottom: 0;
}
.vk-fill__list a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 14px 4px;
	text-decoration: none !important;
	transition: background-color 0.25s var(--vk-ease), transform 0.25s var(--vk-ease);
	border-radius: 12px;
}
.vk-fill__list a:hover {
	background: rgba(11, 19, 41, 0.03);
}
.vk-fill__list a span {
	font-family: var(--vk-font-sans) !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	line-height: 1.4 !important;
	color: var(--vk-navy) !important;
}
.vk-fill__list a span.color_done {
	color: #1f7a4d !important;
}
.vk-fill__list a span.color_error {
	color: var(--vk-burgundy) !important;
}
.vk-fill__list a img {
	flex: 0 0 auto;
	width: 40px;
	height: 40px;
	display: block;
}
.vk-fill__actions {
	display: flex;
	justify-content: center;
	margin-top: 24px;
	padding-top: 8px;
}
.vk-fill__actions .button {
	float: none !important;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-width: 200px;
	text-decoration: none !important;
}
.vk-apps {
	padding: 8px 24px 20px;
}
.vk-apps__empty {
	margin: 28px 0;
	text-align: center;
	font-family: var(--vk-font-sans);
	font-size: 15px;
	font-weight: 600;
	color: var(--vk-burgundy);
}
.vk-apps__head,
.vk-apps__row {
	display: grid;
	grid-template-columns: minmax(0, 1.5fr) minmax(140px, 0.9fr) minmax(120px, 0.8fr) 132px;
	gap: 16px;
	align-items: center;
	padding-left: 8px;
	padding-right: 8px;
}
.vk-apps__head {
	padding-top: 14px;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(18, 36, 72, 0.08);
	font-family: var(--vk-font-sans);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--vk-muted);
}
.vk-apps__list {
	list-style: none;
	margin: 0;
	padding: 0;
}
.vk-apps__row {
	padding-top: 18px;
	padding-bottom: 18px;
	border-bottom: 1px solid rgba(18, 36, 72, 0.08);
}
.vk-apps__row:last-child {
	border-bottom: 0;
}
.vk-apps__label {
	display: none;
	margin: 0 0 4px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--vk-muted);
}
.vk-apps__cell {
	font-family: var(--vk-font-sans);
	font-size: 15px;
	color: var(--vk-text);
	min-width: 0;
}
.vk-apps__cell strong {
	display: block;
	font-weight: 650;
	color: var(--vk-navy);
	line-height: 1.35;
}
.vk-apps__stage {
	display: inline-flex;
	align-items: center;
	padding: 6px 12px;
	border-radius: var(--vk-pill);
	background: rgba(11, 19, 41, 0.06);
	font-size: 13px;
	font-weight: 650;
	color: var(--vk-navy);
}
.vk-apps__cell--act {
	display: flex;
	justify-content: flex-end;
}
.vk-apps__withdraw {
	float: none !important;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-width: 0 !important;
	width: 100% !important;
	max-width: 132px;
	height: 42px !important;
	line-height: 42px !important;
	padding: 0 14px !important;
	font-size: 13.5px !important;
	text-decoration: none !important;
	white-space: nowrap;
	box-sizing: border-box;
}
@media (max-width: 900px) {
	.vk-apps {
		padding: 8px 16px 16px;
	}
	.vk-apps__head {
		display: none;
	}
	.vk-apps__row {
		grid-template-columns: 1fr;
		gap: 10px;
		padding: 16px 4px;
	}
	.vk-apps__cell--act {
		justify-content: stretch;
	}
	.vk-apps__label {
		display: block;
	}
	.vk-apps__cell--act {
		padding-top: 4px;
	}
	.vk-apps__withdraw {
		width: 100% !important;
	}
}
.vk-panel-form {
	max-width: 560px;
	margin: 0 auto;
}
.vk-panel-form .form {
	margin: 0 !important;
	width: 100% !important;
}
.vk-panel-form .form > ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.vk-panel-form__warn {
	margin: 0 0 22px;
	padding: 16px 18px;
	border-radius: 16px;
	border: 1px solid rgba(139, 29, 44, 0.18);
	background: rgba(139, 29, 44, 0.06);
}
.vk-panel-form__warn strong {
	display: block;
	margin: 0 0 6px;
	font-family: var(--vk-font-sans);
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.02em;
	color: var(--vk-burgundy);
}
.vk-panel-form__warn p {
	margin: 0;
	font-family: var(--vk-font-sans);
	font-size: 14px;
	line-height: 1.55;
	color: var(--vk-muted);
}
.vk-panel-form__danger {
	background: var(--vk-burgundy) !important;
	color: var(--vk-white) !important;
}
.vk-panel-form__danger:hover {
	background: #6f1523 !important;
	color: var(--vk-white) !important;
}
.vk-panel-form__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	justify-content: space-between;
	align-items: center;
	margin-top: 8px;
}
.vk-panel-form__actions .button {
	float: none !important;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-width: 140px;
	margin: 0 !important;
	text-decoration: none !important;
}
.vk-panel-form__back {
	background: transparent !important;
	border: 1px solid rgba(18, 36, 72, 0.18) !important;
	color: var(--vk-navy) !important;
	box-shadow: none !important;
}
.vk-panel-form__back:hover {
	background: rgba(11, 19, 41, 0.04) !important;
	border-color: rgba(18, 36, 72, 0.28) !important;
	color: var(--vk-navy) !important;
}
@media (max-width: 640px) {
	.vk-panel-form__actions {
		flex-direction: column-reverse;
	}
	.vk-panel-form__actions .button {
		width: 100% !important;
	}
}
.vk-cv__nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 4px;
}
.vk-cv__nav a {
	display: block;
	padding: 10px 12px;
	border-radius: 12px;
	font-family: var(--vk-font-sans);
	font-size: 14px;
	font-weight: 600;
	line-height: 1.35;
	color: var(--vk-text);
	text-decoration: none !important;
	transition: background 0.2s var(--vk-ease), color 0.2s var(--vk-ease);
}
.vk-cv__nav a:hover {
	background: rgba(11, 19, 41, 0.05);
	color: var(--vk-navy);
}
.vk-cv__nav a.is-active {
	background: rgba(139, 29, 44, 0.08);
	color: var(--vk-burgundy);
}
.vk-cv__note strong {
	display: block;
	margin: 0 0 8px;
	font-family: var(--vk-font-sans);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--vk-burgundy);
}
.vk-cv__note p {
	margin: 0;
	font-family: var(--vk-font-sans);
	font-size: 13.5px;
	line-height: 1.55;
	color: var(--vk-muted);
}
.vk-cv__photo {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 14px;
	margin: 0 0 22px;
}
.vk-cv__photo img {
	width: 160px;
	height: 192px;
	object-fit: cover;
	border-radius: 18px;
	border: 1px solid rgba(18, 36, 72, 0.08);
	box-shadow: 0 12px 28px rgba(11, 19, 41, 0.08);
	background: #f0eee9;
}
.vk-cv__photo .button {
	float: none !important;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	margin: 0 !important;
	text-decoration: none !important;
}
.vk-cv__hint {
	margin: 0 0 20px;
	padding: 12px 14px;
	border-radius: 12px;
	background: rgba(139, 29, 44, 0.06);
	border: 1px solid rgba(139, 29, 44, 0.12);
	font-family: var(--vk-font-sans);
	font-size: 13.5px;
	line-height: 1.5;
	color: var(--vk-burgundy);
	text-align: center;
}
.vk-cv__form .form {
	margin: 0 !important;
	width: 100% !important;
}
.vk-cv__form .table {
	display: flex;
	flex-direction: column;
	gap: 14px;
	width: 100% !important;
}
.vk-cv__form .table_row {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px 16px;
	width: 100% !important;
	float: none !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none;
}
.vk-cv__form .table_row[style*="display: none"] {
	display: none !important;
}
.vk-cv__form .table_cell,
.vk-cv__form .table_group2 {
	float: none !important;
	display: block !important;
	width: auto !important;
	min-width: 0;
	padding: 0 !important;
}
.vk-cv__form .table_group2 {
	grid-column: 1 / -1;
}
.vk-cv__fields {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px 16px;
}
.vk-cv__fields > li {
	min-width: 0;
}
.vk-cv__form .vk-panel-form__actions {
	margin-top: 18px;
}
.vk-cv__tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0 0 20px;
	padding: 0;
	background: transparent !important;
	background-color: transparent !important;
	height: auto !important;
	min-height: 0 !important;
}
.vk-cv__tabs a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 40px;
	padding: 8px 14px;
	border-radius: 12px;
	border: 1px solid rgba(18, 36, 72, 0.12);
	background: #f7f6f3 !important;
	background-image: none !important;
	font-family: var(--vk-font-sans);
	font-size: 13.5px;
	font-weight: 600;
	line-height: 1.3 !important;
	color: var(--vk-text) !important;
	text-decoration: none !important;
	transition: background 0.2s var(--vk-ease), border-color 0.2s var(--vk-ease), color 0.2s var(--vk-ease);
}
.vk-cv__tabs a:hover {
	background: rgba(139, 29, 44, 0.08);
	border-color: rgba(139, 29, 44, 0.22);
	color: var(--vk-burgundy);
}
.vk-cv__tabs--exp {
	align-items: center;
	justify-content: space-between;
}
.vk-cv__exp-total {
	margin: 0;
	margin-left: auto;
	font-family: var(--vk-font-sans);
	font-size: 14px;
	line-height: 1.35;
	color: var(--vk-muted);
}
.vk-cv__exp-total span {
	margin-right: 8px;
}
.vk-cv__exp-total strong {
	color: var(--vk-burgundy);
	font-weight: 700;
}
.vk-cv__form .cvcreate_pagetitle_small {
	margin: 0 0 16px !important;
	padding: 0 !important;
	font-family: var(--vk-font-sans) !important;
	font-style: normal !important;
	font-size: 20px !important;
	font-weight: 600 !important;
	color: var(--vk-burgundy) !important;
	text-align: left !important;
}
.vk-cv__form .cvcreate_list {
	margin: 16px 0 0 !important;
	padding: 0 !important;
	border: 1px solid rgba(18, 36, 72, 0.08) !important;
	border-radius: 16px !important;
	overflow: hidden;
	background: #fff !important;
	box-shadow: none !important;
	float: none !important;
	width: 100% !important;
}
.vk-cv__form .cvcreate_list_title {
	margin: 0 !important;
	padding: 12px 16px !important;
	background: #f0eee9 !important;
	font-family: var(--vk-font-sans) !important;
	font-style: normal !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	color: var(--vk-burgundy) !important;
}
.vk-cv__form .cvcreate_list_content {
	padding: 12px 16px 16px !important;
}
.vk-cv__form .cvcreate_list_content ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 8px;
}
.vk-cv__form .cvcreate_list_content ul li {
	margin: 0 !important;
	padding: 0 !important;
	font-family: var(--vk-font-sans);
	font-size: 14px;
	line-height: 1.45;
	color: var(--vk-text);
	background: none !important;
	border: 0 !important;
}
.vk-cv__form .cvcreate_list_content .spantitle {
	display: inline-block;
	min-width: 140px;
	margin-right: 8px;
	font-weight: 700;
	color: var(--vk-navy);
}
.vk-cv__form .cvcreate_list_content a.confirm {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-top: 6px;
	padding: 8px 16px;
	border-radius: 999px;
	background: rgba(139, 29, 44, 0.08);
	color: var(--vk-burgundy) !important;
	font-weight: 700;
	text-decoration: none !important;
}
.vk-cv__form .cvcreate_list_content a.confirm:hover {
	background: rgba(139, 29, 44, 0.14);
}
.vk-cv__form > p.color_red,
.vk-cv__form > p.font_size_15 {
	margin: 18px 0 8px !important;
	font-family: var(--vk-font-sans) !important;
	color: var(--vk-burgundy) !important;
}
@media (max-width: 640px) {
	.vk-cv__fields,
	.vk-cv__form .table_row {
		grid-template-columns: 1fr;
	}
	.vk-cv__photo .button {
		width: 100% !important;
	}
	.vk-cv__form .mobildisplaynone {
		display: none !important;
	}
	.vk-cv__tabs a {
		flex: 1 1 calc(50% - 8px);
	}
	.vk-cv__form .cvcreate_list_content .spantitle {
		display: block;
		min-width: 0;
		margin: 0 0 2px;
	}
}
body.vk-page-panel .cvview.vk-panel__card {
	max-width: 980px;
	margin: 0 auto 24px;
	padding: 28px 28px 20px;
	overflow: hidden;
}
body.vk-page-panel .cvview {
	font-family: var(--vk-font-sans) !important;
	line-height: 1.55 !important;
	color: var(--vk-text) !important;
}
body.vk-page-panel .cvview_title {
	display: flex;
	align-items: center;
	height: auto !important;
	min-height: 0;
	margin: 28px 0 14px !important;
	padding: 10px 14px !important;
	border-radius: 12px !important;
	background: #f0eee9 !important;
	color: var(--vk-burgundy) !important;
	font-family: var(--vk-font-sans) !important;
	font-style: normal !important;
	font-size: 18px !important;
	font-weight: 600 !important;
	line-height: 1.3 !important;
}
body.vk-page-panel .cvview > .cvview_title:first-child {
	margin-top: 0 !important;
}
body.vk-page-panel .cvview_profile {
	display: flex;
	align-items: flex-start;
	gap: 28px;
	margin: 0 0 8px;
}
body.vk-page-panel .cvview_profile .cvview_left {
	float: none !important;
	flex: 1 1 auto;
	width: auto !important;
	min-width: 0;
}
body.vk-page-panel .cvview_profile .cvview_right {
	float: none !important;
	flex: 0 0 160px;
	width: 160px !important;
	height: auto !important;
	margin: 0 !important;
	order: 2;
}
body.vk-page-panel .cvview_profile .cvview_right img {
	display: block;
	width: 160px;
	height: 192px;
	object-fit: cover;
	border-radius: 16px !important;
	box-shadow: var(--vk-shadow);
}
body.vk-page-panel .cvview_left {
	float: none !important;
	width: auto !important;
	display: block;
}
body.vk-page-panel .cvview_right {
	float: none !important;
	width: auto !important;
	height: auto !important;
}
body.vk-page-panel .cvview_span {
	float: none !important;
	display: inline;
	margin-right: 8px !important;
	color: var(--vk-navy) !important;
	font-weight: 700 !important;
}
body.vk-page-panel .cvview .table_row {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px 24px;
	margin: 0 0 10px !important;
	padding: 0 !important;
	float: none !important;
	width: 100% !important;
}
body.vk-page-panel .cvview .table_cell {
	float: none !important;
	width: auto !important;
	display: block !important;
	font-family: var(--vk-font-sans) !important;
	font-size: 14.5px !important;
	line-height: 1.5 !important;
	color: var(--vk-text) !important;
}
body.vk-page-panel .cvview .mobildisplaynone {
	display: none !important;
}
body.vk-page-panel .cvview_hr {
	width: 100% !important;
	margin: 12px 0 !important;
	border: 0 !important;
	border-top: 1px solid rgba(18, 36, 72, 0.1) !important;
}
@media (max-width: 900px) {
	body.vk-page-panel .cvview.vk-panel__card {
		padding: 20px 16px 12px;
	}
	body.vk-page-panel .cvview_profile {
		flex-direction: column-reverse;
		align-items: center;
		gap: 16px;
	}
	body.vk-page-panel .cvview_profile .cvview_right {
		flex: 0 0 auto;
		width: auto !important;
	}
	body.vk-page-panel .cvview_profile .cvview_right img {
		margin: 0 auto;
	}
	body.vk-page-panel .cvview .table_row {
		grid-template-columns: 1fr;
		gap: 8px;
	}
}
/* ========== Aday panel end ========== */