.elementor-kit-4{--e-global-color-primary:#2E3192;--e-global-color-secondary:#29ABE2;--e-global-color-text:#54657A;--e-global-color-accent:#166D93;--e-global-color-syo_deep:#14164A;--e-global-color-syo_indigo_dark:#1D1F63;--e-global-color-syo_cyan_light:#7FD0F2;--e-global-color-syo_soft:#E4F7FF;--e-global-typography-primary-font-family:"Nunito";--e-global-typography-primary-font-weight:900;--e-global-typography-secondary-font-family:"Nunito";--e-global-typography-secondary-font-weight:800;--e-global-typography-text-font-family:"Nunito Sans";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Nunito";--e-global-typography-accent-font-weight:700;background-color:#FAFCFE;color:#13203E;font-family:"Nunito Sans", Sans-serif;font-size:16px;line-height:1.6em;}.elementor-kit-4 e-page-transition{background-color:#FFBC7D;}.elementor-kit-4 a{color:#166D93;}.elementor-kit-4 a:hover{color:#2E3192;}.elementor-kit-4 h1{font-family:"Nunito", Sans-serif;font-weight:900;}.elementor-kit-4 h2{font-family:"Nunito", Sans-serif;font-weight:900;}.elementor-kit-4 h3{font-family:"Nunito", Sans-serif;font-weight:900;}.elementor-kit-4 h4{font-family:"Nunito", Sans-serif;font-weight:900;}.elementor-kit-4 h5{font-family:"Nunito", Sans-serif;font-weight:900;}.elementor-kit-4 h6{font-family:"Nunito", Sans-serif;font-weight:900;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-lightbox{background-color:rgba(11,13,51,0.95);--lightbox-ui-color:#FFFFFF;--lightbox-ui-color-hover:#7FD0F2;}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}} /* Start custom CSS *//* Su Yönetimi Ödülleri — site styles (Elementor Site Settings > Custom CSS). Generated from _uretim/site.tpl.css: icon placeholders (ico:NAME in double braces) become data URIs of _kaynak/ikon/NAME.svg. Colours follow the Next.js tokens. */ :root { --syo-cyan: #29abe2; --syo-cyan-light: #7fd0f2; --syo-cyan-dark: #166d93; --syo-indigo: #2e3192; --syo-indigo-dark: #1d1f63; --syo-deep: #14164a; --syo-fg: #13203e; --syo-muted: #54657a; --syo-soft-a: #e4f7ff; --syo-soft-b: #f3fcff; --syo-soft-c: #d9f5ff; --syo-c50: #ecfeff; --syo-c100: #cffafe; --syo-c200: #a5f3fc; --syo-c300: #67e8f9; --syo-s50: #f8fafc; --syo-s100: #f1f5f9; --syo-s200: #e2e8f0; --syo-s300: #cbd5e1; --syo-s400: #94a3b8; --syo-s500: #64748b; --syo-s700: #334155; --syo-grad: linear-gradient(135deg, #14164a 0%, #2e3192 55%, #166d93 100%); --syo-grad-soft: linear-gradient(135deg, #e4f7ff 0%, #f3fcff 50%, #d9f5ff 100%); --syo-ease: cubic-bezier(.22, 1, .36, 1); --syo-head: "Nunito", system-ui, sans-serif; --syo-body: "Nunito Sans", system-ui, sans-serif; } html { scroll-behavior: smooth; scroll-padding-top: 84px; } body { font-family: var(--syo-body); color: var(--syo-fg); background: #fafcfe; -webkit-font-smoothing: antialiased; } ::selection { background: rgba(41, 171, 226, .28); color: var(--syo-indigo-dark); } :focus-visible { outline: 2px solid var(--syo-cyan); outline-offset: 2px; } body .syo-section .elementor-heading-title, body .syo-header .elementor-heading-title, body .syo-footer .elementor-heading-title, body .syo-popup .elementor-heading-title { font-family: var(--syo-head); line-height: 1.2; margin: 0; } body .syo-section p, body .syo-popup p { margin: 0; } body .syo-section .elementor-widget, body .syo-header .elementor-widget, body .syo-footer .elementor-widget { margin-bottom: 0; } body .syo-section .elementor-widget-heading, body .syo-header .elementor-widget-heading, body .syo-footer .elementor-widget-heading, body .syo-popup .elementor-widget-heading { line-height: 1; } body .syo-ann-icon { width: auto !important; flex: none; } body .syo-ann-icon .elementor-icon { display: flex; font-size: 14px; color: var(--syo-c300); } body .syo-ann-icon .elementor-icon svg { width: 14px; height: 14px; } /* mask-icon helper (inline icons drawn with CSS) */ body .syo-mi::before, body .syo-stage .elementor-heading-title::before, body .syo-tl-date .elementor-heading-title::before, body .syo-apply-cta .elementor-heading-title::after, body .syo-doc-badge .elementor-heading-title::before, body .syo-doc-cta .elementor-heading-title::before, body .syo-ct-mail .elementor-heading-title::before, body .syo-news-date .elementor-heading-title::before, body .syo-post-date .elementor-heading-title::before, body .syo-news-more .elementor-heading-title::after { content: ""; display: inline-block; flex: none; width: 14px; height: 14px; background: currentColor; -webkit-mask: var(--ico) center / contain no-repeat; mask: var(--ico) center / contain no-repeat; } /* ------------------------------------------------------------------ layout */ body .syo-section { position: relative; overflow: hidden; padding: 112px 0; } body .syo-wrap { position: relative; z-index: 2; width: 100%; max-width: 1280px; margin: 0 auto; padding: 0 32px !important; } body .syo-soft { background: var(--syo-grad-soft); } body .syo-dark { background: var(--syo-grad); } body .syo-dark::before { content: ""; position: absolute; inset: 0; opacity: .1; pointer-events: none; background-image: radial-gradient(circle at 1px 1px, rgba(255, 255, 255, .5) 1px, transparent 0); background-size: 30px 30px; } /* section heading */ body .syo-sh { max-width: 768px; margin: 0 auto 64px; text-align: center; align-items: center; } body .syo-eyebrow .elementor-heading-title { display: inline-flex; align-items: center; gap: 12px; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .28em; color: var(--syo-cyan-dark); margin-bottom: 16px; } body .syo-eyebrow .elementor-heading-title::before, body .syo-eyebrow .elementor-heading-title::after { content: ""; width: 40px; height: 1px; background: linear-gradient(to right, transparent, var(--syo-cyan)); } body .syo-eyebrow .elementor-heading-title::after { background: linear-gradient(to left, transparent, var(--syo-cyan)); } body .syo-h2 .elementor-heading-title { font-size: 2.6rem; font-weight: 900; line-height: 1.15; letter-spacing: -.01em; color: var(--syo-indigo); } body .syo-h2 .elementor-heading-title::after { content: ""; display: block; width: 112px; height: 3px; margin: 20px auto 0; border-radius: 9px; background: linear-gradient(90deg, transparent 0%, var(--syo-cyan) 35%, var(--syo-indigo) 65%, transparent 100%); background-size: 200% 100%; animation: syo-shimmer 3.2s linear infinite; } body .syo-lead { max-width: 672px; margin: 20px auto 0; font-size: 18px; line-height: 1.65; color: var(--syo-muted); } body .syo-sh--light .syo-eyebrow .elementor-heading-title { color: var(--syo-c300); } body .syo-sh--light .syo-h2 .elementor-heading-title { color: #fff; } body .syo-sh--light .syo-lead { color: rgba(207, 250, 254, .8); } /* ------------------------------------------------------------------ header */ body .syo-header { position: fixed !important; top: 0; left: 0; right: 0; z-index: 999; transition: background .5s, box-shadow .5s; } body.admin-bar .syo-header { top: 32px; } @media (max-width: 782px) { body.admin-bar .syo-header { top: 46px; } } body.syo-scrolled .syo-header { background: rgba(255, 255, 255, .82); -webkit-backdrop-filter: blur(16px) saturate(1.4); backdrop-filter: blur(16px) saturate(1.4); box-shadow: 0 8px 30px -12px rgba(46, 49, 146, .25); } body .syo-ann { max-height: 40px; height: 40px; overflow: hidden; padding: 0 16px !important; background: linear-gradient(90deg, #14164a, #2e3192, #166d93); transition: max-height .4s var(--syo-ease), opacity .3s; } body.syo-scrolled .syo-ann, body.syo-ann-off .syo-ann { max-height: 0; opacity: 0; } body .syo-ping { position: relative; display: block; width: 8px; height: 8px; border-radius: 50%; background: var(--syo-c300); } body .syo-ping::after { content: ""; position: absolute; inset: 0; border-radius: 50%; background: var(--syo-c300); animation: syo-ping 1.4s infinite; } body .syo-ann-text { min-width: 0; } body .syo-ann-text .elementor-heading-title { font-size: 12.5px; font-weight: 700; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } body .syo-ann-link .elementor-button { padding: 4px 12px; border-radius: 99px; background: rgba(255, 255, 255, .15); color: var(--syo-c100); font-size: 11.5px; font-weight: 900; font-family: var(--syo-head); } body .syo-ann-link .elementor-button:hover { background: rgba(255, 255, 255, .25); color: #fff; } body .syo-ann-link .elementor-button-icon svg { width: 13px; height: 13px; } body .syo-ann-close { display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; padding: 0; border: 0 !important; border-radius: 50%; background: transparent !important; color: rgba(207, 250, 254, .7) !important; cursor: pointer; } body .syo-ann-close:hover { background: rgba(255, 255, 255, .15) !important; color: #fff !important; } body .syo-bar-w { max-width: 1280px; margin: 0 auto; padding: 0 32px !important; } body .syo-bar { height: 72px; } body .syo-brand { flex: none; text-decoration: none; } body .syo-logo img { width: auto !important; height: 60px; max-width: 90px !important; object-fit: contain; } @media (min-width: 1025px) { .syo-header .syo-brand-text { max-width: 112px; } } body .syo-header .syo-logo--dark, body.syo-scrolled .syo-header .syo-logo--light { display: none; } body.syo-scrolled .syo-header .syo-logo--dark { display: block; } body .syo-brand-text { gap: 2px; } body .syo-brand-t1 .elementor-heading-title { font-size: 15px; font-weight: 900; letter-spacing: -.01em; color: #fff; line-height: 1; transition: color .4s; } body .syo-brand-t2 .elementor-heading-title { font-size: 15px; font-weight: 900; letter-spacing: .18em; color: var(--syo-c300); line-height: 1; transition: color .4s; } body.syo-scrolled .syo-header .syo-brand-t1 .elementor-heading-title { color: var(--syo-indigo); } body.syo-scrolled .syo-header .syo-brand-t2 .elementor-heading-title { color: var(--syo-cyan-dark); } /* Elementor gives child containers of a row a 50% width by default; size these to their content instead */ body .syo-brand { width: auto !important; flex: none !important; } body .syo-brand-text, body .syo-doc-body, body .syo-album-text, body .syo-dlg-head-t, body .syo-frow-l, body .syo-frow-r, body .syo-tl-badges, body .syo-tl-actions, body .syo-hero-ctas, body .syo-org-logos { width: auto !important; } body .syo-doc-body, body .syo-album-text, body .syo-dlg-head-t { flex: 1 1 auto !important; } body .syo-bar-right { flex: 1 1 auto !important; width: auto !important; min-width: 0; } body .syo-nav { flex: 1 1 auto !important; min-width: 0; } body .syo-fnav { flex: 1 1 auto !important; } body .syo-fnav .elementor-nav-menu--main .elementor-nav-menu { justify-content: flex-end; } body .syo-nav .elementor-nav-menu--main .elementor-nav-menu, body .syo-fnav .elementor-nav-menu--main .elementor-nav-menu { flex-wrap: nowrap; } body .syo-nav .elementor-nav-menu--main .elementor-nav-menu { justify-content: center; } body .syo-nav .elementor-nav-menu--main .elementor-item { white-space: nowrap; } body .syo-nav .elementor-nav-menu--main .elementor-item { padding: 8px 8px !important; margin: 0 1px; border-radius: 12px; font-family: var(--syo-head); font-size: 13px; font-weight: 800; color: rgba(207, 250, 254, .9); transition: background .3s, color .3s; } body .syo-nav .elementor-nav-menu--main .elementor-item:hover { background: rgba(255, 255, 255, .1); color: #fff; } body .syo-nav .elementor-nav-menu--main .elementor-item.elementor-item-active { background: rgba(255, 255, 255, .15); color: #fff; } body.syo-scrolled .syo-nav .elementor-nav-menu--main .elementor-item { color: var(--syo-indigo); } body.syo-scrolled .syo-nav .elementor-nav-menu--main .elementor-item:hover { background: var(--syo-c50); } body.syo-scrolled .syo-nav .elementor-nav-menu--main .elementor-item.elementor-item-active { background: linear-gradient(90deg, var(--syo-cyan), var(--syo-cyan-dark)); color: #fff; box-shadow: 0 4px 12px -4px rgba(41, 171, 226, .6); } body .syo-nav .elementor-menu-toggle { width: 44px; height: 44px; margin-left: auto; border-radius: 12px; background: transparent !important; color: #fff !important; font-size: 24px; } body .syo-nav .elementor-menu-toggle svg { fill: currentColor !important; width: 24px; height: 24px; } body.syo-scrolled .syo-nav .elementor-menu-toggle { color: var(--syo-indigo) !important; } body .syo-nav .elementor-nav-menu--dropdown { margin-top: 14px; border-top: 1px solid rgba(207, 250, 254, .6); background: rgba(255, 255, 255, .96); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); box-shadow: 0 24px 40px -20px rgba(46, 49, 146, .35); } body .syo-nav .elementor-nav-menu--dropdown .elementor-item { margin: 4px 12px; padding: 12px 16px !important; border-radius: 12px; font-family: var(--syo-head); font-weight: 800; font-size: 15px; color: var(--syo-indigo); background: transparent; } body .syo-nav .elementor-nav-menu--dropdown .elementor-item.elementor-item-active, body .syo-nav .elementor-nav-menu--dropdown .elementor-item:hover { background: linear-gradient(90deg, var(--syo-cyan), var(--syo-cyan-dark)); color: #fff; } /* language switcher (Polylang) */ body .syo-lang { flex: none; } body .syo-lang .cpel-switcher__nav { position: relative; } body .syo-lang .cpel-switcher__lang a { display: flex !important; align-items: center; gap: 8px; padding: 8px 12px; font-family: var(--syo-head); font-size: 12px; font-weight: 800; color: rgba(207, 250, 254, .9); background: transparent !important; } body .syo-lang .cpel-switcher__toggle { border: 1px solid rgba(255, 255, 255, .25); border-radius: 99px; background: rgba(255, 255, 255, .1); transition: background .3s, border-color .3s; } body .syo-lang .cpel-switcher__toggle:hover { background: rgba(255, 255, 255, .2); } body .syo-lang .cpel-switcher__toggle .cpel-switcher__code { display: none; } body .syo-lang .cpel-switcher__icon { display: none; } body .syo-lang .cpel-switcher__toggle a::after { content: ""; width: 14px; height: 14px; background: currentColor; opacity: .85; -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m6%209%206%206%206-6%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m6%209%206%206%206-6%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; transition: transform .2s; } body .syo-lang .cpel-switcher__toggle--on a::after { transform: rotate(180deg); } body.syo-scrolled .syo-lang .cpel-switcher__toggle a { color: var(--syo-indigo); } body.syo-scrolled .syo-lang .cpel-switcher__toggle { border-color: var(--syo-c100); background: #fff; } body .syo-lang .cpel-switcher__list { min-width: 112px; margin-top: 6px; border-radius: 14px; background: #fff; } body .syo-lang .cpel-switcher__toggle--on + .cpel-switcher__list { box-shadow: 0 18px 40px -18px rgba(46, 49, 146, .55), 0 0 0 1px var(--syo-c100); } body .syo-lang .cpel-switcher__list a { color: var(--syo-indigo) !important; } body .syo-lang .cpel-switcher__list a:hover { background: var(--syo-c50) !important; } body .syo-lang .cpel-switcher__flag img, body .syo-flags .cpel-switcher__flag img { width: 20px !important; height: 14px !important; border-radius: 3px; object-fit: cover; } /* scroll progress + back to top (created by site.js) */ body .syo-progress { position: fixed; top: 0; left: 0; right: 0; height: 3px; z-index: 1000; transform-origin: 0 50%; transform: scaleX(0); background: linear-gradient(90deg, var(--syo-cyan), var(--syo-indigo)); pointer-events: none; } body .syo-top { position: fixed; right: 20px; bottom: 20px; z-index: 80; width: 48px; height: 48px; padding: 0; border: 0 !important; border-radius: 50%; background: #fff !important; box-shadow: 0 12px 30px -10px rgba(46, 49, 146, .45); cursor: pointer; opacity: 0; transform: translateY(16px); pointer-events: none; transition: opacity .3s, transform .3s; } body.syo-top-on .syo-top { opacity: 1; transform: none; pointer-events: auto; } body .syo-top svg { position: absolute; inset: 0; width: 48px; height: 48px; transform: rotate(-90deg); } body .syo-top circle { fill: none; stroke-width: 3; } body .syo-top-track { stroke: var(--syo-c100); } body .syo-top-ring { stroke: var(--syo-cyan); stroke-dasharray: 132; stroke-dashoffset: 132; stroke-linecap: round; } body .syo-top .syo-top-arrow { inset: 12px; width: 24px; height: 24px; transform: none; fill: none; stroke: var(--syo-indigo); stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; } /* ------------------------------------------------------------------ hero */ body .syo-hero { padding: 160px 0 112px; background: var(--syo-grad); overflow: hidden; } body .syo-hero::before { content: ""; position: absolute; inset: 0; opacity: .13; pointer-events: none; background-image: radial-gradient(circle at 1px 1px, rgba(255, 255, 255, .55) 1px, transparent 0); background-size: 34px 34px; } body .syo-deco-w { position: absolute !important; inset: 0; z-index: 0; pointer-events: none; width: 100% !important; } body .syo-hero-deco { position: absolute; inset: 0; } body .syo-orb { position: absolute; border-radius: 50%; } body .syo-orb--a { left: -160px; top: 40px; width: 480px; height: 480px; opacity: .4; filter: blur(130px); background: radial-gradient(circle, #29abe2 0, transparent 70%); } body .syo-orb--b { right: -160px; bottom: 0; width: 560px; height: 560px; opacity: .3; filter: blur(140px); background: radial-gradient(circle, #7fd0f2 0, transparent 70%); } body .syo-bubble { position: absolute; bottom: -60px; left: var(--l); width: var(--s); height: var(--s); border-radius: 50%; background: radial-gradient(circle at 32% 28%, rgba(255, 255, 255, .85), rgba(127, 208, 242, .22) 55%, rgba(41, 171, 226, .1) 100%); animation: syo-float var(--d) linear var(--w) infinite; } body .syo-hero-grid { align-items: center; } body .syo-hero-copy { flex: 0 0 calc((100% - 32px) * .575) !important; width: auto !important; min-width: 0; } body .syo-hero-visual { flex: 0 1 420px !important; width: auto !important; min-width: 0; position: relative; max-width: 420px; margin: 0 auto; } /* no floating (user, 2026-11-07) */ body .syo-hero-badge { align-self: flex-start; } body .syo-hero-badge .elementor-heading-title { display: inline-flex; align-items: center; gap: 10px; padding: 8px 16px; border-radius: 99px; border: 1px solid rgba(103, 232, 249, .3); background: rgba(255, 255, 255, .1); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: .18em; color: var(--syo-c100); } body .syo-hero-badge .elementor-heading-title a { color: inherit; text-decoration: none; } body .syo-hero-badge .elementor-heading-title:has(a) { transition: background .3s, border-color .3s; } body .syo-hero-badge .elementor-heading-title:has(a):hover { border-color: rgba(103, 232, 249, .6); background: rgba(255, 255, 255, .18); } body .syo-hero-badge .elementor-heading-title::before { content: ""; width: 10px; height: 10px; border-radius: 50%; background: var(--syo-c300); box-shadow: 0 0 0 0 rgba(103, 232, 249, .7); animation: syo-pulse 1.6s infinite; } body .syo-hero-title { margin-top: 24px; } body .syo-hero-title .elementor-heading-title { font-size: 2.9rem; font-weight: 900; line-height: 1.15; letter-spacing: -.02em; color: #fff; } body .syo-hl { position: relative; display: inline-block; background: linear-gradient(90deg, #67e8f9, #a5f3fc, #22d3ee); -webkit-background-clip: text; background-clip: text; color: transparent; } body .syo-hl::after { content: ""; position: absolute; left: 0; right: 0; bottom: -8px; height: 10px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 10' preserveAspectRatio='none'%3E%3Cpath d='M3 7C60 2 160 2 217 6' stroke='%237fd0f2' stroke-width='3.5' stroke-linecap='round' fill='none' opacity='.9'/%3E%3C/svg%3E") center / 100% 100% no-repeat; } body .syo-hero-desc { margin-top: 24px; max-width: 672px; font-size: 17px; line-height: 1.65; color: rgba(207, 250, 254, .85); } body .syo-hero-ctas { margin-top: 36px; } body .syo-btn .elementor-button { display: inline-flex; align-items: center; height: 52px; padding: 0 28px; border-radius: 16px; font-family: var(--syo-head); font-size: 15px; font-weight: 800; transition: transform .3s, box-shadow .3s, background .3s; } body .syo-btn .elementor-button:hover { transform: translateY(-2px); } body .syo-btn .elementor-button-content-wrapper { gap: 10px; } body .syo-btn .elementor-button-icon svg { width: 18px; height: 18px; } body .syo-btn--primary .elementor-button { color: #fff; background: linear-gradient(90deg, var(--syo-cyan), var(--syo-cyan-dark)); box-shadow: 0 12px 30px -8px rgba(41, 171, 226, .65); } body .syo-btn--primary .elementor-button:hover { box-shadow: 0 18px 36px -8px rgba(41, 171, 226, .75); } body .syo-btn--glass .elementor-button { color: #fff; border: 1px solid rgba(255, 255, 255, .25); background: rgba(255, 255, 255, .1); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); } body .syo-btn--glass .elementor-button:hover { background: rgba(255, 255, 255, .2); } body .syo-hero-stats { margin-top: 48px; max-width: 576px; } body .syo-stat-card { padding: 16px !important; border-radius: 16px; border: 1px solid rgba(255, 255, 255, .15); background: rgba(255, 255, 255, .07); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); text-align: center; align-items: center; transition: transform .3s, background .3s; } body .syo-stat-card:hover { transform: translateY(-4px); background: rgba(255, 255, 255, .12); } body .syo-stat-icon .elementor-icon { font-size: 20px; color: var(--syo-c300); } body .syo-stat-icon .elementor-icon svg { width: 20px; height: 20px; } body .syo-stat .elementor-counter { display: flex; flex-direction: column; align-items: center; gap: 0; margin-top: 6px; } body .syo-stat .elementor-counter-number-wrapper { font-family: var(--syo-head); font-size: 24px; font-weight: 900; line-height: 1.2; color: #fff; } body .syo-stat .elementor-counter-title { font-family: var(--syo-head); font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: rgba(165, 243, 252, .8); line-height: 1.3; } body .syo-countdown { margin-top: 32px; max-width: 576px; } body .syo-countdown .elementor-countdown-item { padding: 12px 6px; border-radius: 16px; border: 1px solid rgba(255, 255, 255, .15); background: rgba(255, 255, 255, .07); } body .syo-countdown .elementor-countdown-digits { font-family: var(--syo-head); font-size: 26px; font-weight: 900; color: #fff; } body .syo-countdown .elementor-countdown-label { font-size: 11px; font-weight: 700; text-transform: uppercase; color: rgba(165, 243, 252, .8); } body .syo-hero-visual::before { content: ""; position: absolute; inset: 0; z-index: -1; border-radius: 50%; opacity: .6; filter: blur(90px); background: radial-gradient(circle, rgba(41, 171, 226, .55) 0, transparent 65%); } body .syo-hero-drop { position: relative; z-index: 1; } body .syo-hero-drop img { width: 100%; max-width: 380px !important; filter: drop-shadow(0 30px 60px rgba(0, 0, 0, .35)); } body .syo-season { position: absolute !important; left: 64%; top: 47%; z-index: 0; width: auto !important; padding: 12px 16px !important; border-radius: 16px; border: 1px solid rgba(165, 243, 252, .4); background: rgba(255, 255, 255, .1); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); text-align: center; animation: syo-ring 2.4s infinite; } body .syo-season-y .elementor-heading-title { font-size: 20px; font-weight: 900; line-height: 1; color: #fff; } body .syo-season-l .elementor-heading-title { margin-top: 4px; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .2em; color: var(--syo-c200); } body .syo-hero-chip { position: absolute !important; left: -16px; bottom: 40px; z-index: 2; width: auto !important; padding: 12px 16px; border-radius: 16px; border: 1px solid rgba(165, 243, 252, .4); background: rgba(255, 255, 255, .1); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); } body .syo-hero-chip .elementor-icon-box-wrapper { display: flex; align-items: center; gap: 8px; text-align: left; } body .syo-hero-chip .elementor-icon-box-icon { margin: 0 !important; } body .syo-hero-chip .elementor-icon { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 12px; font-size: 16px; color: #fff; background: linear-gradient(135deg, #67e8f9, var(--syo-cyan-dark)); } body .syo-hero-chip .elementor-icon svg { width: 16px; height: 16px; } body .syo-hero-chip .elementor-icon-box-title { margin: 0; font-family: var(--syo-head); font-size: 12px; font-weight: 800; color: #fff; line-height: 1.25; } body .syo-hero-chip .elementor-icon-box-description { margin: 0; font-size: 10px; font-weight: 600; color: var(--syo-c200); line-height: 1.3; } body .syo-orgs { margin-top: 80px; padding-top: 32px !important; border-top: 1px solid rgba(255, 255, 255, .1); align-items: center; } body .syo-org-title .elementor-heading-title { margin-bottom: 24px; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .3em; color: rgba(165, 243, 252, .75); text-align: center; } body .syo-org-logo { width: auto !important; } body .syo-org-logo img { height: 56px !important; width: auto !important; object-fit: contain; filter: brightness(0) invert(1); opacity: .9; transition: transform .3s, opacity .3s; } body .syo-org-logo img:hover { opacity: 1; transform: scale(1.05); } body .syo-expo-link { margin-top: 32px; } body .syo-expo-link .elementor-button { padding: 0; background: none; font-family: var(--syo-head); font-size: 13.5px; font-weight: 700; color: var(--syo-c300); text-decoration: underline; text-decoration-color: rgba(34, 211, 238, .4); text-decoration-thickness: 2px; text-underline-offset: 4px; } body .syo-expo-link .elementor-button:hover { color: var(--syo-c200); } body .syo-expo-link .elementor-button-content-wrapper { gap: 6px; } body .syo-expo-link .elementor-button-icon svg { width: 16px; height: 16px; } body .syo-hwave-w { position: absolute !important; left: 0; right: 0; bottom: -1px; z-index: 1; width: 100% !important; pointer-events: none; } body .syo-hwave, body .syo-fwave { height: 120px; overflow: hidden; } body .syo-hwave svg, body .syo-fwave svg { display: block; width: 200%; height: 100%; } body .syo-wave-l { animation: syo-wave var(--dur) linear infinite; } /* ------------------------------------------------------------------ calendar */ body .syo-cal { background: linear-gradient(180deg, #e4f7ff 0, rgba(228, 247, 255, 0) 220px), var(--syo-grad-soft); } body .syo-ics-all-w { margin-bottom: 48px; } body .syo-ics-all { width: auto !important; } body .syo-ics-all .elementor-icon-box-wrapper { display: flex; align-items: center; gap: 10px; padding: 12px 20px; border-radius: 16px; text-align: left; border: 1px solid rgba(41, 171, 226, .3); background: #fff; box-shadow: 0 10px 28px -14px rgba(46, 49, 146, .45); transition: transform .3s, border-color .3s; } body .syo-ics-all .elementor-icon-box-wrapper:hover { transform: translateY(-2px); border-color: var(--syo-cyan); } body .syo-ics-all .elementor-icon-box-icon { margin: 0 !important; } body .syo-ics-all .elementor-icon { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 12px; font-size: 16px; color: #fff; background: linear-gradient(135deg, var(--syo-cyan), var(--syo-indigo)); } body .syo-ics-all .elementor-icon svg { width: 16px; height: 16px; } body .syo-ics-all .elementor-icon-box-title { margin: 0; font-family: var(--syo-head); font-size: 13.5px; font-weight: 800; color: var(--syo-indigo); line-height: 1.3; } body .syo-ics-all .elementor-icon-box-title a { color: inherit; } body .syo-ics-all .elementor-icon-box-description { margin: 0; font-size: 11px; font-weight: 700; color: var(--syo-s500); } body .syo-timeline { position: relative; max-width: 896px; margin: 0 auto; gap: 64px !important; } body .syo-timeline::before { content: ""; position: absolute; left: 50%; top: 8px; bottom: 8px; width: 4px; margin-left: -2px; border-radius: 4px; background: linear-gradient(180deg, var(--syo-cyan-light), var(--syo-cyan), var(--syo-indigo)); } body .syo-tl-item { position: relative; align-items: center; } body .syo-tl-node { position: absolute !important; left: 50%; top: 50%; z-index: 2; width: auto !important; transform: translate(-50%, -50%); } body .syo-tl-node .elementor-icon { display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 16px; font-size: 24px; color: #fff; background: linear-gradient(135deg, var(--syo-cyan), var(--syo-indigo)); box-shadow: 0 0 0 4px #fff, 0 10px 24px -8px rgba(41, 171, 226, .6); } body .syo-tl-node .elementor-icon svg { width: 24px; height: 24px; } body .syo-tl-item.is-past .syo-tl-node .elementor-icon { background: linear-gradient(135deg, var(--syo-s300), var(--syo-s400)); box-shadow: 0 0 0 4px #fff, 0 10px 24px -10px rgba(71, 85, 105, .5); } body .syo-tl-item.is-past .syo-tl-node svg { display: none; } body .syo-tl-item.is-past .syo-tl-node .elementor-icon::before { content: ""; width: 24px; height: 24px; background: #fff; -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22m9%2012%202%202%204-4%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22m9%2012%202%202%204-4%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; } body .syo-tl-item.is-active .syo-tl-node .elementor-icon, body .syo-tl-item.is-next .syo-tl-node .elementor-icon { animation: syo-ring 2.4s infinite; } body .syo-tl-card { width: calc(50% - 56px) !important; margin-left: auto; padding: 24px !important; border-radius: 24px; border: 1px solid var(--syo-c100); background: #fff; box-shadow: 0 16px 40px -24px rgba(46, 49, 146, .35); transition: transform .35s var(--syo-ease), box-shadow .35s var(--syo-ease); } body .syo-tl-item--right .syo-tl-card { margin-left: 0; margin-right: auto; } body .syo-tl-card:hover { transform: translateY(-6px); box-shadow: 0 20px 40px -18px rgba(46, 49, 146, .35); } body .syo-tl-item.is-past .syo-tl-card { border-color: var(--syo-s200); background: rgba(248, 250, 252, .8); opacity: .78; box-shadow: 0 12px 32px -24px rgba(71, 85, 105, .4); } body .syo-tl-badges { margin-bottom: 12px; } body .syo-stage { width: auto !important; } body .syo-stage .elementor-heading-title { display: inline-flex; align-items: center; gap: 6px; padding: 4px 12px; border-radius: 99px; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; color: var(--syo-cyan-dark); background: linear-gradient(90deg, var(--syo-c50), var(--syo-c100)); --ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M16%2014v2.2l1.6%201%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M16%202v4%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M21%207.5V6a2%202%200%200%200-2-2H5a2%202%200%200%200-2%202v14a2%202%200%200%200%202%202h3.5%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M3%2010h5%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M8%202v4%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%226%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"); } .is-past .syo-stage .elementor-heading-title { color: var(--syo-s500); background: var(--syo-s100); } body .syo-stage-no { width: auto !important; } body .syo-stage-no .elementor-heading-title { font-size: 12px; font-weight: 700; color: var(--syo-s400); } body .syo-status { display: inline-flex; align-items: center; gap: 4px; padding: 4px 12px; border-radius: 99px; font-family: var(--syo-head); font-size: 11px; font-weight: 900; text-transform: uppercase; letter-spacing: .04em; color: #fff; } body .syo-status::before { content: ""; width: 14px; height: 14px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22m9%2012%202%202%204-4%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22m9%2012%202%202%204-4%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; } body .syo-status--past { color: #475569; background: linear-gradient(90deg, var(--syo-s200), var(--syo-s300)); } body .syo-status--active { background: linear-gradient(90deg, #34d399, #14b8a6); animation: syo-ring 2.4s infinite; } body .syo-status--active::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M16.247%207.761a6%206%200%200%201%200%208.478%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M19.075%204.933a10%2010%200%200%201%200%2014.134%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M4.925%2019.067a10%2010%200%200%201%200-14.134%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M7.753%2016.239a6%206%200%200%201%200-8.478%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%222%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M16.247%207.761a6%206%200%200%201%200%208.478%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M19.075%204.933a10%2010%200%200%201%200%2014.134%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M4.925%2019.067a10%2010%200%200%201%200-14.134%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M7.753%2016.239a6%206%200%200%201%200-8.478%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%222%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"); } body .syo-status--upcoming { background: linear-gradient(90deg, #fbbf24, #f59e0b); animation: syo-ring 2.4s infinite; } body .syo-status--upcoming::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cline%20x1%3D%2210%22%20x2%3D%2214%22%20y1%3D%222%22%20y2%3D%222%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cline%20x1%3D%2212%22%20x2%3D%2215%22%20y1%3D%2214%22%20y2%3D%2211%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2214%22%20r%3D%228%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cline%20x1%3D%2210%22%20x2%3D%2214%22%20y1%3D%222%22%20y2%3D%222%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cline%20x1%3D%2212%22%20x2%3D%2215%22%20y1%3D%2214%22%20y2%3D%2211%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2214%22%20r%3D%228%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"); } body .syo-tl-title .elementor-heading-title { font-size: 20px; font-weight: 900; color: var(--syo-indigo); } .is-past .syo-tl-title .elementor-heading-title { color: var(--syo-s500); } body .syo-tl-date { margin-top: 12px; align-self: flex-start; width: auto !important; } body .syo-tl-date .elementor-heading-title { display: inline-flex; align-items: center; gap: 8px; padding: 4px 16px 4px 12px; border-radius: 12px; font-size: 15px; font-weight: 800; color: var(--syo-cyan-dark); background: linear-gradient(90deg, rgba(41, 171, 226, .1), transparent); --ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%202v4%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M16%202v4%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Crect%20width%3D%2218%22%20height%3D%2218%22%20x%3D%223%22%20y%3D%224%22%20rx%3D%222%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M3%2010h18%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M8%2014h.01%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M12%2014h.01%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M16%2014h.01%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M8%2018h.01%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M12%2018h.01%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M16%2018h.01%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"); } body .syo-tl-date .elementor-heading-title::before { width: 16px; height: 16px; color: var(--syo-cyan); } .is-past .syo-tl-date .elementor-heading-title { color: var(--syo-s500); background: var(--syo-s100); } .is-past .syo-tl-date .elementor-heading-title::before { color: var(--syo-s400); } body .syo-tl-actions { margin-top: 16px; } body .syo-cal-btn .elementor-button { padding: 6px 10px; border-radius: 10px; border: 1px solid var(--syo-c200); background: #fff; font-family: var(--syo-head); font-size: 12px; font-weight: 800; color: var(--syo-cyan-dark); } body .syo-cal-btn .elementor-button:hover { background: var(--syo-c50); border-color: var(--syo-cyan); } body .syo-cal-btn .elementor-button-content-wrapper { gap: 6px; } body .syo-cal-btn .elementor-button-icon svg { width: 14px; height: 14px; } /* ------------------------------------------------------------------ categories */ body .syo-cats { background: #fff; } body .syo-cat-grid { counter-reset: syo-cat; } body .syo-cat { position: relative; overflow: hidden; counter-increment: syo-cat; align-items: center; text-align: center; padding: 32px 28px 28px !important; border-radius: 24px; border: 1px solid rgba(207, 250, 254, .8); background: linear-gradient(180deg, rgba(236, 254, 255, .7), #fff); transition: transform .35s var(--syo-ease), box-shadow .35s var(--syo-ease), border-color .35s; } /* the big "01" watermark hangs on the icon widget (not on the container, whose ::before is Elementor's background overlay) */ body .syo-cat-icon::before { content: counter(syo-cat, decimal-leading-zero); position: absolute; right: -6px; top: -14px; z-index: 0; font-family: var(--syo-head); font-size: 76px; font-weight: 900; line-height: 1; color: rgba(207, 250, 254, .7); pointer-events: none; transition: color .3s; } body .syo-cat:hover { transform: translateY(-6px); border-color: rgba(41, 171, 226, .55); box-shadow: 0 20px 40px -18px rgba(46, 49, 146, .35); } body .syo-cat:hover .syo-cat-icon::before { color: rgba(165, 243, 252, .8); } body .syo-cat-icon { position: static; width: auto !important; margin-bottom: 20px; } body .syo-cat-icon img { position: relative; z-index: 1; } body .syo-cat-icon img { width: 112px !important; height: 112px; padding: 14px; object-fit: contain; border-radius: 26px; background: radial-gradient(circle at 30% 25%, rgba(41, 171, 226, .14), transparent 60%), linear-gradient(135deg, #fff, #fff, var(--syo-c50)); box-shadow: 0 12px 30px -10px rgba(41, 171, 226, .55), 0 0 0 1px var(--syo-c100); transition: transform .5s var(--syo-ease); } body .syo-cat:hover .syo-cat-icon img { transform: scale(1.06) rotate(-3deg); } body .syo-cat-name { position: relative; z-index: 1; } body .syo-cat-name .elementor-heading-title { display: flex; align-items: center; justify-content: center; min-height: 52px; font-size: 17px; font-weight: 800; line-height: 1.35; color: var(--syo-indigo); } body .syo-cat-name .elementor-heading-title::after { content: none; } body .syo-cat::after { content: ""; display: block; width: 40px; height: 4px; margin: 10px auto 0; border-radius: 4px; background: linear-gradient(90deg, var(--syo-cyan), var(--syo-indigo)); transition: width .3s; } body .syo-cat:hover::after { width: 80px; } /* ------------------------------------------------------------------ apply + criteria */ body .syo-apply-cards { max-width: 896px; margin: 0 auto; } body .syo-apply-card { align-items: center; text-align: center; padding: 32px !important; border-radius: 24px; border: 1px solid rgba(255, 255, 255, .2); background: rgba(255, 255, 255, .09); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); text-decoration: none; transition: transform .35s var(--syo-ease), background .3s, box-shadow .35s; } body .syo-apply-card:hover { transform: translateY(-6px); background: rgba(255, 255, 255, .15); box-shadow: 0 20px 40px -18px rgba(11, 13, 51, .5); } body .syo-apply-icon .elementor-icon { display: flex; align-items: center; justify-content: center; width: 64px; height: 64px; border-radius: 16px; color: #fff; font-size: 32px; background: linear-gradient(135deg, var(--syo-cyan), var(--syo-cyan-dark)); box-shadow: 0 12px 28px -8px rgba(41, 171, 226, .7); transition: transform .3s; } body .syo-apply-card:hover .syo-apply-icon .elementor-icon { transform: scale(1.1); } body .syo-apply-icon .elementor-icon svg { width: 32px; height: 32px; stroke-width: 1.8; } body .syo-apply-title { margin-top: 20px; } body .syo-apply-title .elementor-heading-title { font-size: 20px; font-weight: 900; line-height: 1.35; color: #fff; } body .syo-apply-desc { margin-top: 8px; font-size: 14px; color: rgba(207, 250, 254, .75); } body .syo-apply-cta { margin-top: 20px; } body .syo-apply-cta .elementor-heading-title { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; color: var(--syo-c300); --ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M15%203h6v6%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M10%2014%2021%203%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M18%2013v6a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2V8a2%202%200%200%201%202-2h6%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"); } body .syo-apply-cta .elementor-heading-title::after { width: 16px; height: 16px; } body .syo-apply-card:hover .syo-apply-cta .elementor-heading-title { color: var(--syo-c200); } body .syo-note { max-width: 896px; margin: 32px auto 0; padding: 16px !important; border-radius: 16px; border: 1px solid rgba(103, 232, 249, .25); background: rgba(103, 232, 249, .1); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); } body .syo-note-icon { width: auto !important; flex: none; } body .syo-note-icon .elementor-icon { font-size: 20px; color: var(--syo-c300); } body .syo-note-icon .elementor-icon svg { width: 20px; height: 20px; } body .syo-note-text { font-size: 14px; line-height: 1.65; color: var(--syo-c50); } body .syo-note--soft { max-width: 672px; margin-top: 40px; border-color: rgba(255, 255, 255, .1); background: rgba(255, 255, 255, .05); text-align: center; } body .syo-note--soft .syo-note-text { width: auto !important; font-size: 13px; font-weight: 600; color: rgba(207, 250, 254, .8); } body .syo-criteria { max-width: 1152px; margin: 96px auto 0; } body .syo-crit { padding: 16px !important; border-radius: 16px; border: 1px solid rgba(255, 255, 255, .15); background: rgba(255, 255, 255, .08); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); transition: border-color .3s, background .3s; } body .syo-crit:hover { border-color: rgba(103, 232, 249, .4); background: rgba(255, 255, 255, .14); } body .syo-crit-icon { width: auto !important; flex: none; } body .syo-crit-icon .elementor-icon { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 12px; color: #fff; font-size: 18px; background: linear-gradient(135deg, rgba(103, 232, 249, .9), var(--syo-cyan-dark)); box-shadow: 0 4px 10px rgba(0, 0, 0, .15); transition: transform .3s; } body .syo-crit:hover .syo-crit-icon .elementor-icon { transform: scale(1.1); } body .syo-crit-icon .elementor-icon svg { width: 18px; height: 18px; } body .syo-crit-name .elementor-heading-title { font-size: 14px; font-weight: 800; line-height: 1.25; color: #fff; } /* ------------------------------------------------------------------ jury */ body .syo-juries { background: #fff; } body .syo-jury-grid { max-width: 1152px; margin: 0 auto; } body .syo-jury { position: relative; align-items: center; text-align: center; padding: 24px !important; border-radius: 24px; border: 1px solid rgba(207, 250, 254, .8); background: linear-gradient(180deg, rgba(236, 254, 255, .5), #fff); transition: transform .35s var(--syo-ease), box-shadow .35s, border-color .35s; } body .syo-jury::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 6px; border-radius: 24px 24px 0 0; transform: scaleX(.78); background: linear-gradient(90deg, var(--syo-cyan), #67e8f9, var(--syo-indigo)); transition: transform .5s var(--syo-ease); } body .syo-jury:hover { transform: translateY(-6px); border-color: rgba(41, 171, 226, .55); box-shadow: 0 20px 40px -18px rgba(46, 49, 146, .35); } body .syo-jury:hover::before { transform: none; } body .syo-jury-pic { position: relative; width: 112px !important; margin: 8px auto 20px; } body .syo-jury-pic::before { content: ""; position: absolute; inset: -8px; border-radius: 50%; opacity: .25; filter: blur(6px); background: linear-gradient(135deg, var(--syo-cyan-light), var(--syo-indigo)); transition: opacity .3s; } body .syo-jury:hover .syo-jury-pic::before { opacity: .5; } body .syo-jury-photo img { position: relative; width: 112px !important; height: 112px; object-fit: cover; border-radius: 50%; filter: grayscale(.18); box-shadow: 0 0 0 4px #fff, 0 12px 28px -10px rgba(46, 49, 146, .45); transition: filter .5s, transform .5s; } body .syo-jury:hover .syo-jury-photo img { filter: none; transform: scale(1.05); } body .syo-jury-badge { position: absolute !important; right: -4px; bottom: -4px; width: auto !important; z-index: 2; } body .syo-jury-badge .elementor-icon { display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; color: #fff; font-size: 14px; background: linear-gradient(135deg, var(--syo-cyan), var(--syo-indigo)); box-shadow: 0 0 0 2px #fff, 0 4px 8px rgba(0, 0, 0, .15); } body .syo-jury-badge .elementor-icon svg { width: 14px; height: 14px; } body .syo-jury-name .elementor-heading-title { font-size: 15px; font-weight: 900; line-height: 1.35; color: var(--syo-indigo); } body .syo-jury-role { margin-top: 8px; font-size: 12.5px; font-weight: 600; line-height: 1.6; color: var(--syo-muted); } /* ------------------------------------------------------------------ results */ body .syo-doc-grid { max-width: 1152px; margin: 0 auto; } body .syo-doc { position: relative; overflow: hidden; padding: 28px !important; border-radius: 24px; border: 1px solid var(--syo-c100); background: #fff; box-shadow: 0 16px 40px -24px rgba(46, 49, 146, .4); text-decoration: none; transition: transform .35s var(--syo-ease); } body .syo-doc::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity .3s; background: linear-gradient(90deg, rgba(236, 254, 255, 0), rgba(236, 254, 255, .8), rgba(207, 250, 254, .6)); } body .syo-doc:hover::before { opacity: 1; } body .syo-doc:hover { transform: translateY(-4px); } body .syo-doc-icon { position: relative; width: auto !important; flex: none; } body .syo-doc-icon .elementor-icon { display: flex; align-items: center; justify-content: center; width: 64px; height: 64px; border-radius: 16px; color: #fff; font-size: 28px; background: linear-gradient(135deg, var(--syo-indigo), var(--syo-cyan-dark)); box-shadow: 0 10px 20px -6px rgba(46, 49, 146, .45); transition: transform .3s; } body .syo-doc:hover .syo-doc-icon .elementor-icon { transform: scale(1.1) rotate(3deg); } body .syo-doc-icon .elementor-icon svg { width: 28px; height: 28px; } body .syo-doc-body { position: relative; min-width: 0; } body .syo-doc-badge { width: auto !important; align-self: flex-start; } body .syo-doc-badge .elementor-heading-title { display: inline-flex; align-items: center; gap: 6px; margin-bottom: 6px; padding: 2px 10px; border-radius: 99px; font-size: 10.5px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; color: var(--syo-cyan-dark); background: var(--syo-c50); --ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M15%2012h-5%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M15%208h-5%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M19%2017V5a2%202%200%200%200-2-2H4%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M8%2021h12a2%202%200%200%200%202-2v-1a1%201%200%200%200-1-1H11a1%201%200%200%200-1%201v1a2%202%200%201%201-4%200V5a2%202%200%201%200-4%200v2a1%201%200%200%200%201%201h3%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"); } body .syo-doc-badge .elementor-heading-title::before { width: 12px; height: 12px; } body .syo-doc-title .elementor-heading-title { font-size: 18px; font-weight: 900; color: var(--syo-indigo); } body .syo-doc-cta .elementor-heading-title { display: inline-flex; align-items: center; gap: 6px; margin-top: 8px; font-size: 13px; font-weight: 800; color: var(--syo-cyan-dark); --ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2015V3%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M21%2015v4a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2v-4%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22m7%2010%205%205%205-5%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"); } /* ------------------------------------------------------------------ news: home section, archive, cards (Loop Grid + Loop Item) */ body .syo-news { background: linear-gradient(180deg, #e4f7ff 0, rgba(228, 247, 255, 0) 260px), #fff; } body .syo-news--archive { padding-top: 64px; background: var(--syo-grad-soft); } body .syo-news-grid .elementor-loop-container { max-width: 1152px; margin: 0 auto; } /* one or two news: centred cards instead of a half-empty three-column row (the container's first child is Elementor's