/* =====================================================================
   رویداد نوآوری باز — Open Innovation front-end styles
   All visual declarations use !important so the active theme never
   overrides the layout.
   ===================================================================== */

@font-face{
	font-family:"OI Pinar";
	src:url("../fonts/Pinar-FD-Regular.woff2") format("woff2");
	font-weight:400;
	font-style:normal;
	font-display:swap;
}
@font-face{
	font-family:"OI Pinar";
	src:url("../fonts/Pinar-FD-SemiBold.woff2") format("woff2");
	font-weight:600;
	font-style:normal;
	font-display:swap;
}

:root{
	--oi-orange:#ee6a1e;
	--oi-orange2:#f47b20;
	--oi-blue:#0b4a8b;
	--oi-blue-dark:#0a3a6b;
	--oi-text:#1b3b6b;
	--oi-container:1584px;
	--oi-top-width:1637px;
	--oi-page-width:var(--oi-container);
	--oi-lower-width:1040px;
	--oi-carousel-stage:944px;
}

.oi-root,.oi-root *{
	box-sizing:border-box !important;
	margin:0;
	padding:0;
}
.oi-root{
	font-family:"OI Pinar",Tahoma,Arial,sans-serif !important;
	font-weight:400 !important;
	direction:rtl !important;
	text-align:right !important;
	color:var(--oi-text) !important;
	line-height:1.9 !important;
	background:#fff !important;
	font-size:16px !important;
	overflow-x:hidden !important;
	width:100vw !important;
	max-width:100vw !important;
	margin-right:calc(50% - 50vw) !important;
	margin-left:calc(50% - 50vw) !important;
}
.oi-root button,
.oi-root input,
.oi-root textarea,
.oi-root select{
	font-family:"OI Pinar",Tahoma,Arial,sans-serif !important;
}
.oi-root h1,
.oi-root h2,
.oi-root h3,
.oi-root h4,
.oi-root h5,
.oi-root h6,
.oi-root strong,
.oi-root summary,
.oi-root [class*="-title"],
.oi-root .oi-nav a,
.oi-root .oi-mobile-nav a,
.oi-root .oi-btn-guide,
.oi-root .oi-header-register,
.oi-root .oi-primary-button,
.oi-root .oi-hero-btn,
.oi-root .oi-timeline-item,
.oi-root .oi-archive-btn,
.oi-root .oi-text-link{
	font-family:"OI Pinar",Tahoma,Arial,sans-serif !important;
	font-weight:600 !important;
}
.oi-root img{max-width:100% !important;height:auto !important;display:block !important;}
.oi-root a{text-decoration:none !important;color:inherit !important;}
.oi-root ul{list-style:none !important;}
.oi-arrow-icon{
	display:inline-block !important;
	width:1em !important;
	height:1.615em !important;
	background-color:currentColor !important;
	-webkit-mask:url("../images/icons/arrow.svg") center/contain no-repeat !important;
	mask:url("../images/icons/arrow.svg") center/contain no-repeat !important;
	vertical-align:middle !important;
	transform-origin:center !important;
}
.oi-arrow-icon--right{transform:scaleX(-1) !important;}
.oi-container{
	max-width:var(--oi-page-width) !important;
	margin:0 auto !important;
	padding-left:20px !important;
	padding-right:20px !important;
	width:100% !important;
}
.oi-section-title{
	text-align:center !important;
	font-size:26px !important;
	font-weight:800 !important;
	margin:0 0 36px !important;
}
.oi-title-light{color:#fff !important;}
.oi-title-dark{color:var(--oi-blue) !important;}

/* body.oi-standalone reset for the standalone page template */
body.oi-standalone{margin:0 !important;padding:0 !important;background:#fff !important;}

/* ============================ HEADER ============================ */
.oi-header{position:relative !important;z-index:50 !important;background:#fff !important;padding:22px 0 26px !important;border-bottom:0 !important;}
.oi-header .oi-container,
.oi-hero .oi-container{
	max-width:var(--oi-top-width) !important;
	padding-left:0 !important;
	padding-right:0 !important;
}
.oi-header-inner{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:16px !important;}
.oi-nav{display:flex !important;align-items:center !important;gap:20px !important;flex:1 1 0 !important;}
.oi-nav a{color:var(--oi-blue) !important;font-size:15px !important;font-weight:800 !important;white-space:nowrap !important;position:relative !important;line-height:1.45 !important;}
.oi-nav a:not(:last-child)::after{content:"|" !important;color:#cdd6e2 !important;position:absolute !important;left:-12px !important;font-weight:400 !important;}
.oi-nav a.is-active{background:var(--oi-blue) !important;color:#fff !important;padding:5px 15px !important;border-radius:10px !important;}
.oi-logo{flex:0 0 auto !important;text-align:center !important;}
.oi-logo img{height:140px !important;width:120px !important;object-fit:contain !important;margin:0 auto !important;}
.oi-header-actions{
	display:flex !important;align-items:center !important;gap:18px !important;
	flex:1 1 0 !important;justify-content:flex-end !important;text-align:left !important;
}
.oi-header .oi-btn-guide{background:#f26522 !important;color:#fff !important;font-weight:800 !important;padding:5px 22px !important;border-radius:10px !important;font-size:14px !important;line-height:1.45 !important;white-space:nowrap !important;}
.oi-header-date{color:var(--oi-blue) !important;font-size:14px !important;font-weight:800 !important;white-space:nowrap !important;}
.oi-header-register{color:var(--oi-blue) !important;font-size:14px !important;font-weight:800 !important;white-space:nowrap !important;}
.oi-search-btn{background:transparent !important;border:0 !important;cursor:pointer !important;color:var(--oi-blue) !important;padding:0 !important;}
.oi-search-btn svg{width:20px !important;height:20px !important;}
.oi-search-label{display:none !important;}
.oi-header-panel{display:contents !important;}
.oi-mobile-nav,.oi-mobile-panel-head,.oi-menu-toggle,.oi-menu-backdrop{display:none !important;}

/* ============================ HERO ============================ */
.oi-hero{padding:0 !important;background:#fff !important;}
.oi-hero-banner{
	display:block !important;width:100% !important;height:auto !important;
	border-radius:16px !important;
}
.oi-hero-bar{
	position:relative !important;
	margin-top:12px !important;
	background:
		radial-gradient(ellipse 48% 150% at 50% 50%, rgba(242,101,34,.64) 0%, rgba(242,101,34,.38) 45%, rgba(242,101,34,0) 100%),
		var(--oi-blue) !important;
	border-radius:16px !important;
	min-height:180px !important;
	display:flex !important;align-items:center !important;justify-content:space-between !important;
	padding:22px !important;
}
.oi-hero-btn{
	position:relative !important;z-index:2 !important;
	background:#0c4a86 !important;
	color:#fff !important;
	display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:10px !important;
	width:149px !important;height:136px !important;flex:0 0 149px !important;
	font-weight:900 !important;font-size:25px !important;line-height:1.2 !important;
	border:2px solid #f26522 !important;
	border-radius:16px !important;
}
.oi-hero-btn img{height:56px !important;width:auto !important;}
.oi-root .oi-hero-btn span{color:#fff !important;}

.oi-countdown{
	position:absolute !important;left:50% !important;top:-62px !important;
	transform:translateX(-50%) !important;
	display:flex !important;flex-direction:column !important;align-items:center !important;
	z-index:3 !important;width:auto !important;
}
.oi-cd-units{
	display:flex !important;align-items:flex-start !important;justify-content:center !important;
	gap:14px !important;direction:rtl !important;
}
.oi-cd-unit{
	position:relative !important;
	display:flex !important;flex-direction:column !important;align-items:center !important;
	width:110px !important;
	background:transparent !important;
	overflow:visible !important;
	box-shadow:none !important;
}
.oi-cd-num{
	position:relative !important;z-index:2 !important;
	background:#fff !important;color:var(--oi-blue) !important;
	font-size:58px !important;font-weight:900 !important;
	width:100% !important;
	height:98px !important;line-height:94px !important;text-align:center !important;
	border:2px solid var(--oi-blue) !important;
	border-radius:12px !important;
	direction:ltr !important;
	box-shadow:0 2px 5px rgba(5,63,110,.16) !important;
}
.oi-cd-lbl{
	position:relative !important;z-index:1 !important;
	background:#f26522 !important;color:#fff !important;
	font-size:25px !important;font-weight:900 !important;line-height:1.15 !important;
	width:calc(96% + 2px) !important;
	min-height:44px !important;
	padding:7px 4px 8px !important;text-align:center !important;
	border-radius:0 0 12px 12px !important;
	margin-top:-4px !important;
	box-shadow:0 3px 5px rgba(180,61,10,.12) !important;
}
.oi-cd-dash{display:none !important;}
.oi-cd-caption{
	color:#fff !important;font-size:44px !important;font-weight:900 !important;
	margin-top:22px !important;text-align:center !important;white-space:nowrap !important;line-height:1.1 !important;
	text-shadow:0 3px 10px rgba(126,49,19,.25) !important;
}

/* ============================ TIMELINE ============================ */
.oi-timeline{background:#fff !important;padding:24px 0 32px !important;}
.oi-timeline-inner{
	max-width:var(--oi-top-width) !important;
	background:var(--oi-blue) !important;border-radius:16px !important;
	padding:16px 32px !important;
	display:flex !important;align-items:center !important;justify-content:space-between !important;flex-wrap:wrap !important;gap:14px !important;
}
.oi-timeline-title{color:#f26522 !important;font-size:30px !important;font-weight:900 !important;white-space:nowrap !important;line-height:1.25 !important;}
.oi-timeline-items{display:flex !important;align-items:center !important;gap:14px !important;flex-wrap:wrap !important;}
.oi-timeline-item{
	background:#073967 !important;border:2px solid rgba(255,255,255,.12) !important;border-radius:12px !important;
	padding:0 22px !important;min-height:56px !important;
	display:flex !important;align-items:center !important;gap:18px !important;
	font-size:18px !important;font-weight:900 !important;color:#fff !important;
	box-shadow:inset 0 0 0 1px rgba(255,255,255,.05) !important;
}
.oi-tl-label{color:#fff !important;}
.oi-tl-date{color:#fff !important;direction:ltr !important;font-weight:900 !important;font-size:17px !important;}
.oi-tl-arrow{color:#f26522 !important;font-size:18px !important;line-height:1 !important;display:inline-flex !important;align-items:center !important;}
.oi-timeline-swipe-hint{display:none !important;}

/* ============================ ABOUT — intro (white) ============================ */
.oi-about-intro{background:#fff !important;padding:44px 0 54px !important;}
.oi-about-intro-inner{
	display:flex !important;align-items:center !important;justify-content:space-between !important;gap:44px !important;
	background:#fff !important;border-radius:16px !important;
	box-shadow:0 12px 40px rgba(11,74,139,.13) !important;
	padding:28px 42px !important;
}
.oi-about-title{flex:0 0 auto !important;color:var(--oi-orange) !important;font-size:46px !important;font-weight:900 !important;white-space:nowrap !important;}
.oi-about-card{
	flex:1 1 auto !important;
	background:transparent !important;border-radius:0 !important;
	box-shadow:none !important;
	padding:0 !important;
}
.oi-about-card p{color:var(--oi-text) !important;font-size:17px !important;line-height:2.3 !important;text-align:justify !important;margin:0 !important;}

/* ============================ ABOUT — main (circuit) ============================ */
.oi-about-main{
	background-color:var(--oi-blue) !important;
	background-size:cover !important;background-position:center !important;background-repeat:no-repeat !important;
	padding:80px 0 90px !important;color:#fff !important;
}
.oi-about-main-inner{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:54px !important;}
.oi-about-text2{
	flex:0 1 570px !important;max-width:570px !important;
	transform:translateX(105px) !important;
}
.oi-about-subtitle{color:#fff !important;font-size:26px !important;font-weight:900 !important;text-align:right !important;direction:rtl !important;line-height:1.65 !important;margin-bottom:20px !important;}
.oi-about-subtitle p{margin:0 !important;}
.oi-about-text2 > p{font-size:16px !important;line-height:2.3 !important;color:#eaf1fb !important;text-align:justify !important;max-width:540px !important;margin-left:auto !important;margin-right:0 !important;}
.oi-about-circle{
	order:-1 !important;
	flex:0 0 300px !important;width:300px !important;height:300px !important;
	background:#f26522 !important;
	border-radius:50% !important;
	display:flex !important;align-items:center !important;justify-content:center !important;text-align:center !important;
	box-shadow:0 14px 36px rgba(0,0,0,.3) !important;padding:26px !important;
	transform:translateX(24px) !important;
}
.oi-about-circle span{
	display:block !important;width:230px !important;margin:0 auto !important;
	color:#fff !important;font-size:46px !important;font-weight:900 !important;line-height:1.25 !important;
	text-align:right !important;direction:rtl !important;
	transform:translateX(-44px) !important;
}

/* ============================ PATH ============================ */
.oi-path{background:var(--oi-orange) !important;padding:20px 0 !important;}
.oi-path-inner{display:flex !important;align-items:center !important;justify-content:center !important;gap:24px !important;flex-wrap:wrap !important;}
.oi-path-title{
	background:var(--oi-blue) !important;color:#fff !important;font-size:25px !important;font-weight:900 !important;
	padding:14px 36px !important;border-radius:40px !important;white-space:nowrap !important;
}
.oi-path-steps{display:flex !important;align-items:center !important;gap:18px !important;flex-wrap:wrap !important;}
.oi-path-step{color:#fff !important;font-size:23px !important;font-weight:900 !important;white-space:nowrap !important;}
.oi-path-arrow{color:var(--oi-blue) !important;font-size:13px !important;line-height:1 !important;display:inline-flex !important;align-items:center !important;}

/* ============================ INFO CARDS ============================ */
.oi-info{
	background-color:#fff !important;background-repeat:no-repeat !important;background-position:center 40px !important;
	background-size:75% auto !important;padding:60px 0 64px !important;
}
.oi-info-heading{
	text-align:center !important;color:var(--oi-blue) !important;
	font-size:60px !important;font-weight:800 !important;letter-spacing:10px !important;
	margin:24px 0 90px !important;direction:ltr !important;
}
.oi-info-cards{
	display:flex !important;justify-content:center !important;gap:16px !important;flex-wrap:wrap !important;
	max-width:980px !important;
}
.oi-info-card{
	flex:0 0 233px !important;width:233px !important;min-width:233px !important;height:139px !important;
	border:2px solid transparent !important;border-radius:16px !important;
	background:linear-gradient(#fff,#fff) padding-box, linear-gradient(110deg, var(--oi-blue) 0 45%, var(--oi-orange) 55% 100%) border-box !important;
	display:flex !important;align-items:center !important;justify-content:space-between !important;gap:14px !important;
	padding:15px 20px !important;transition:all .25s ease !important;
	box-shadow:none !important;overflow:visible !important;
}
.oi-info-ic{
	order:0 !important;flex:0 0 66px !important;width:66px !important;
	display:flex !important;align-items:center !important;justify-content:center !important;
	overflow:visible !important;
}
.oi-info-ic img{
	display:block !important;height:76px !important;width:auto !important;max-width:none !important;
	object-fit:contain !important;object-position:center !important;
	transition:filter .25s ease !important;
}
.oi-info-title{
	order:1 !important;flex:1 1 auto !important;
	color:var(--oi-blue) !important;font-size:28px !important;font-weight:900 !important;line-height:1.65 !important;
	text-align:right !important;max-width:112px !important;
}
.oi-info-card:hover{background:linear-gradient(155deg,var(--oi-orange),var(--oi-blue)) padding-box, linear-gradient(155deg,var(--oi-orange),var(--oi-blue)) border-box !important;transform:translateY(-4px) !important;}
.oi-info-card:hover .oi-info-title{color:#fff !important;}
.oi-info-card:hover .oi-info-ic img{filter:brightness(0) invert(1) !important;}

/* ============================ JUDGES ============================ */
.oi-judges{
	background:
		linear-gradient(180deg, #07578f 0%, #075f99 100%) !important;
	padding:36px 0 188px !important;
}
.oi-title-orange{color:#ff651f !important;}
.oi-judges .oi-section-title{
	font-size:34px !important;
	line-height:1.25 !important;
	margin:0 0 34px !important;
	text-shadow:0 2px 1px rgba(112,43,10,.12) !important;
}
.oi-judges-grid{display:flex !important;justify-content:center !important;gap:50px !important;flex-wrap:wrap !important;}
.oi-judges-slider{max-width:var(--oi-lower-width) !important;margin:0 auto !important;}
.oi-judges-slider .oi-slider-track{gap:34px !important;}
.oi-judges-grid .oi-judge-card{width:210px !important;}
.oi-judge-card{
	background:#fafafa !important;
	border-radius:16px !important;
	overflow:hidden !important;
	box-shadow:
		0 18px 32px rgba(0,37,70,.3),
		0 4px 10px rgba(0,37,70,.15) !important;
}
.oi-judge-photo{background:#fafafa !important;border-radius:16px 16px 0 0 !important;overflow:hidden !important;height:202px !important;display:flex !important;align-items:flex-end !important;justify-content:center !important;}
.oi-judge-photo img{width:100% !important;height:100% !important;object-fit:cover !important;object-position:center top !important;padding:0 !important;}
.oi-judge-photo.is-placeholder img{object-fit:contain !important;object-position:center bottom !important;padding:22px 28px 0 !important;}
.oi-judge-meta{position:relative !important;z-index:2 !important;background:#ff651f !important;border-radius:0 0 16px 16px !important;margin:0 !important;padding:14px 8px 15px !important;text-align:center !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.1) !important;}
.oi-judge-name{display:block !important;color:#fff !important;font-size:19px !important;font-weight:900 !important;line-height:1.35 !important;text-shadow:0 1px 1px rgba(112,39,7,.16) !important;}
.oi-judge-role{display:block !important;color:#fff !important;font-size:15px !important;font-weight:800 !important;line-height:1.45 !important;opacity:1 !important;margin-top:4px !important;text-shadow:0 1px 1px rgba(112,39,7,.16) !important;}

/* ============================ WHO FOR ============================ */
.oi-whofor{
	background:linear-gradient(180deg,#075f99 0%,#315f8d 47%,#9a6670 100%) !important;
	padding:0 0 48px !important;
	margin-top:0 !important;
}
.oi-whofor-box{
	position:relative !important;
	background:linear-gradient(118deg,#fff 0%,#fff6df 12%,#ffe9b5 31%,#ffd37b 53%,#ff9b3d 76%,#ff651f 100%) !important;
	border-radius:16px !important;min-height:342px !important;margin-top:0 !important;
	display:flex !important;align-items:stretch !important;justify-content:space-between !important;gap:20px !important;
	padding:35px 76px 24px !important;
	box-shadow:
		0 20px 42px rgba(30,43,65,.23),
		inset 0 1px 0 rgba(255,255,255,.22) !important;
	max-width:990px !important;
}
.oi-whofor-img{position:absolute !important;top:-114px !important;left:72px !important;width:58% !important;max-width:620px !important;height:auto !important;z-index:3 !important;filter:drop-shadow(0 14px 17px rgba(0,0,0,.22)) saturate(1.05) contrast(1.02) !important;}
.oi-whofor-right{display:flex !important;flex-direction:column !important;justify-content:space-between !important;align-items:flex-start !important;flex:0 0 auto !important;}
.oi-whofor-badge{
	width:112px !important;height:112px !important;
	border:6px solid transparent !important;border-radius:16px !important;
	background:url('../images/whofor-badge.png') center/contain no-repeat !important;
	display:flex !important;align-items:center !important;justify-content:center !important;
	filter:drop-shadow(0 5px 8px rgba(0,67,116,.12)) !important;
}
.oi-whofor-badge span{visibility:hidden !important;color:#00558f !important;font-size:54px !important;font-weight:900 !important;line-height:1 !important;}
.oi-whofor-title{color:#00558f !important;font-size:34px !important;font-weight:900 !important;line-height:1.35 !important;text-align:right !important;max-width:420px !important;margin:0 0 8px !important;text-shadow:none !important;}
.oi-whofor-left{display:flex !important;flex-direction:column !important;justify-content:flex-end !important;flex:1 1 auto !important;}
.oi-whofor-items{display:flex !important;align-items:flex-start !important;gap:28px !important;}
.oi-whofor-item{display:flex !important;flex-direction:column !important;align-items:center !important;gap:10px !important;}
.oi-whofor-ic img{width:96px !important;height:96px !important;filter:drop-shadow(0 7px 10px rgba(0,58,105,.15)) saturate(1.03) !important;}
.oi-whofor-label{color:#00558f !important;font-size:20px !important;font-weight:900 !important;line-height:1.35 !important;white-space:nowrap !important;text-shadow:none !important;}

/* ============================ DOMAINS ============================ */
.oi-domains{
	background:linear-gradient(180deg,#9a6670 0%,#b86660 24%,#d96843 58%,#f26522 100%) !important;
	padding:76px 0 59px !important;
}
.oi-domains .oi-slider{
	max-width:var(--oi-lower-width) !important;
	margin:0 auto !important;
}
.oi-domains .oi-section-title{
	font-size:29px !important;
	line-height:1.25 !important;
	margin-bottom:34px !important;
}
.oi-domains .oi-slider-track{gap:26px !important;}
.oi-domains .oi-slider-viewport{
	cursor:grab !important;
	touch-action:pan-y !important;
	user-select:none !important;
}
.oi-domains .oi-slider-viewport.is-dragging{cursor:grabbing !important;}
.oi-domains .oi-slider-viewport.is-dragging .oi-slider-track{transition:none !important;}
.oi-domains .oi-slider-viewport img{user-select:none !important;-webkit-user-drag:none !important;}
.oi-domain-card{
	flex:0 0 auto !important;
	cursor:default !important;
	background:#fff !important;border-radius:16px !important;overflow:hidden !important;
	display:flex !important;flex-direction:column !important;align-items:center !important;
	box-shadow:0 10px 22px rgba(0,0,0,.18) !important;
	min-height:258px !important;
	transition:transform .2s ease !important;
}
.oi-domain-card-art{
	background:transparent !important;
	border-radius:16px !important;
	box-shadow:none !important;
	min-height:auto !important;
}
.oi-domain-card-img{
	width:100% !important;
	height:auto !important;
	display:block !important;
}
.oi-domain-ic{flex:1 1 auto !important;display:flex !important;align-items:center !important;justify-content:center !important;padding:24px 10px 14px !important;}
.oi-domain-ic img{width:104px !important;height:104px !important;object-fit:contain !important;}
.oi-domain-title{
	width:100% !important;
	background:linear-gradient(180deg,var(--oi-blue),#082f5c) !important;color:#fff !important;
	font-size:16px !important;font-weight:800 !important;text-align:center !important;
	padding:12px 8px !important;line-height:1.45 !important;min-height:62px !important;
	display:flex !important;align-items:center !important;justify-content:center !important;
}
.oi-domain-card:hover{transform:translateY(-3px) !important;}
.oi-domain-card:hover .oi-domain-title{background:linear-gradient(180deg,var(--oi-orange2),var(--oi-orange)) !important;}
.oi-domain-card-art:hover{
	transform:none !important;
}

@media (min-width:941px){
	.oi-domains .oi-slider{
		max-width:var(--oi-lower-width) !important;
	}
	.oi-domains .oi-slider-viewport{
		flex:1 1 auto !important;
		max-width:var(--oi-carousel-stage) !important;
	}
	.oi-domains .oi-domain-card-art .oi-domain-card-img{
		width:100% !important;
		max-width:100% !important;
	}
}

/* ============================ NEWS ============================ */
.oi-news{background:#fff !important;padding:50px 0 46px !important;}
.oi-news .oi-section-head{
	position:relative !important;
	max-width:var(--oi-lower-width) !important;
	margin:0 auto 28px !important;
	display:block !important;
	min-height:48px !important;
}
.oi-news .oi-section-head .oi-section-title{
	font-size:30px !important;
	line-height:1.25 !important;
	margin:0 !important;
	text-align:center !important;
}
.oi-news .oi-archive-btn{
	position:absolute !important;
	left:0 !important;
	top:50% !important;
	direction:rtl !important;
	color:var(--oi-orange) !important;
	font-size:17px !important;
	font-weight:800 !important;
	transform:translateY(-50%) !important;
}
.oi-news .oi-slider{
	max-width:var(--oi-lower-width) !important;
	margin:0 auto !important;
}
.oi-news .oi-slider-viewport{
	cursor:grab !important;
	touch-action:pan-y !important;
	user-select:none !important;
	padding:28px 28px 42px !important;
	margin:0 !important;
}
.oi-news .oi-slider-track{gap:28px !important;}
.oi-news .oi-slider-viewport.is-dragging{cursor:grabbing !important;}
.oi-news .oi-slider-viewport.is-dragging .oi-slider-track{transition:none !important;}
.oi-news .oi-slider-viewport img{user-select:none !important;-webkit-user-drag:none !important;}
.oi-section-head{display:flex !important;align-items:center !important;justify-content:space-between !important;margin-bottom:30px !important;flex-wrap:wrap !important;gap:14px !important;}
.oi-section-head .oi-section-title{margin:0 !important;flex:1 1 auto !important;text-align:center !important;}
.oi-archive-btn{display:inline-flex !important;align-items:center !important;gap:8px !important;color:var(--oi-orange) !important;font-weight:700 !important;font-size:15px !important;}
.oi-archive-btn .oi-archive-ic svg{width:34px !important;height:34px !important;color:var(--oi-orange) !important;}
.oi-archive-btn .oi-archive-ic img{width:34px !important;height:auto !important;object-fit:contain !important;}
.oi-archive-light{color:#fff !important;}
.oi-archive-light .oi-archive-ic svg{color:#fff !important;}
.oi-news-card{flex:0 0 auto !important;background:#fff !important;border:1px solid #e2edf8 !important;border-radius:16px !important;box-shadow:0 3px 10px rgba(11,74,139,.14),0 14px 26px rgba(11,74,139,.24) !important;overflow:hidden !important;display:flex !important;flex-direction:column !important;height:332px !important;}
.oi-news-thumb{display:block !important;height:140px !important;background:#fff !important;}
.oi-news-thumb img{width:100% !important;height:140px !important;object-fit:cover !important;}
.oi-news-body{padding:12px 18px 10px !important;display:flex !important;flex-direction:column !important;flex:1 1 auto !important;}
.oi-news-title{color:var(--oi-blue) !important;font-size:24px !important;font-weight:900 !important;line-height:1.25 !important;margin-bottom:8px !important;}
.oi-news-excerpt{color:var(--oi-blue) !important;font-size:12px !important;line-height:1.75 !important;text-align:justify !important;flex:0 0 86px !important;overflow:hidden !important;}
.oi-news-foot{display:flex !important;align-items:center !important;justify-content:space-between !important;border-top:1px solid #edf3fb !important;margin-top:auto !important;padding-top:8px !important;}
.oi-news-date{color:var(--oi-blue) !important;font-size:14px !important;font-weight:800 !important;direction:rtl !important;}
.oi-news-more{color:var(--oi-orange) !important;font-size:12px !important;line-height:1 !important;display:inline-flex !important;align-items:center !important;}

/* ============================ VIDEOS ============================ */
.oi-videos{background:#07578f !important;padding:52px 0 38px !important;}
.oi-videos .oi-section-head{
	position:relative !important;
	max-width:var(--oi-lower-width) !important;
	margin:0 auto 28px !important;
	display:block !important;
}
.oi-videos .oi-section-head .oi-section-title{
	font-size:30px !important;
	font-weight:900 !important;
	line-height:1.25 !important;
	margin:0 !important;
	text-align:center !important;
}
.oi-videos .oi-archive-btn{
	position:absolute !important;
	left:0 !important;
	top:50% !important;
	transform:translateY(-50%) !important;
	color:#fff !important;
	font-size:17px !important;
	font-weight:800 !important;
}
.oi-videos .oi-archive-btn .oi-archive-ic img{width:34px !important;opacity:.72 !important;}
.oi-videos .oi-slider,
.oi-video-main{
	margin-left:auto !important;
	margin-right:auto !important;
}
.oi-videos .oi-video-main{
	position:relative !important;
	max-width:var(--oi-carousel-stage) !important;
	background-color:#fff !important;background-position:center !important;background-size:cover !important;background-repeat:no-repeat !important;border-radius:16px !important;
	min-height:475px !important;margin-bottom:40px !important;
	display:block !important;
	box-shadow:0 20px 42px rgba(0,36,68,.24) !important;
	overflow:hidden !important;
}
/* the fake scrubber bar + skip arrows are gone — one large play button, centered */
.oi-video-main::before,
.oi-video-main::after{display:none !important;}
.oi-video-skip{display:none !important;}
.oi-video-controls{
	position:absolute !important;
	left:50% !important;
	top:50% !important;
	transform:translate(-50%,-50%) !important;
	z-index:2 !important;
	display:flex !important;
	align-items:center !important;
	justify-content:center !important;
}
.oi-video-play{
	position:static !important;
	display:block !important;
	flex:0 0 auto !important;
	line-height:0 !important;
	filter:drop-shadow(0 12px 26px rgba(0,18,40,.5)) !important;
	transition:transform .2s ease !important;
}
.oi-video-play:hover{transform:scale(1.07) !important;}
.oi-video-play svg{width:88px !important;height:88px !important;filter:none !important;}
.oi-video-play svg circle{fill:#fff !important;}
.oi-video-play svg path{fill:var(--oi-orange) !important;}
.oi-video-main.is-playing .oi-video-controls{display:none !important;}
.oi-video-card{flex:0 0 auto !important;background:#fff !important;border:0 !important;padding:0 !important;font-family:inherit !important;cursor:pointer !important;text-align:inherit !important;border-radius:16px !important;overflow:hidden !important;box-shadow:0 12px 24px rgba(0,35,68,.24) !important;display:flex !important;flex-direction:column !important;}
.oi-video-thumb{position:relative !important;height:120px !important;background-color:#0b2d52 !important;background-position:center !important;background-size:cover !important;background-repeat:no-repeat !important;display:flex !important;align-items:center !important;justify-content:center !important;}
.oi-video-thumb::after{content:"" !important;position:absolute !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;background:rgba(7,26,52,.42) !important;transition:background .2s ease !important;}
.oi-video-card:hover .oi-video-thumb::after{background:rgba(7,26,52,.22) !important;}
.oi-video-ic{position:relative !important;z-index:2 !important;display:flex !important;}
.oi-video-ic svg{width:46px !important;height:46px !important;color:#fff !important;filter:drop-shadow(0 4px 10px rgba(0,0,0,.5)) !important;}
.oi-video-title{background:#ff651f !important;color:#fff !important;font-size:16px !important;font-weight:900 !important;text-align:center !important;padding:10px 10px !important;line-height:1.4 !important;min-height:54px !important;display:flex !important;align-items:center !important;justify-content:center !important;}
.oi-video-card.is-active{box-shadow:0 0 0 3px var(--oi-orange),0 16px 32px rgba(0,35,68,.34) !important;}
.oi-video-card.is-active .oi-video-thumb::after{background:rgba(7,26,52,.16) !important;}
.oi-videos .oi-slider{
	max-width:var(--oi-lower-width) !important;
}
.oi-videos .oi-slider-viewport{
	max-width:var(--oi-carousel-stage) !important;
	padding:18px 14px 26px !important;
	cursor:grab !important;
	touch-action:pan-y !important;
	user-select:none !important;
}
.oi-videos .oi-slider-viewport.is-dragging{cursor:grabbing !important;}
.oi-videos .oi-slider-viewport.is-dragging .oi-slider-track{transition:none !important;}
.oi-videos .oi-slider-viewport img{user-select:none !important;-webkit-user-drag:none !important;}
.oi-videos .oi-slider-track{
	gap:26px !important;
}
.oi-videos .oi-slide-nav{
	color:var(--oi-orange) !important;
	font-size:22px !important;
	width:38px !important;
	height:56px !important;
}

/* ============================ SLIDER ============================ */
.oi-slider{position:relative !important;display:flex !important;align-items:center !important;gap:8px !important;}
.oi-slider-viewport{overflow:hidden !important;flex:1 1 auto !important;}
.oi-slider-track{display:flex !important;gap:22px !important;transition:transform .45s ease !important;will-change:transform !important;}
.oi-slide-nav{
	flex:0 0 auto !important;background:transparent !important;border:0 !important;cursor:pointer !important;
	color:var(--oi-orange) !important;font-size:18px !important;font-weight:800 !important;line-height:1 !important;
	width:30px !important;height:48px !important;display:flex !important;align-items:center !important;justify-content:center !important;
}
.oi-domains .oi-slide-nav{color:#fff !important;}
.oi-videos .oi-slide-nav{color:var(--oi-orange) !important;}
.oi-slide-nav:hover{opacity:.7 !important;}

/* ============================ FOOTER ============================ */
.oi-footer{background:#06335f !important;padding:48px 0 0 !important;color:#cdd9e8 !important;}
.oi-footer-cols{display:flex !important;justify-content:space-between !important;gap:30px !important;flex-wrap:wrap !important;}
.oi-footer-brand{position:relative !important;flex:1 1 230px !important;display:flex !important;flex-direction:column !important;align-items:flex-start !important;gap:22px !important;padding-bottom:78px !important;}
.oi-footer-logo{height:96px !important;width:auto !important;filter:brightness(0) invert(1) !important;}
.oi-footer-col{position:relative !important;flex:1 1 160px !important;}
.oi-footer-links{padding-bottom:78px !important;}
.oi-footer-partner{
	position:absolute !important;
	right:0 !important;
	bottom:0 !important;
	left:0 !important;
	height:60px !important;
	display:flex !important;
	align-items:center !important;
	justify-content:center !important;
}
.oi-footer-partner--sharif-mobile{display:none !important;}
.oi-footer .oi-footer-partner img{height:56px !important;width:auto !important;max-width:100% !important;object-fit:contain !important;}
.oi-footer-col h4{color:#fff !important;font-size:18px !important;font-weight:800 !important;margin-bottom:18px !important;}
.oi-footer-col ul li{margin-bottom:12px !important;}
.oi-footer-col ul li a{color:#cdd9e8 !important;font-size:14px !important;}
.oi-footer-col ul li a:hover{color:var(--oi-orange) !important;}
.oi-footer-contact p{font-size:14px !important;margin-bottom:10px !important;color:#cdd9e8 !important;}
.oi-socials{display:flex !important;gap:10px !important;margin-top:16px !important;}
.oi-social{width:34px !important;height:34px !important;border-radius:50% !important;background:#fff !important;display:flex !important;align-items:center !important;justify-content:center !important;}
.oi-social svg{width:18px !important;height:18px !important;fill:var(--oi-blue) !important;}
.oi-social:hover{background:var(--oi-orange) !important;}
.oi-social:hover svg{fill:#fff !important;}
.oi-footer-bottom{background:var(--oi-orange) !important;color:#fff !important;text-align:center !important;padding:14px 0 !important;margin-top:44px !important;font-size:14px !important;direction:ltr !important;}

/* ============================ INNER PAGES ============================ */
.oi-inner-hero{
	position:relative !important;overflow:hidden !important;
	background:
		radial-gradient(circle at 18% 10%,rgba(242,101,34,.34),transparent 28%),
		linear-gradient(135deg,#06335f,var(--oi-blue)) !important;
	padding:64px 0 72px !important;color:#fff !important;
}
.oi-inner-hero::after{content:"" !important;position:absolute !important;inset:auto -8% -90px auto !important;width:360px !important;height:260px !important;border:38px solid rgba(255,255,255,.045) !important;border-radius:50% !important;}
.oi-inner-hero .oi-container{position:relative !important;z-index:1 !important;}
.oi-breadcrumb{display:flex !important;align-items:center !important;gap:9px !important;margin-bottom:22px !important;color:#dbe8f5 !important;font-size:14px !important;}
.oi-breadcrumb a{color:#fff !important;}
.oi-inner-hero h1{max-width:920px !important;color:#fff !important;font-size:36px !important;font-weight:900 !important;line-height:1.45 !important;margin:0 !important;}
.oi-inner-hero p{max-width:760px !important;color:#dceaf6 !important;font-size:17px !important;margin-top:14px !important;}
.oi-inner-main{background:#f7f9fc !important;padding:70px 0 84px !important;}
.oi-narrow{max-width:980px !important;}
.oi-news-layout{display:grid !important;grid-template-columns:340px minmax(0,1fr) !important;gap:28px !important;align-items:start !important;}
.oi-news-sidebar{position:sticky !important;top:24px !important;display:flex !important;flex-direction:column !important;gap:20px !important;}
.oi-news-search,.oi-category-box,.oi-contact-info,.oi-contact-card,.oi-static-content,.oi-article{
	background:#fff !important;border:1px solid #e5edf6 !important;border-radius:22px !important;
	box-shadow:0 14px 34px rgba(7,55,101,.08) !important;
}
.oi-news-search,.oi-category-box{padding:22px !important;}
.oi-news-search label,.oi-category-box h2{display:block !important;color:var(--oi-blue) !important;font-size:17px !important;font-weight:900 !important;margin-bottom:14px !important;}
.oi-news-search>div{display:flex !important;gap:8px !important;}
.oi-news-search input{min-width:0 !important;flex:1 !important;border:1px solid #d7e3ef !important;border-radius:10px !important;padding:10px 11px !important;font:inherit !important;}
.oi-news-search button,.oi-primary-button{border:0 !important;border-radius:10px !important;background:var(--oi-orange) !important;color:#fff !important;padding:10px 16px !important;font:inherit !important;font-weight:800 !important;cursor:pointer !important;}
.oi-category-box{display:flex !important;flex-direction:column !important;gap:7px !important;}
.oi-category-box h2{margin-bottom:7px !important;}
.oi-category-box a{display:flex !important;align-items:center !important;justify-content:space-between !important;padding:10px 12px !important;border-radius:10px !important;color:var(--oi-blue) !important;font-size:14px !important;}
.oi-category-box a:hover,.oi-category-box a.is-active{background:#edf4fb !important;color:var(--oi-orange) !important;}
.oi-category-box b{font-size:12px !important;}
.oi-archive-grid{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:22px !important;}
.oi-news-results .oi-archive-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
.oi-archive-card{overflow:hidden !important;background:#fff !important;border:1px solid #e4edf6 !important;border-radius:18px !important;box-shadow:0 12px 26px rgba(7,55,101,.08) !important;transition:transform .2s ease,box-shadow .2s ease !important;}
.oi-archive-card:hover{transform:translateY(-4px) !important;box-shadow:0 18px 36px rgba(7,55,101,.14) !important;}
.oi-archive-card-image{display:block !important;height:210px !important;background:#eaf1f8 !important;overflow:hidden !important;}
.oi-archive-card-image img{width:100% !important;height:100% !important;object-fit:cover !important;}
.oi-image-placeholder{display:block !important;width:100% !important;height:100% !important;background:linear-gradient(135deg,#e7f0f8,#cdddec) !important;}
.oi-archive-card-body{padding:20px !important;}
.oi-archive-card-meta{color:#7390aa !important;font-size:12px !important;margin-bottom:8px !important;}
.oi-archive-card h2{font-size:20px !important;line-height:1.55 !important;color:var(--oi-blue) !important;margin-bottom:10px !important;}
.oi-archive-card p{color:#60788f !important;font-size:13px !important;line-height:1.9 !important;margin-bottom:14px !important;}
.oi-text-link{color:var(--oi-orange) !important;font-size:13px !important;font-weight:900 !important;}
.oi-pagination{margin-top:38px !important;}
.oi-pagination ul{display:flex !important;justify-content:center !important;gap:7px !important;}
.oi-pagination a,.oi-pagination span{display:flex !important;align-items:center !important;justify-content:center !important;min-width:38px !important;height:38px !important;padding:0 10px !important;border-radius:10px !important;background:#fff !important;color:var(--oi-blue) !important;border:1px solid #dce7f2 !important;}
.oi-pagination .current{background:var(--oi-blue) !important;color:#fff !important;}
.oi-empty-state{padding:55px 24px !important;text-align:center !important;background:#fff !important;border-radius:20px !important;border:1px dashed #cbdbea !important;color:var(--oi-blue) !important;}
.oi-team-section+.oi-team-section{margin-top:64px !important;}
.oi-inner-section-head{display:grid !important;grid-template-columns:1fr auto 1fr !important;align-items:center !important;gap:18px !important;margin-bottom:32px !important;}
.oi-inner-section-head span{height:1px !important;background:#d8e4ef !important;}
.oi-inner-section-head h2{color:var(--oi-blue) !important;font-size:28px !important;}
.oi-team-grid{display:grid !important;grid-template-columns:repeat(5,minmax(0,1fr)) !important;gap:20px !important;}
.oi-team-card{overflow:hidden !important;background:#fff !important;border-radius:18px !important;box-shadow:0 14px 30px rgba(7,55,101,.1) !important;}
.oi-team-photo{aspect-ratio:1/1 !important;height:auto !important;background:#edf3f8 !important;}
.oi-team-photo img{width:100% !important;height:100% !important;object-fit:cover !important;object-position:center top !important;}
.oi-team-placeholder{display:block !important;width:100% !important;height:100% !important;background:radial-gradient(circle at 50% 35%,#fff 0 38px,transparent 39px),radial-gradient(ellipse at 50% 110%,#fff 0 95px,transparent 96px),linear-gradient(145deg,#e8f0f7,#cfdeeb) !important;}
.oi-team-body{padding:20px 15px !important;text-align:center !important;border-top:4px solid var(--oi-orange) !important;}
.oi-team-body h3{color:var(--oi-blue) !important;font-size:19px !important;margin-bottom:7px !important;}
.oi-team-body p{color:var(--oi-orange) !important;font-weight:800 !important;font-size:13px !important;}
.oi-team-body span{display:block !important;color:#70869b !important;font-size:12px !important;margin-top:5px !important;}
.oi-faq-list{display:flex !important;flex-direction:column !important;gap:14px !important;}
.oi-faq-item{background:#fff !important;border:1px solid #e0eaf4 !important;border-radius:16px !important;box-shadow:0 8px 22px rgba(7,55,101,.055) !important;overflow:hidden !important;}
.oi-faq-item summary{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:16px !important;padding:20px 22px !important;color:var(--oi-blue) !important;font-size:17px !important;font-weight:900 !important;cursor:pointer !important;list-style:none !important;}
.oi-faq-item summary::-webkit-details-marker{display:none !important;}
.oi-faq-item summary i{position:relative !important;flex:0 0 24px !important;width:24px !important;height:24px !important;border-radius:50% !important;background:#edf4fb !important;}
.oi-faq-item summary i::before,.oi-faq-item summary i::after{content:"" !important;position:absolute !important;top:11px !important;right:6px !important;width:12px !important;height:2px !important;background:var(--oi-orange) !important;}
.oi-faq-item summary i::after{transform:rotate(90deg) !important;transition:transform .2s !important;}
.oi-faq-item[open] summary i::after{transform:rotate(0) !important;}
.oi-faq-answer{padding:0 22px 22px !important;color:#536d84 !important;line-height:2.1 !important;}
.oi-contact-layout{display:grid !important;grid-template-columns:340px minmax(0,1fr) !important;gap:28px !important;align-items:start !important;}
.oi-narrow + .oi-contact-layout{margin-top:48px !important;padding-top:44px !important;border-top:1px solid #e3e9f2 !important;}
.oi-faq-block{margin-top:48px !important;padding-top:44px !important;border-top:1px solid #e3e9f2 !important;}
.oi-faq-block-title{color:var(--oi-blue) !important;font-size:22px !important;font-weight:900 !important;margin:0 0 20px !important;}
.oi-contact-info,.oi-contact-card{padding:30px !important;}
.oi-contact-info h2,.oi-contact-card h2{color:var(--oi-blue) !important;font-size:25px !important;margin-bottom:24px !important;}
.oi-contact-info-item{display:flex !important;flex-direction:column !important;gap:6px !important;padding:15px 0 !important;border-bottom:1px solid #edf2f7 !important;}
.oi-contact-info-item strong{color:var(--oi-orange) !important;font-size:13px !important;}
.oi-contact-info .oi-social{background:var(--oi-blue) !important;}
.oi-contact-info .oi-social svg{fill:#fff !important;}
.oi-contact-form label{display:flex !important;flex-direction:column !important;gap:7px !important;color:var(--oi-blue) !important;font-size:13px !important;font-weight:800 !important;}
.oi-form-grid{display:grid !important;grid-template-columns:1fr 1fr !important;gap:18px !important;margin-bottom:18px !important;}
.oi-contact-form input,.oi-contact-form textarea{width:100% !important;border:1px solid #d7e3ef !important;border-radius:11px !important;background:#fbfdff !important;padding:12px 13px !important;font:inherit !important;color:#243f59 !important;}
.oi-contact-form textarea{resize:vertical !important;margin-bottom:18px !important;}
.oi-primary-button{min-width:150px !important;padding:12px 22px !important;}
.oi-honeypot{position:absolute !important;right:-9999px !important;width:1px !important;height:1px !important;overflow:hidden !important;}
.oi-form-notice{padding:12px 15px !important;border-radius:10px !important;margin-bottom:18px !important;font-size:14px !important;}
.oi-form-notice.is-success{background:#e8f7ed !important;color:#176b36 !important;}
.oi-form-notice.is-error{background:#fff0ed !important;color:#9a2e1c !important;}
.oi-static-content,.oi-article{padding:44px !important;color:#3e5870 !important;font-size:16px !important;line-height:2.2 !important;}
.oi-static-content h2,.oi-static-content h3,.oi-article-content h2,.oi-article-content h3{color:var(--oi-blue) !important;line-height:1.6 !important;margin:32px 0 14px !important;}
.oi-static-content p,.oi-article-content p{margin-bottom:18px !important;}
.oi-static-content ul,.oi-article-content ul{list-style:disc !important;padding-right:22px !important;margin-bottom:20px !important;}
.oi-article-meta{display:flex !important;gap:12px !important;color:#71889d !important;font-size:13px !important;margin-bottom:22px !important;}
.oi-article-image{overflow:hidden !important;border-radius:16px !important;margin-bottom:30px !important;}
.oi-article-image img{width:100% !important;height:auto !important;}
.oi-share{display:flex !important;align-items:center !important;gap:10px !important;margin-top:36px !important;padding-top:22px !important;border-top:1px solid #e4edf5 !important;}
.oi-share a{padding:6px 12px !important;border-radius:9px !important;background:#edf4fb !important;color:var(--oi-blue) !important;font-size:13px !important;}
.oi-related{margin-top:58px !important;}
.oi-related>h2{color:var(--oi-blue) !important;font-size:28px !important;margin-bottom:26px !important;}

/* ============================ RESPONSIVE ============================ */
@media (max-width:1024px){
	.oi-info-heading{font-size:42px !important;letter-spacing:6px !important;}
	.oi-about-title{font-size:36px !important;}
	.oi-whofor-title{font-size:32px !important;}
	.oi-inner-hero h1{font-size:34px !important;}
	.oi-news-layout{grid-template-columns:300px minmax(0,1fr) !important;gap:22px !important;}
	.oi-team-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
	.oi-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
/* ============================ PAGE-WIDE ALIGNMENT ============================ */
@media (min-width:941px){
	.oi-footer-partner--company img,
	.oi-footer-partner--sharif img{
		transform:translateX(47px) !important;
	}

	.oi-about-intro-inner,
	.oi-about-main-inner,
	.oi-path-inner,
	.oi-info-cards,
	.oi-judges-grid,
	.oi-whofor-box,
	.oi-domains .oi-section-title,
	.oi-domains .oi-slider,
	.oi-news .oi-section-head,
	.oi-news .oi-slider,
	.oi-videos .oi-section-head,
	.oi-videos .oi-slider,
	.oi-footer-cols{
		max-width:var(--oi-lower-width) !important;
		width:100% !important;
		margin-left:auto !important;
		margin-right:auto !important;
	}

	.oi-whofor-box,
	.oi-footer-cols{
		width:min(var(--oi-lower-width), calc(100% - 40px)) !important;
	}

	/* ---- ONE shared width for every lower carousel --------------------------
	   The cards define the standard content width (same as About / info / footer
	   at 1040). The nav arrows are the exception: taken out of flow and parked
	   just OUTSIDE that width. The width also leaves room for the arrows so they
	   never get clipped on narrower desktops. Generous vertical padding keeps the
	   card shadows from being chopped into a hard "step" by overflow:hidden. */
	.oi-judges-slider,
	.oi-domains .oi-slider,
	.oi-news .oi-slider,
	.oi-videos .oi-slider,
	.oi-videos .oi-video-main{
		position:relative !important;
		width:min(var(--oi-lower-width), calc(100% - 104px)) !important;
		max-width:var(--oi-lower-width) !important;
		margin-left:auto !important;
		margin-right:auto !important;
	}
	.oi-judges-slider .oi-slider-viewport,
	.oi-domains .oi-slider-viewport,
	.oi-news .oi-slider-viewport,
	.oi-videos .oi-slider-viewport{
		flex:1 1 100% !important;
		width:100% !important;
		max-width:none !important;
		padding:28px 16px 54px !important;
	}
	.oi-judges-slider .oi-slide-nav,
	.oi-domains .oi-slide-nav,
	.oi-news .oi-slide-nav,
	.oi-videos .oi-slide-nav{
		position:absolute !important;
		top:50% !important;
		transform:translateY(-50%) !important;
		margin:0 !important;
		z-index:6 !important;
	}
	.oi-judges-slider .oi-prev,
	.oi-domains .oi-prev,
	.oi-news .oi-prev,
	.oi-videos .oi-prev{right:-48px !important;left:auto !important;}
	.oi-judges-slider .oi-next,
	.oi-domains .oi-next,
	.oi-news .oi-next,
	.oi-videos .oi-next{left:-48px !important;right:auto !important;}
}

/* ============================================================================
   RESPONSIVE  ·  below the desktop breakpoint (≤940px)
   The desktop layout (≥941px — base styles + the two @media (min-width:941px)
   blocks above) is intentionally left untouched. These tiers refine it down:

       940  →  tablets / small laptops     (stack the multi-column blocks)
       767  →  phones                      (single column, touch-friendly rails)
       480  →  typical phones in portrait  (tighten type & controls)
       360  →  compact phones

   Desktop-first cascade: each narrower tier only *refines* the wider one, so a
   property is set once at the widest tier that needs it and only overridden when
   a smaller screen genuinely requires a different value.
   ============================================================================ */

/* -------------------------------------------------------------- TABLET  ≤940px */
@media (max-width:940px){
	.oi-section-title{font-size:25px !important;margin-bottom:30px !important;}

	/* Header — logo centered, with nav + actions on their own centered rows */
	.oi-header{padding:18px 0 20px !important;}
	.oi-header-inner{flex-wrap:wrap !important;justify-content:center !important;gap:14px !important;}
	.oi-logo{order:1 !important;flex:0 0 auto !important;}
	.oi-logo img{height:120px !important;width:auto !important;}
	.oi-header-actions{order:2 !important;flex:1 1 100% !important;justify-content:center !important;flex-wrap:wrap !important;gap:14px !important;}
	.oi-nav{order:3 !important;flex:1 1 100% !important;justify-content:center !important;flex-wrap:wrap !important;gap:16px !important;}

	.oi-timeline-title{font-size:30px !important;}

	/* About (intro) — title stacks over the paragraph */
	.oi-about-intro{padding:38px 0 46px !important;}
	.oi-about-intro-inner{flex-direction:column !important;text-align:center !important;gap:22px !important;padding:30px 34px !important;}
	.oi-about-card,.oi-about-text2{flex-basis:auto !important;width:100% !important;}

	/* About (main) — orange circle stacks above the copy; drop desktop nudges */
	.oi-about-main{padding:56px 0 64px !important;}
	.oi-about-main-inner{flex-direction:column !important;text-align:center !important;gap:34px !important;}
	.oi-about-text2{max-width:640px !important;margin:0 auto !important;transform:none !important;}
	.oi-about-subtitle{text-align:center !important;}
	.oi-about-text2 > p{max-width:none !important;margin:0 auto !important;}
	.oi-about-circle{transform:none !important;margin:0 auto !important;}
	.oi-about-circle span{transform:none !important;text-align:center !important;}

	/* Info cards — even, centered 2×2 grid */
	.oi-info{padding:48px 0 54px !important;background-size:120% auto !important;}
	.oi-info-heading{margin:0 0 56px !important;}
	.oi-info-cards{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:18px !important;max-width:600px !important;width:100% !important;margin:0 auto !important;}
	.oi-info-card{flex:initial !important;width:100% !important;min-width:0 !important;}

	/* Judges — tighter gutter so wrapped rows stay balanced (any count) */
	.oi-judges{padding:32px 0 72px !important;}
	.oi-judges .oi-section-title{font-size:32px !important;margin-bottom:30px !important;}
	.oi-judges-grid{gap:30px !important;}
	.oi-judges-grid .oi-judge-card{width:190px !important;}

	/* Who-for — helmet peeks over the card, then title, then the trio */
	.oi-whofor{padding:0 0 44px !important;}
	.oi-whofor-box{flex-direction:column !important;align-items:center !important;text-align:center !important;gap:22px !important;min-height:0 !important;padding:34px 40px 30px !important;}
	.oi-whofor-img{position:static !important;order:0 !important;width:60% !important;max-width:360px !important;margin:-72px auto 0 !important;}
	.oi-whofor-right{order:1 !important;align-items:center !important;gap:14px !important;}
	.oi-whofor-title{max-width:none !important;text-align:center !important;}
	.oi-whofor-left{order:2 !important;}
	.oi-whofor-items{justify-content:center !important;gap:32px !important;}

	/* Sliders — calmer section titles at tablet width */
	.oi-domains .oi-section-title{font-size:30px !important;}
	.oi-news .oi-section-head .oi-section-title,
	.oi-videos .oi-section-head .oi-section-title{font-size:30px !important;}

	/* Footer — release the absolutely-pinned partner logos so columns can wrap */
	.oi-footer-cols{gap:30px 24px !important;}
	.oi-footer-brand,.oi-footer-links{padding-bottom:0 !important;}
	.oi-footer-partner{position:static !important;height:auto !important;margin-top:18px !important;}
	.oi-footer .oi-footer-partner img{transform:none !important;}
}

/* --------------------------------------------------------------- PHONE  ≤767px */
@media (max-width:767px){
	.oi-root{font-size:14px !important;line-height:1.8 !important;}
	.oi-container{padding-left:16px !important;padding-right:16px !important;}
	.oi-section-title{font-size:25px !important;line-height:1.35 !important;margin-bottom:32px !important;}

	/* Header — compact bar with animated off-canvas navigation */
	.oi-header{padding:9px 0 !important;box-shadow:0 6px 24px rgba(7,55,101,.11) !important;}
	.oi-header .oi-container,
	.oi-hero .oi-container{padding-left:12px !important;padding-right:12px !important;}
	.oi-header-inner{min-height:58px !important;flex-direction:row !important;justify-content:space-between !important;gap:12px !important;}
	.oi-nav{display:none !important;}
	.oi-logo{width:auto !important;order:1 !important;}
	.oi-logo img{width:72px !important;height:58px !important;object-fit:contain !important;}
	.oi-menu-toggle{
		order:2 !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;
		width:46px !important;height:46px !important;gap:5px !important;padding:0 !important;
		background:linear-gradient(145deg,var(--oi-blue),#06335f) !important;border:0 !important;border-radius:15px !important;
		box-shadow:0 8px 18px rgba(7,55,101,.22) !important;cursor:pointer !important;
	}
	.oi-menu-toggle span{display:block !important;width:22px !important;height:2px !important;border-radius:4px !important;background:#fff !important;transition:transform .35s ease,width .35s ease,opacity .25s ease !important;}
	.oi-menu-toggle span:nth-child(2){width:16px !important;margin-right:6px !important;}
	.oi-menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg) !important;}
	.oi-menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0 !important;transform:translateX(-8px) !important;}
	.oi-menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg) !important;}
	.oi-header-panel{
		position:fixed !important;z-index:1002 !important;display:flex !important;flex-direction:column !important;
		top:0 !important;right:0 !important;width:min(86vw,360px) !important;height:100dvh !important;
		padding:22px 18px 28px !important;overflow-y:auto !important;
		background:linear-gradient(160deg,#fff 0%,#f7faff 62%,#eef5fb 100%) !important;
		box-shadow:-20px 0 55px rgba(2,31,59,.25) !important;
		transform:translateX(110%) !important;visibility:hidden !important;
		transition:transform .55s cubic-bezier(.22,1,.36,1),visibility .55s !important;
	}
	.oi-header.is-menu-open .oi-header-panel{transform:translateX(0) !important;visibility:visible !important;}
	.oi-mobile-panel-head{display:flex !important;align-items:center !important;justify-content:space-between !important;margin-bottom:22px !important;padding-bottom:16px !important;border-bottom:1px solid rgba(11,74,139,.12) !important;}
	.oi-mobile-panel-title{color:var(--oi-blue) !important;font-size:20px !important;font-weight:900 !important;}
	.oi-menu-close{position:relative !important;width:40px !important;height:40px !important;padding:0 !important;background:#fff !important;border:1px solid rgba(11,74,139,.12) !important;border-radius:13px !important;box-shadow:0 7px 17px rgba(7,55,101,.09) !important;cursor:pointer !important;}
	.oi-menu-close span{position:absolute !important;top:19px !important;right:10px !important;width:20px !important;height:2px !important;background:var(--oi-blue) !important;border-radius:3px !important;}
	.oi-menu-close span:first-child{transform:rotate(45deg) !important;}
	.oi-menu-close span:last-child{transform:rotate(-45deg) !important;}
	.oi-mobile-nav{display:flex !important;flex-direction:column !important;gap:8px !important;}
	.oi-mobile-nav a{
		display:flex !important;align-items:center !important;justify-content:space-between !important;
		min-height:50px !important;padding:11px 15px !important;border-radius:14px !important;
		color:var(--oi-blue) !important;background:rgba(255,255,255,.72) !important;border:1px solid rgba(11,74,139,.08) !important;
		font-size:15px !important;font-weight:800 !important;
		opacity:0 !important;transform:translateX(28px) !important;
		transition:transform .45s cubic-bezier(.22,1,.36,1),opacity .35s ease,background .2s ease !important;
	}
	.oi-mobile-nav a.is-active{color:#fff !important;background:linear-gradient(135deg,var(--oi-blue),#06335f) !important;box-shadow:0 9px 22px rgba(7,55,101,.2) !important;}
	.oi-mobile-nav-arrow{width:8px !important;height:8px !important;border-left:2px solid currentColor !important;border-bottom:2px solid currentColor !important;transform:rotate(45deg) !important;opacity:.65 !important;}
	.oi-header.is-menu-open .oi-mobile-nav a{opacity:1 !important;transform:translateX(0) !important;}
	.oi-header.is-menu-open .oi-mobile-nav a:nth-child(1){transition-delay:.08s !important;}
	.oi-header.is-menu-open .oi-mobile-nav a:nth-child(2){transition-delay:.12s !important;}
	.oi-header.is-menu-open .oi-mobile-nav a:nth-child(3){transition-delay:.16s !important;}
	.oi-header.is-menu-open .oi-mobile-nav a:nth-child(4){transition-delay:.20s !important;}
	.oi-header.is-menu-open .oi-mobile-nav a:nth-child(5){transition-delay:.24s !important;}
	.oi-header.is-menu-open .oi-mobile-nav a:nth-child(6){transition-delay:.28s !important;}
	.oi-header.is-menu-open .oi-mobile-nav a:nth-child(n+7){transition-delay:.32s !important;}
	.oi-header-actions{
		position:static !important;z-index:2 !important;
		display:grid !important;grid-template-columns:1fr 1fr !important;width:100% !important;
		flex:0 0 auto !important;align-self:stretch !important;
		margin-top:12px !important;padding:0 !important;gap:10px !important;
		border:0 !important;border-radius:0 !important;
		background:transparent !important;
		box-shadow:none !important;
		backdrop-filter:none !important;-webkit-backdrop-filter:none !important;
		opacity:0 !important;transform:translateY(18px) !important;
		transition:opacity .4s ease .28s,transform .45s cubic-bezier(.22,1,.36,1) .28s !important;
	}
	.oi-header.is-menu-open .oi-header-actions{opacity:1 !important;transform:translateY(0) !important;}
	.oi-header .oi-btn-guide,.oi-header-register{min-height:44px !important;border-radius:12px !important;font-size:13px !important;display:flex !important;align-items:center !important;justify-content:center !important;}
	.oi-header .oi-btn-guide{padding:8px 12px !important;}
	.oi-header-panel .oi-header-register{padding:8px 12px !important;background:var(--oi-blue) !important;color:#fff !important;}
	.oi-header-date,.oi-header-panel .oi-search-btn{display:none !important;}
	.oi-menu-backdrop{position:fixed !important;z-index:1001 !important;display:block !important;inset:0 !important;padding:0 !important;border:0 !important;background:rgba(2,22,42,.48) !important;backdrop-filter:blur(4px) !important;-webkit-backdrop-filter:blur(4px) !important;opacity:0 !important;visibility:hidden !important;transition:opacity .4s ease,visibility .4s !important;cursor:pointer !important;}
	.oi-header.is-menu-open .oi-menu-backdrop{opacity:1 !important;visibility:visible !important;}
	body.oi-menu-open{overflow:hidden !important;}

	/* Inner pages */
	.oi-inner-hero{padding:44px 0 50px !important;}
	.oi-inner-hero h1{font-size:29px !important;line-height:1.5 !important;}
	.oi-inner-hero p{font-size:14px !important;line-height:1.9 !important;margin-top:10px !important;}
	.oi-breadcrumb{font-size:12px !important;margin-bottom:16px !important;overflow:hidden !important;white-space:nowrap !important;}
	.oi-inner-main{padding:48px 0 60px !important;}
	.oi-news-layout,.oi-contact-layout{display:flex !important;flex-direction:column !important;gap:24px !important;}
	.oi-news-sidebar{position:static !important;width:100% !important;}
	.oi-news-search,.oi-category-box{padding:18px !important;}
	.oi-category-box{display:grid !important;grid-template-columns:1fr 1fr !important;}
	.oi-category-box h2{grid-column:1 / -1 !important;}
	.oi-news-results,.oi-contact-info,.oi-contact-card{width:100% !important;}
	.oi-news-results .oi-archive-grid,.oi-archive-grid{grid-template-columns:1fr !important;gap:18px !important;}
	.oi-archive-card-image{height:200px !important;}
	.oi-archive-card-body{padding:18px !important;}
	.oi-archive-card h2{font-size:18px !important;}
	.oi-team-section+.oi-team-section{margin-top:48px !important;}
	.oi-inner-section-head{gap:12px !important;margin-bottom:24px !important;}
	.oi-inner-section-head h2{font-size:23px !important;}
	.oi-team-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:14px !important;}
	.oi-team-photo{aspect-ratio:1/1 !important;height:auto !important;}
	.oi-team-body{padding:15px 9px !important;}
	.oi-team-body h3{font-size:16px !important;}
	.oi-faq-item summary{padding:17px !important;font-size:15px !important;}
	.oi-faq-answer{padding:0 17px 18px !important;font-size:14px !important;}
	.oi-contact-info,.oi-contact-card{padding:24px 18px !important;}
	.oi-contact-info h2,.oi-contact-card h2{font-size:22px !important;}
	.oi-form-grid{grid-template-columns:1fr !important;gap:15px !important;}
	.oi-primary-button{width:100% !important;}
	.oi-static-content,.oi-article{padding:26px 18px !important;font-size:14px !important;line-height:2.05 !important;}
	.oi-article-meta,.oi-share{flex-wrap:wrap !important;}
	.oi-related{margin-top:44px !important;}
	.oi-related>h2{font-size:23px !important;}

	/* Hero — balanced full-width two-column actions */
	.oi-hero{padding:20px 0 8px !important;}
	.oi-hero-banner{border-radius:16px !important;}
	.oi-hero-bar{
		display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;
		align-items:end !important;gap:12px !important;
		margin-top:10px !important;min-height:210px !important;
		border-radius:16px !important;padding:100px 12px 22px !important;
	}
	.oi-hero-btn{width:100% !important;height:94px !important;flex:none !important;gap:6px !important;border-radius:16px !important;font-size:14px !important;}
	.oi-hero-btn img{height:42px !important;}
	.oi-countdown{top:-50px !important;width:100% !important;}
	.oi-cd-units{gap:8px !important;}
	.oi-cd-unit{width:80px !important;min-width:80px !important;}
	.oi-cd-num{height:70px !important;line-height:66px !important;font-size:40px !important;border-width:1.5px !important;border-radius:12px !important;}
	.oi-cd-lbl{width:calc(96% + 2px) !important;min-height:34px !important;padding:5px 2px 6px !important;font-size:15px !important;border-radius:0 0 12px 12px !important;}
	.oi-cd-caption{font-size:32px !important;line-height:1.15 !important;margin-top:7px !important;}

	/* Timeline — horizontal scroll-snap rail */
	.oi-timeline{padding:36px 12px 48px !important;}
	.oi-timeline-inner{display:block !important;padding:28px 0 24px !important;border-radius:16px !important;}
	.oi-timeline-title{font-size:23px !important;text-align:center !important;margin-bottom:24px !important;}
	.oi-timeline-items{flex-wrap:nowrap !important;overflow-x:auto !important;gap:10px !important;padding:2px 0 10px !important;scroll-snap-type:x mandatory !important;scrollbar-width:none !important;}
	.oi-timeline-items::-webkit-scrollbar{display:none !important;}
	.oi-timeline-item{flex:0 0 auto !important;min-width:200px !important;min-height:56px !important;padding:7px 16px !important;gap:12px !important;justify-content:center !important;font-size:15px !important;scroll-snap-align:center !important;}
	.oi-tl-date{font-size:14px !important;}
	.oi-tl-arrow{flex:0 0 auto !important;font-size:18px !important;}
	.oi-timeline-swipe-hint{
		display:flex !important;align-items:center !important;justify-content:center !important;gap:8px !important;
		width:max-content !important;max-width:calc(100% - 24px) !important;margin:4px auto 0 !important;padding:2px 0 !important;
		border:0 !important;border-radius:0 !important;
		background:transparent !important;color:#fff !important;
		font-size:11px !important;font-weight:800 !important;line-height:1.4 !important;
		opacity:.92 !important;transition:opacity .4s ease,transform .4s ease !important;
	}
	.oi-timeline.is-swipe-hint-hidden .oi-timeline-swipe-hint{opacity:0 !important;transform:translateY(5px) !important;pointer-events:none !important;}
	.oi-timeline.has-no-horizontal-scroll .oi-timeline-swipe-hint{display:none !important;}
	.oi-swipe-hand{
		position:relative !important;display:block !important;width:13px !important;height:18px !important;
		border:2px solid var(--oi-orange) !important;border-radius:8px 8px 6px 6px !important;
		animation:oi-swipe-hand 1.7s ease-in-out infinite !important;
	}
	.oi-swipe-hand::before{content:"" !important;position:absolute !important;top:-6px !important;right:4px !important;width:2px !important;height:8px !important;border-radius:2px !important;background:var(--oi-orange) !important;}
	.oi-swipe-chevrons{display:flex !important;align-items:center !important;gap:0 !important;animation:oi-swipe-chevrons 1.7s ease-in-out infinite !important;}
	.oi-swipe-chevrons i{display:block !important;width:7px !important;height:7px !important;border-left:2px solid var(--oi-orange) !important;border-bottom:2px solid var(--oi-orange) !important;transform:rotate(45deg) !important;}
	@keyframes oi-swipe-hand{
		0%,100%{transform:translateX(5px) rotate(0deg);}
		50%{transform:translateX(-5px) rotate(-7deg);}
	}
	@keyframes oi-swipe-chevrons{
		0%,100%{opacity:.35;transform:translateX(3px);}
		50%{opacity:1;transform:translateX(-3px);}
	}

	/* About */
	.oi-about-intro{padding:52px 12px 58px !important;}
	.oi-about-intro-inner{gap:24px !important;padding:34px 20px !important;border-radius:16px !important;box-shadow:0 12px 28px rgba(11,74,139,.13) !important;}
	.oi-about-title{font-size:32px !important;line-height:1.2 !important;}
	.oi-about-card p{font-size:14px !important;line-height:2.05 !important;}
	.oi-about-main{padding:60px 0 68px !important;}
	.oi-about-main-inner{gap:38px !important;}
	.oi-about-circle{width:216px !important;height:216px !important;flex-basis:216px !important;padding:20px !important;box-shadow:0 12px 28px rgba(0,0,0,.24) !important;}
	.oi-about-circle span{width:172px !important;font-size:31px !important;line-height:1.28 !important;}
	.oi-about-subtitle{font-size:21px !important;line-height:1.6 !important;margin-bottom:14px !important;}
	.oi-about-text2 > p{font-size:14px !important;line-height:2.05 !important;}

	/* Participation path — horizontal scroll rail */
	.oi-path{padding:38px 0 36px !important;}
	.oi-path-inner{flex-direction:column !important;gap:22px !important;}
	.oi-path-title{font-size:20px !important;padding:10px 26px !important;}
	.oi-path-steps{width:100% !important;flex-wrap:nowrap !important;overflow-x:auto !important;justify-content:flex-start !important;gap:12px !important;padding:4px 4px 8px !important;scrollbar-width:none !important;}
	.oi-path-steps::-webkit-scrollbar{display:none !important;}
	.oi-path-step{flex:0 0 auto !important;font-size:17px !important;}
	.oi-path-arrow{flex:0 0 auto !important;font-size:10px !important;}

	/* Info cards stay 2-up but tighten */
	.oi-info{padding:56px 0 62px !important;background-size:150% auto !important;background-position:center 28px !important;}
	.oi-info-heading{font-size:26px !important;letter-spacing:3px !important;line-height:1.35 !important;margin:0 0 38px !important;}
	.oi-info-cards{gap:12px !important;max-width:420px !important;}
	.oi-info-card{height:108px !important;padding:12px !important;gap:8px !important;border-radius:16px !important;}
	.oi-info-ic{flex:0 0 46px !important;width:46px !important;}
	.oi-info-ic img{height:52px !important;max-width:46px !important;}
	.oi-info-title{font-size:16px !important;line-height:1.45 !important;max-width:none !important;}

	/* Judges → 2-up grid */
	.oi-judges{padding:52px 0 84px !important;}
	.oi-judges .oi-section-title{font-size:27px !important;margin-bottom:34px !important;}
	.oi-judges-grid{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:14px !important;width:100% !important;}
	.oi-judges-grid .oi-judge-card{width:100% !important;}
	.oi-judges-slider{display:block !important;width:100% !important;}
	.oi-judges-slider .oi-slide-nav{display:none !important;}
	.oi-judges-slider .oi-slider-viewport{width:100% !important;overflow:visible !important;padding:0 !important;cursor:default !important;}
	.oi-judges-slider .oi-slider-track{
		display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;
		gap:14px !important;width:100% !important;transform:none !important;
	}
	.oi-judges-slider .oi-judge-card{width:100% !important;min-width:0 !important;flex:none !important;}
	.oi-judge-card{border-radius:16px !important;box-shadow:0 12px 24px rgba(0,37,70,.28) !important;}
	.oi-judge-photo{width:100% !important;height:auto !important;aspect-ratio:1 / 1 !important;border-radius:16px 16px 0 0 !important;}
	.oi-judge-photo.is-placeholder img{padding:16px 18px 0 !important;}
	.oi-judge-meta{min-height:0 !important;padding:11px 6px 12px !important;border-radius:0 0 16px 16px !important;}
	.oi-judge-name{font-size:15px !important;}
	.oi-judge-role{font-size:12px !important;}

	/* Who-for */
	.oi-whofor{padding:18px 0 62px !important;}
	.oi-whofor-box{width:calc(100% - 28px) !important;margin:0 auto !important;padding:34px 16px 38px !important;border-radius:16px !important;gap:26px !important;}
	.oi-whofor-img{width:74% !important;max-width:280px !important;margin:-56px auto 0 !important;}
	.oi-whofor-right{gap:12px !important;}
	.oi-whofor-badge{width:76px !important;height:76px !important;border-radius:13px !important;}
	.oi-whofor-title{font-size:26px !important;line-height:1.4 !important;max-width:340px !important;}
	.oi-whofor-items{width:100% !important;justify-content:space-around !important;gap:8px !important;}
	.oi-whofor-item{gap:8px !important;}
	.oi-whofor-ic img{width:68px !important;height:68px !important;}
	.oi-whofor-label{font-size:13px !important;white-space:normal !important;}

	/* Sliders — shared */
	.oi-domains,.oi-news,.oi-videos{padding-top:58px !important;padding-bottom:64px !important;}
	.oi-slider{width:100% !important;gap:12px !important;}
	.oi-slide-nav{width:20px !important;height:42px !important;font-size:18px !important;}
	.oi-slider-track{gap:16px !important;}

	/* Domains */
	.oi-domains .oi-section-title{font-size:25px !important;margin-bottom:34px !important;}
	.oi-domain-card{min-height:0 !important;border-radius:16px !important;}
	.oi-domain-card-art{border-radius:16px !important;}

	/* Section heads (news + videos): center the title, button beneath it */
	.oi-news .oi-section-head,
	.oi-videos .oi-section-head{display:flex !important;flex-direction:column !important;align-items:center !important;gap:14px !important;min-height:0 !important;margin-bottom:28px !important;}
	.oi-news .oi-section-head .oi-section-title,
	.oi-videos .oi-section-head .oi-section-title{order:1 !important;width:100% !important;font-size:25px !important;}
	.oi-news .oi-archive-btn,
	.oi-videos .oi-archive-btn{order:2 !important;position:static !important;transform:none !important;font-size:14px !important;}
	.oi-news .oi-archive-btn .oi-archive-ic img,
	.oi-videos .oi-archive-btn .oi-archive-ic img{width:30px !important;}

	/* News */
	.oi-news .oi-slider-viewport{padding:18px 8px 32px !important;}
	.oi-news-card{height:auto !important;border-radius:16px !important;box-shadow:0 3px 9px rgba(11,74,139,.13),0 14px 24px rgba(11,74,139,.22) !important;}
	.oi-news-thumb,.oi-news-thumb img{height:150px !important;}
	.oi-news-body{padding:14px 16px 12px !important;}
	.oi-news-title{font-size:20px !important;}
	.oi-news-excerpt{font-size:12px !important;line-height:1.8 !important;flex-basis:auto !important;}

	/* Videos */
	.oi-videos .oi-video-main{width:100% !important;min-height:300px !important;margin-bottom:36px !important;border-radius:16px !important;}
	.oi-video-play svg{width:62px !important;height:62px !important;}
	.oi-videos .oi-slider-viewport{padding:14px 10px 22px !important;}
	.oi-videos .oi-slide-nav{font-size:20px !important;}
	.oi-video-card{border-radius:16px !important;}
	.oi-video-thumb{height:128px !important;}
	.oi-video-ic svg{width:40px !important;height:40px !important;}
	.oi-video-title{min-height:48px !important;padding:10px 8px !important;font-size:14px !important;}

	/* Footer — structured mobile cards */
	.oi-footer{padding:48px 0 0 !important;}
	.oi-footer-cols{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:16px !important;width:100% !important;}
	.oi-footer-brand{
		grid-column:1 / -1 !important;display:grid !important;grid-template-columns:1fr 1fr !important;
		align-items:center !important;justify-items:center !important;gap:18px 12px !important;
		padding:24px 18px !important;border-radius:22px !important;
		background:rgba(255,255,255,.055) !important;border:1px solid rgba(255,255,255,.09) !important;
	}
	.oi-footer-logo{grid-column:1 / -1 !important;width:142px !important;height:auto !important;}
	.oi-footer-partner{position:static !important;height:58px !important;margin:0 !important;width:100% !important;}
	.oi-footer .oi-footer-partner img{height:48px !important;max-width:130px !important;transform:none !important;}
	.oi-footer-partner--sharif{display:none !important;}
	.oi-footer-partner--sharif-mobile{display:flex !important;}
	.oi-footer-col{
		min-width:0 !important;padding:22px 12px !important;border-radius:18px !important;
		background:rgba(255,255,255,.045) !important;border:1px solid rgba(255,255,255,.08) !important;
		text-align:right !important;
	}
	.oi-footer-links,.oi-footer-support{padding-bottom:22px !important;}
	.oi-footer-col h4{position:relative !important;font-size:15px !important;margin-bottom:18px !important;padding-bottom:10px !important;text-align:center !important;}
	.oi-footer-col h4::after{content:"" !important;position:absolute !important;right:50% !important;bottom:0 !important;width:34px !important;height:2px !important;border-radius:2px !important;background:var(--oi-orange) !important;transform:translateX(50%) !important;}
	.oi-footer-col ul{display:flex !important;flex-direction:column !important;gap:11px !important;}
	.oi-footer-col ul li{margin:0 !important;text-align:center !important;line-height:1.6 !important;}
	.oi-footer-col ul li a{font-size:12px !important;}
	.oi-footer-contact{grid-column:1 / -1 !important;padding:26px 18px !important;text-align:center !important;}
	.oi-footer-contact p{font-size:13px !important;margin-bottom:11px !important;line-height:1.8 !important;}
	.oi-socials{justify-content:center !important;gap:12px !important;margin-top:22px !important;}
	.oi-social{width:38px !important;height:38px !important;}
	.oi-footer-bottom{margin-top:32px !important;padding:17px 12px !important;font-size:11px !important;}
}

/* ---------------------------------------------------------- SMALL PHONE  ≤480px */
@media (max-width:480px){
	.oi-section-title{font-size:23px !important;}

	/* Countdown sized to fit ~360–430px screens without overflow */
	.oi-countdown{top:-44px !important;}
	.oi-cd-units{gap:6px !important;}
	.oi-cd-unit{width:66px !important;min-width:66px !important;}
	.oi-cd-num{height:60px !important;line-height:56px !important;font-size:33px !important;border-radius:12px !important;}
	.oi-cd-lbl{min-height:30px !important;font-size:13px !important;border-radius:0 0 12px 12px !important;}
	.oi-cd-caption{font-size:26px !important;}
	.oi-hero-bar{min-height:202px !important;gap:10px !important;padding:88px 10px 20px !important;}
	.oi-hero-btn{width:100% !important;height:86px !important;flex:none !important;font-size:13px !important;}
	.oi-hero-btn img{height:38px !important;}

	/* Headlines */
	.oi-info-heading{font-size:23px !important;letter-spacing:2px !important;}
	.oi-about-title{font-size:29px !important;}
	.oi-about-subtitle{font-size:19px !important;}
	.oi-whofor-title{font-size:23px !important;}
	.oi-judges .oi-section-title,
	.oi-domains .oi-section-title,
	.oi-news .oi-section-head .oi-section-title,
	.oi-videos .oi-section-head .oi-section-title{font-size:23px !important;}

	/* Info cards a touch smaller */
	.oi-info-card{height:100px !important;}
	.oi-info-ic{flex:0 0 42px !important;width:42px !important;}
	.oi-info-ic img{height:46px !important;max-width:42px !important;}
	.oi-info-title{font-size:15px !important;}

	/* Who-for trio */
	.oi-whofor-ic img{width:60px !important;height:60px !important;}
	.oi-whofor-label{font-size:12px !important;}
}

/* ------------------------------------------------------------- COMPACT  ≤360px */
@media (max-width:360px){
	/* keep the header action buttons on a single row */
	.oi-header-actions{gap:6px !important;}
	.oi-header .oi-btn-guide,.oi-header-date,.oi-header-register{font-size:11px !important;}
	.oi-cd-units{gap:5px !important;}
	.oi-cd-unit{width:58px !important;min-width:58px !important;}
	.oi-cd-num{height:54px !important;line-height:50px !important;font-size:29px !important;}
	.oi-cd-lbl{font-size:12px !important;}
	.oi-cd-caption{font-size:22px !important;}
	.oi-hero-bar{gap:8px !important;padding-left:8px !important;padding-right:8px !important;}
	.oi-hero-btn{width:100% !important;height:82px !important;flex:none !important;font-size:12px !important;}
	.oi-info-title{font-size:14px !important;}
	.oi-about-title{font-size:26px !important;}
	.oi-whofor-title{font-size:21px !important;}
}

/* ====================== SUBTLE INTERACTIONS ====================== */
.oi-root .oi-hero-btn,
.oi-root .oi-btn-guide,
.oi-root .oi-header-register,
.oi-root .oi-primary-button,
.oi-root .oi-news-search button{
	-webkit-tap-highlight-color:transparent !important;
	transition:transform .18s ease,background-color .18s ease,color .18s ease !important;
}
.oi-root .oi-judge-card,
.oi-root .oi-news-card,
.oi-root .oi-archive-card,
.oi-root .oi-video-card{
	-webkit-tap-highlight-color:transparent !important;
	transition:transform .2s ease !important;
}
.oi-root .oi-hero-btn img,
.oi-root .oi-judge-photo img,
.oi-root .oi-news-thumb img,
.oi-root .oi-archive-card-image img,
.oi-root .oi-info-ic img,
.oi-root .oi-whofor-ic img,
.oi-root .oi-news-more .oi-arrow-icon,
.oi-root .oi-archive-btn .oi-archive-ic,
.oi-root .oi-social,
.oi-root .oi-social svg,
.oi-root .oi-slide-nav,
.oi-root .oi-faq-item summary i,
.oi-root .oi-category-box a,
.oi-root .oi-pagination a{
	transition:transform .22s cubic-bezier(.22,1,.36,1),color .18s ease,background-color .18s ease,opacity .18s ease !important;
}
.oi-root .oi-nav a,
.oi-root .oi-footer-col a,
.oi-root .oi-news-title a,
.oi-root .oi-text-link{
	transition:color .18s ease,transform .18s ease !important;
}

@media (hover:hover) and (pointer:fine){
	.oi-root .oi-hero-btn:hover,
	.oi-root .oi-btn-guide:hover,
	.oi-root .oi-header-register:hover,
	.oi-root .oi-primary-button:hover,
	.oi-root .oi-news-search button:hover{
		transform:translateY(-2px) !important;
	}
	.oi-root .oi-judge-card:hover,
	.oi-root .oi-news-card:hover,
	.oi-root .oi-archive-card:hover,
	.oi-root .oi-video-card:hover{
		transform:translateY(-2px) !important;
	}
	.oi-root .oi-hero-btn:hover img{transform:translateY(-3px) scale(1.04) !important;}
	.oi-root .oi-judge-card:hover .oi-judge-photo img{transform:scale(1.025) !important;}
	.oi-root .oi-news-card:hover .oi-news-thumb img,
	.oi-root .oi-archive-card:hover .oi-archive-card-image img{
		transform:scale(1.03) !important;
	}
	.oi-root .oi-info-card:hover .oi-info-ic img{transform:rotate(-4deg) scale(1.06) !important;}
	.oi-root .oi-whofor-item:hover .oi-whofor-ic img{transform:translateY(-3px) !important;}
	.oi-root .oi-news-card:hover .oi-news-title a{color:var(--oi-orange) !important;}
	.oi-root .oi-news-card:hover .oi-news-more .oi-arrow-icon{transform:scaleX(-1) translateX(3px) !important;}
	.oi-root .oi-archive-btn:hover .oi-archive-ic{transform:translateY(-2px) !important;}
	.oi-root .oi-nav a:hover{color:var(--oi-orange) !important;}
	.oi-root .oi-footer-col a:hover{transform:translateX(-3px) !important;}
	.oi-root .oi-social:hover{transform:translateY(-3px) !important;}
	.oi-root .oi-slide-nav:hover{opacity:1 !important;color:#fff !important;}
	.oi-root .oi-faq-item summary:hover{color:var(--oi-orange) !important;}
	.oi-root .oi-faq-item summary:hover i{transform:rotate(8deg) !important;}
	.oi-root .oi-category-box a:hover{transform:translateX(-2px) !important;}
	.oi-root .oi-pagination a:hover{transform:translateY(-2px) !important;background:#edf4fb !important;}
	.oi-root .oi-text-link:hover{color:var(--oi-blue) !important;}
}

.oi-root .oi-hero-btn:active,
.oi-root .oi-btn-guide:active,
.oi-root .oi-header-register:active,
.oi-root .oi-primary-button:active,
.oi-root .oi-news-search button:active{
	transform:translateY(0) scale(.99) !important;
}

@media (prefers-reduced-motion:reduce){
	.oi-root *, .oi-root *::before, .oi-root *::after{
		scroll-behavior:auto !important;
		transition-duration:.01ms !important;
		animation-duration:.01ms !important;
		animation-iteration-count:1 !important;
	}
}