/* Guest homepage shell: the header/footer rules used from style.css.
   Loaded only by the home_optimized layout branch; keep other pages on style.css.
   No external fonts or icon-font dependencies. */
body.home-page { background-color: rgb(3, 11, 21); font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: white; }
:where(.home-page) ::-webkit-scrollbar-thumb { background: rgb(255, 255, 255); backdrop-filter: invert(1); border-radius: 4px; }
:where(.home-page) ::-webkit-scrollbar { width: 5px; }
body.home-page::after { content: ""; background: url("../img/bodyafter.png") right center / contain no-repeat; width: 100%; height: 600px; position: absolute; right: 0px; top: 0px; z-index: -1; }
body.home-page::before { content: ""; background: url("../img/bodybefore.png") left center / contain no-repeat; width: 100%; height: 600px; position: fixed; left: 0px; top: 50%; z-index: -1; }
:where(.home-page) input:focus { outline: none; }
:where(.home-page) a { text-decoration: none; }
:where(.home-page) .btn-default { background: rgb(1, 87, 255); padding: 14px 32px; color: rgb(255, 255, 255); border-radius: 32px; font-weight: 600; transition: 0.6s; }
:where(.home-page) .btn-default:hover { background: rgb(5, 39, 107); color: rgb(255, 255, 255); }
:where(.home-page) footer { float: left; width: 100%; margin-top: 50px; background: rgb(20, 27, 34); padding: 65px 0px 55px; }
:where(.home-page) .footerlogo { float: left; width: 100%; height: 35px; margin-bottom: 15px; }
:where(.home-page) .footerlogo img { width: 100%; height: 100%; object-fit: contain; object-position: left center; }
:where(.home-page) .footerdesc { float: left; width: 100%; color: rgb(255, 255, 255); font-weight: normal; font-size: 15px; }
:where(.home-page) .footermenu { float: left; width: 100%; padding-left: 20px; }
:where(.home-page) .footerbottom { float: left; width: 100%; padding: 20px 0px 0px; border-top: 1px solid rgb(67, 67, 67); margin-top: 50px; }
:where(.home-page) .footerbottom span { float: left; color: rgb(194, 195, 197); font-weight: normal; font-size: 14px; }
:where(.home-page) .footersocial { float: right; }
:where(.home-page) .footersocial ul { float: right; margin-bottom: 0px; }
:where(.home-page) .footersocial ul li { float: left; margin-left: 30px; }
:where(.home-page) input::-webkit-outer-spin-button, :where(.home-page) input::-webkit-inner-spin-button { appearance: none; margin: 0px; }
@media (max-width: 850px) {
:where(.home-page) .loginbtn { padding: 12px 15px; font-size: 12px; }
:where(.home-page) .footerlogo img { object-position: center center; }
:where(.home-page) .footerdesc { text-align: center; margin-bottom: 15px; }
:where(.home-page) .footerbottom span { text-align: center; width: 100%; margin-bottom: 15px; }
:where(.home-page) .footersocial { width: 100%; display: flex; justify-content: center; }
:where(.home-page) .footersocial ul li:nth-child(1) { margin-left: 0px; }
body.home-page::after { background-position: center top; }
}
:where(.home-page) .footermenu label { color: rgb(255, 255, 255); font-weight: bold; font-size: 22px; margin-bottom: 10px; }
:where(.home-page) .footermenu ul li { margin-bottom: 10px; }
:where(.home-page) .footermenu ul li a { color: rgba(255, 255, 255, 0.52); }
:where(.home-page) header { position: fixed; z-index: 1000; width: 100%; display: block; bottom: 0px; background-color: rgb(31, 31, 31); box-shadow: rgba(0, 0, 0, 0.3) 0px -3px 20px; border-radius: 20px 20px 0px 0px; padding: 20px 0px 40px; transform: translateY(110%); transition: 0.14s; }
:where(.home-page) header.active { transform: translateY(0px); }
:where(.home-page) header img { display: none; margin: -20px 0px; }
@media (min-width: 992px) {
:where(.home-page) header { transform: none; display: block; left: 0px; top: 0px; bottom: initial; background: transparent; box-shadow: none; padding: 46px 0px; border-radius: 0px; }
:where(.home-page) header.active { transform: none; }
:where(.home-page) header img { display: block; height: 40px; }
:where(.home-page) header.hActive { padding: 14px 0px; background-color: rgba(31, 31, 31, 0.44); backdrop-filter: blur(30px); border-bottom: 1px solid rgba(25, 33, 73, 0.1); }
}
:where(.home-page) header .close-menu { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 22px; background-color: rgba(31, 31, 31, 0.44); color: rgb(2, 88, 255); outline: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; font-size: 18px; transition: 0.14s; position: absolute; right: 20px; top: 20px; z-index: 1020; }
:where(.home-page) header .close-menu:focus { box-shadow: rgba(2, 88, 255, 0.1) 0px 0px 0px 4px; }
@media (min-width: 992px) {
:where(.home-page) header .close-menu { display: none; }
}
@media (max-width: 992px) {
:where(.home-page) .btlrh { width: 100%; justify-content: center; position: relative; display: flex !important; }
:where(.home-page) .btlrh .icon { position: absolute; right: 30px; }
}
:where(.home-page) .hdLogoL { position: relative; text-decoration: none; }
:where(.home-page) .hdMn { position: relative; list-style: none; margin: 0px; padding: 14px 0px; display: flex; flex-direction: column; gap: 20px; }
@media (min-width: 992px) {
:where(.home-page) .hdMn { gap: 60px; align-items: center; justify-content: center; flex-direction: row; padding: 0px; }
}
:where(.home-page) .hdMnLi { display: block; font-weight: 700; font-size: 20px; line-height: 125%; color: rgba(255, 255, 255, 0.5); text-decoration: none; padding: 4px 20px; position: relative; transition: 0.14s; }
@media (min-width: 992px) {
:where(.home-page) .hdMnLi { font-size: 14px; padding: 14px 0px; }
}
:where(.home-page) .hdMnLi:hover { color: rgb(255, 255, 255); }
@media (max-width: 992px) {
:where(.home-page) .btlrh { width: 100%; justify-content: center; position: relative; display: flex !important; }
:where(.home-page) .btlrh .icon { position: absolute; right: 30px; }
}
:where(.home-page) .mobile-header { display: block; position: fixed; top: 0px; left: 0px; right: 0px; z-index: 1001; background-color: rgba(31, 31, 31, 0.35); padding: 10px 0px; border-bottom: 1px solid rgb(66, 75, 114); }
@media (min-width: 992px) {
:where(.home-page) .mobile-header { display: none; }
}
:where(.home-page) .mobile-header .mobile-logo { height: 44px; }
:where(.home-page) .menu-btn { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 15px; background-color: rgb(215, 230, 253); color: rgb(2, 88, 255); outline: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; font-size: 18px; transition: 0.14s; z-index: 1020; }
:where(.home-page) .menu-btn:focus { box-shadow: rgba(2, 88, 255, 0.1) 0px 0px 0px 4px; }
:where(.home-page) .duyuru-paneli { background: linear-gradient(269.74deg, rgba(255, 255, 255, 0.21) -254.09%, rgba(255, 255, 255, 0) 99.84%) !important; border-radius: 0px !important; min-width: min(300px, 100vw) !important; width: min(400px, 100vw) !important; margin-top: 0px !important; backdrop-filter: blur(15px) !important; padding-top: 20px !important; }
:where(.home-page) .duyuru-paneli .list-group-item { background: transparent !important; color: rgb(255, 255, 255) !important; }
:where(.home-page) .duyuru-paneli .btn-close { color: rgb(255, 255, 255) !important; }
@media (max-width: 992px) {
:where(.home-page) #agrs .sub-menu { height: auto !important; overflow: visible !important; }
}
.home-page { --theme-primary: #0157FF; --theme-secondary: #0F7BFF; --theme-hover: #043FB4; --theme-primary-rgb: 1, 87, 255; --theme-secondary-rgb: 15, 123, 255; }
:where(.home-page) .btn-default { background: linear-gradient(135deg, var(--theme-primary), var(--theme-secondary)) !important; color: rgb(255, 255, 255) !important; border-color: var(--theme-primary) !important; }
:where(.home-page) .btn-default:hover { background: linear-gradient(135deg, var(--theme-hover), var(--theme-primary)) !important; color: rgb(255, 255, 255) !important; }

/* Preserve list resets and provide the four guest icons without downloading fonts. */
:where(.home-page) ul, :where(.home-page) ol { list-style-type: none !important; }
.home-page :is(.ri-menu-line, .ri-close-line, .ri-user-line, .ri-notification-3-line)::before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: -.125em;
    background-color: currentColor;
    -webkit-mask: var(--home-icon) center / contain no-repeat;
    mask: var(--home-icon) center / contain no-repeat;
}
.home-page .ri-menu-line { --home-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%206h16M4%2012h16M4%2018h16%22%2F%3E%3C%2Fsvg%3E"); }
.home-page .ri-close-line { --home-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m6%206%2012%2012M18%206%206%2018%22%2F%3E%3C%2Fsvg%3E"); }
.home-page .ri-user-line { --home-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%228%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M5%2021v-2a7%207%200%200%201%2014%200v2%22%2F%3E%3C%2Fsvg%3E"); }
.home-page .ri-notification-3-line { --home-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M18%208a6%206%200%200%200-12%200c0%207-3%207-3%209h18c0-2-3-2-3-9ZM10%2021h4%22%2F%3E%3C%2Fsvg%3E"); }