html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
  color: var(--bs-secondary-color);
  text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
  text-align: start;
}

/* Arkaplan saydanlık başlangıç  */
.bg-saydam-00 {
    background-color: rgba(245, 245, 245, 0.0);
}
.bg-saydam-01 {
    background-color: rgba(245, 245, 245, 0.1);
}
.bg-saydam-02 {
    background-color: rgba(245, 245, 245, 0.2);
}
.bg-saydam-03 {
    background-color: rgba(245, 245, 245, 0.3);
}
.bg-saydam-04 {
    background-color: rgba(245, 245, 245, 0.4);
}
.bg-saydam-05 {
    background-color: rgba(245, 245, 245, 0.5);
}
.bg-saydam-06 {
    background-color: rgba(245, 245, 245, 0.6);
}
.bg-saydam-07 {
    background-color: rgba(245, 245, 245, 0.7);
}
.bg-saydam-08 {
    background-color: rgba(245, 245, 245, 0.8);
}
.bg-saydam-09 {
    background-color: rgba(245, 245, 245, 0.9);
}
/* Arkaplan saydanlık bitiş  */

/* Layout ve Genel Stiller */
/*body {
    background: url('/Image/mtokulArkaPlan.webp') no-repeat center center fixed;
    background-size: cover;
    min-height: 100vh;
    padding-bottom: 50px;*/ /* Footer payı */
    /*margin: 0;
}

header {
    position: static;
    top: 0;
    width: 100%;
    z-index: 1030;
}

.nav-link {
    color: white !important;
}*/

/* Dropdown Menü İyileştirmeleri */
/*.dropdown-menu {
    border: none;*/ /* Bootstrap border'ını kaldır, shadow kullanıyoruz */
/*}

    .dropdown-menu .dropdown-submenu {
        position: relative;
    }

        .dropdown-menu .dropdown-submenu > .dropdown-menu {
            top: 0;
            left: 100%;
            margin-top: -1px;
        }

.navbar-toggler {
    border-color: rgba(255, 255, 255, 0.5);
    color: white;
}

    .navbar-toggler:focus {
        box-shadow: 0 0 0 0.1rem rgba(255, 255, 255, 0.5);
    }*/


/* Bu stilleri site.css dosyasına taşımak daha düzenli bir yapı sağlar */
body {
    background: url(/Image/mtokulArkaPlan.webp) no-repeat center center fixed;
    background-size: cover;
    min-height: 100vh;
    padding-top: 0; /* Boşluğu kaldırıyoruz */
    padding-bottom: 50px; /* Alt footer için kalabilir veya ihtiyacınıza göre düzenleyebilirsiniz */
    margin: 0;
    padding: 0;
}

header {
    position: static;
    top: 0;
    width: 100%;
    z-index: 1030;
}

.nav-link {
    color: white;
}

.public-site-shell {
    background: linear-gradient(rgba(7, 24, 39, .38), rgba(7, 24, 39, .72)), var(--public-background, url('/Image/mtokulArkaPlan.webp')) no-repeat center center fixed;
    background-size: cover;
}

.public-header,
.public-footer {
    background-color: rgba(7, 24, 39, .78);
    backdrop-filter: blur(8px);
}

.public-header .nav-link:hover,
.public-header .nav-link:focus {
    color: var(--bs-warning) !important;
}

.min-vh-75 {
    min-height: 75vh;
}

/* Public education portal */
.public-education-home,
.education-tool-page {
    color: #fff;
}

.education-hero,
.education-panel,
.education-result-card,
.education-note {
    border: 1px solid rgba(255, 193, 7, .42);
    background: linear-gradient(135deg, rgba(13, 39, 61, .92), rgba(18, 48, 68, .72));
    box-shadow: 0 22px 55px rgba(0, 0, 0, .24);
    backdrop-filter: blur(12px);
    border-radius: 1.25rem;
}

.education-hero {
    overflow: hidden;
    position: relative;
}

.education-hero::after {
    content: "";
    position: absolute;
    width: 24rem;
    height: 24rem;
    right: -12rem;
    top: -14rem;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 193, 7, .28), transparent 68%);
    pointer-events: none;
}

.education-eyebrow,
.education-section-kicker {
    display: inline-block;
    color: #ffd45b;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
    font-size: .78rem;
}

.education-title {
    max-width: 850px;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(2.25rem, 5vw, 4.5rem);
    line-height: .98;
    text-wrap: balance;
}

.education-lead,
.education-tool-heading > p {
    max-width: 760px;
    color: rgba(255, 255, 255, .78);
    font-size: 1.08rem;
}

.education-identity-panel,
.education-content-panel {
    border: 1px solid rgba(255, 193, 7, .48);
    background: linear-gradient(145deg, rgba(13, 38, 59, .9), rgba(19, 48, 68, .68));
    box-shadow: 0 22px 55px rgba(0, 0, 0, .25);
    backdrop-filter: blur(12px);
    border-radius: 1.2rem;
}

.education-identity-panel {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 700px;
}

.education-brand-block img {
    max-height: 245px;
}

.education-clock-block {
    padding-top: 2rem;
    border-top: 1px solid rgba(255, 255, 255, .16);
}

.education-intro {
    max-width: 820px;
}

.education-intro h2 {
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(2rem, 3.4vw, 3.4rem);
    line-height: 1.04;
}

.education-topic-grid {
    display: grid;
    gap: .85rem;
}

.education-topic-card {
    display: grid;
    grid-template-columns: 3.6rem minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.1rem;
    color: #fff;
    text-decoration: none;
    border: 1px solid rgba(255, 255, 255, .19);
    border-left: 4px solid var(--topic-color, #ffc107);
    background: rgba(5, 24, 39, .54);
    border-radius: .9rem;
    transition: transform .18s ease, border-color .18s ease, background-color .18s ease;
}

.education-topic-card:hover,
.education-topic-card:focus {
    color: #fff;
    transform: translateX(5px);
    border-color: var(--topic-color, #ffc107);
    background: rgba(10, 40, 59, .9);
}

.topic-lgs { --topic-color: #ffc107; }
.topic-mebi { --topic-color: #43c6ac; }
.topic-maarif { --topic-color: #6fa8ff; }

.topic-icon {
    display: grid;
    width: 3.4rem;
    height: 3.4rem;
    place-items: center;
    color: #10283b;
    background: var(--topic-color, #ffc107);
    border-radius: .85rem;
    font-size: 1.25rem;
}

.topic-copy,
.topic-copy > * {
    display: block;
}

.topic-copy small {
    color: var(--topic-color, #ffc107);
    font-weight: 700;
}

.topic-copy strong {
    margin: .12rem 0;
    font-size: 1.08rem;
}

.topic-copy span {
    color: rgba(255, 255, 255, .66);
    font-size: .9rem;
}

.education-tools-section,
.education-official-section {
    border-top: 1px solid rgba(255, 255, 255, .16);
}

.education-mini-tool {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: .1rem .65rem;
    height: 100%;
    padding: .9rem;
    color: #fff;
    text-decoration: none;
    border: 1px solid rgba(255, 255, 255, .18);
    background: rgba(255, 255, 255, .06);
    border-radius: .8rem;
}

.education-mini-tool:hover {
    color: #16293a;
    background: #ffc107;
    border-color: #ffc107;
}

.education-mini-tool > svg {
    grid-row: span 2;
    color: #ffc107;
    font-size: 1.25rem;
}

.education-mini-tool:hover > svg {
    color: #16293a;
}

.education-mini-tool span {
    color: rgba(255, 255, 255, .6);
    font-size: .8rem;
}

.education-mini-tool:hover span {
    color: rgba(22, 41, 58, .75);
}

.education-official-section a {
    padding: .45rem .7rem;
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    border: 1px solid rgba(255, 255, 255, .25);
    border-radius: .55rem;
}

.education-official-section a:hover {
    color: #16293a;
    background: #ffc107;
}

.public-content-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.public-content-section {
    display: grid;
    grid-template-columns: 3.25rem 1fr;
    gap: 1rem;
    padding: 1.2rem;
    border: 1px solid rgba(255, 255, 255, .18);
    border-top: 3px solid #ffc107;
    background: rgba(7, 30, 47, .58);
    border-radius: .9rem;
}

.public-content-icon {
    display: grid;
    width: 3.25rem;
    height: 3.25rem;
    place-items: center;
    color: #172b3d;
    background: #ffc107;
    border-radius: .8rem;
    font-size: 1.2rem;
}

.about-intro {
    max-width: 850px;
    font-size: 1.05rem;
    line-height: 1.75;
    color: rgba(255, 255, 255, .82);
}

.about-hero {
    padding: 1.6rem 1.75rem;
    border: 1px solid rgba(255, 193, 7, .34);
    border-radius: .9rem;
    background: rgba(7, 31, 49, .82);
}

.about-kicker {
    display: inline-flex;
    gap: .55rem;
    align-items: center;
    margin-bottom: .85rem;
    color: #55dbc5;
    font-size: .8rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.about-hero h2 {
    max-width: 760px;
    margin-bottom: .75rem;
    font-size: clamp(1.45rem, 2.4vw, 2rem);
    font-weight: 800;
    line-height: 1.25;
}

.about-hero p,
.about-story-copy p {
    margin: 0;
    color: rgba(255, 255, 255, .78);
    font-size: 1rem;
    line-height: 1.75;
}

.about-story,
.about-capabilities,
.about-identity,
.about-contact-section {
    margin-top: 2.25rem;
}

.about-section-heading {
    display: flex;
    gap: .9rem;
    align-items: center;
    margin-bottom: 1rem;
}

.about-section-heading > span {
    display: grid;
    width: 2.8rem;
    height: 2.8rem;
    flex: 0 0 auto;
    place-items: center;
    color: #0b293a;
    border-radius: .75rem;
    background: #ffc107;
    font-weight: 900;
}

.about-section-heading small {
    display: block;
    margin-bottom: .1rem;
    color: #55dbc5;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.about-section-heading h2 {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 800;
}

.about-story-copy {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.about-story-copy p {
    padding: 1.2rem;
    border-left: 3px solid #55dbc5;
    background: rgba(7, 30, 47, .48);
}

.about-capability-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .8rem;
}

.about-capability-grid article {
    min-height: 12rem;
    padding: 1.15rem;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: .9rem;
    background: rgba(8, 36, 53, .72);
}

.about-capability-grid i {
    margin-bottom: 1.15rem;
    color: #ffc107;
    font-size: 1.6rem;
}

.about-capability-grid h3 {
    font-size: .98rem;
    font-weight: 800;
}

.about-capability-grid p {
    margin: 0;
    color: rgba(255, 255, 255, .7);
    font-size: .9rem;
    line-height: 1.55;
}

.about-identity-card {
    display: grid;
    grid-template-columns: 6.5rem 1fr;
    gap: 1.4rem;
    align-items: center;
    padding: 1.5rem;
    border: 1px solid rgba(85, 219, 197, .32);
    border-radius: 1rem;
    background: linear-gradient(120deg, rgba(10, 38, 56, .92), rgba(14, 64, 72, .66));
}

.about-identity-symbol {
    display: grid;
    width: 6.5rem;
    height: 6.5rem;
    place-items: center;
    color: #0b293a;
    border-radius: 50%;
    background: #55dbc5;
    font-size: 2.35rem;
}

.about-role {
    color: #ffc107;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.about-identity-card h3 {
    margin: .25rem 0 .65rem;
    font-size: 1.45rem;
    font-weight: 900;
}

.about-identity-card p {
    margin-bottom: .55rem;
    color: rgba(255, 255, 255, .75);
    line-height: 1.6;
}

.about-identity-card a {
    display: inline-block;
    margin-top: .4rem;
    color: #ffc107;
    font-weight: 800;
}

.about-contact-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .8rem;
}

.about-contact-grid article {
    display: grid;
    grid-template-columns: 2.8rem 1fr;
    gap: .8rem;
    align-items: center;
    padding: 1rem;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: .8rem;
    background: rgba(7, 30, 47, .62);
}

.about-contact-grid article > i {
    color: #55dbc5;
    font-size: 1.3rem;
    text-align: center;
}

.about-contact-grid small,
.about-contact-grid a,
.about-contact-grid span {
    display: block;
}

.about-contact-grid small {
    margin-bottom: .18rem;
    color: rgba(255, 255, 255, .55);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.about-contact-grid a {
    color: #fff;
    font-weight: 800;
}

.about-address-item {
    grid-column: 1 / -1;
}

.about-location-button {
    display: inline-flex;
    align-items: center;
    margin-top: .85rem;
    padding: .65rem .9rem;
    color: #0b293a;
    border-radius: .6rem;
    background: #ffc107;
    font-weight: 900;
    text-decoration: none;
}

.about-disclosure {
    display: flex;
    gap: .75rem;
    align-items: flex-start;
    margin-top: 2rem;
    padding: 1rem 1.1rem;
    color: rgba(255, 255, 255, .72);
    border: 1px solid rgba(255, 193, 7, .28);
    border-radius: .75rem;
    background: rgba(255, 193, 7, .07);
}

.about-disclosure i {
    margin-top: .15rem;
    color: #ffc107;
}

.about-disclosure p {
    margin: 0;
    line-height: 1.6;
}

.legal-hero {
    display: grid;
    grid-template-columns: 4rem minmax(0, 1fr) auto;
    gap: 1.15rem;
    align-items: center;
    padding: 1.5rem;
    border: 1px solid rgba(85, 219, 197, .3);
    border-radius: 1rem;
    background: linear-gradient(135deg, rgba(7, 31, 49, .94), rgba(15, 62, 72, .72));
}

.legal-hero-icon {
    display: grid;
    width: 4rem;
    height: 4rem;
    place-items: center;
    color: #0b293a;
    border-radius: .9rem;
    background: #55dbc5;
    font-size: 1.55rem;
}

.legal-hero span {
    color: #55dbc5;
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.legal-hero h2 {
    margin: .18rem 0 .45rem;
    font-size: clamp(1.4rem, 2.4vw, 2rem);
    font-weight: 900;
}

.legal-hero p {
    max-width: 780px;
    margin: 0;
    color: rgba(255, 255, 255, .76);
    line-height: 1.65;
}

.legal-hero time {
    align-self: start;
    padding: .42rem .65rem;
    color: rgba(255, 255, 255, .7);
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 2rem;
    font-size: .72rem;
    white-space: nowrap;
}

.legal-intro-note {
    display: flex;
    gap: .65rem;
    align-items: flex-start;
    margin: 1rem 0 0;
    padding: .85rem 1rem;
    color: rgba(255, 255, 255, .72);
    border-left: 3px solid #ffc107;
    background: rgba(255, 193, 7, .06);
    line-height: 1.55;
}

.legal-intro-note i {
    margin-top: .2rem;
    color: #ffc107;
}

.legal-section-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 1.25rem;
}

.legal-section-card {
    padding: 1.25rem;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: .9rem;
    background: rgba(7, 30, 47, .66);
}

.legal-section-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .85rem;
}

.legal-section-top span {
    color: rgba(255, 255, 255, .32);
    font-size: .78rem;
    font-weight: 900;
    letter-spacing: .08em;
}

.legal-section-top i {
    color: #ffc107;
    font-size: 1.3rem;
}

.legal-section-card h3 {
    margin-bottom: .55rem;
    font-size: 1.05rem;
    font-weight: 900;
}

.legal-section-card p {
    margin: 0;
    color: rgba(255, 255, 255, .72);
    line-height: 1.6;
}

.legal-section-card ul {
    display: grid;
    gap: .4rem;
    margin: .85rem 0 0;
    padding: 0;
    list-style: none;
}

.legal-section-card li {
    position: relative;
    padding-left: 1.15rem;
    color: rgba(255, 255, 255, .78);
    font-size: .9rem;
}

.legal-section-card li::before {
    position: absolute;
    top: .45rem;
    left: 0;
    width: .38rem;
    height: .38rem;
    border-radius: 50%;
    background: #55dbc5;
    content: '';
}

.legal-contact-bar {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    margin-top: 1.25rem;
    padding: 1rem 1.15rem;
    border: 1px solid rgba(255, 193, 7, .25);
    border-radius: .85rem;
    background: rgba(255, 193, 7, .07);
}

.legal-contact-bar > div {
    display: flex;
    gap: .8rem;
    align-items: center;
}

.legal-contact-bar > div > i {
    color: #ffc107;
    font-size: 1.35rem;
}

.legal-contact-bar small,
.legal-contact-bar span,
.legal-contact-bar a {
    display: block;
}

.legal-contact-bar small {
    color: rgba(255, 255, 255, .55);
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.legal-contact-bar a {
    color: #ffc107;
    font-weight: 800;
}

.about-detail-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.about-detail-card {
    display: grid;
    grid-template-columns: 3.25rem 1fr;
    gap: 1rem;
    padding: 1.25rem;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: .9rem;
    background: rgba(7, 30, 47, .62);
}

.about-detail-card h2 {
    margin: 0 0 .55rem;
    font-size: 1.05rem;
    font-weight: 800;
}

.about-detail-card p {
    margin-bottom: .45rem;
    color: rgba(255, 255, 255, .78);
    line-height: 1.6;
}

.about-detail-card a {
    color: #ffc107;
    font-weight: 700;
}

.about-detail-icon {
    display: grid;
    width: 3.25rem;
    height: 3.25rem;
    place-items: center;
    color: #13293b;
    border-radius: .8rem;
    background: #ffc107;
}

.about-contact-card p {
    display: grid;
    grid-template-columns: 1.25rem 1fr;
    gap: .55rem;
    align-items: start;
}

.about-map-link {
    display: inline-flex;
    align-items: center;
    margin-top: .55rem;
    padding: .55rem .8rem;
    color: #13293b !important;
    text-decoration: none;
    border-radius: .55rem;
    background: #ffc107;
}

/* LGS process guide */
.lgs-process-page {
    --lgs-navy: #0b2438;
    --lgs-blue: #176b87;
    --lgs-mint: #52d3c2;
    --lgs-gold: #ffc107;
    color: #fff;
    font-size: 1rem;
    line-height: 1.55;
}

.lgs-process-hero,
.lgs-process-section,
.lgs-source-bar {
    border: 1px solid rgba(255, 193, 7, .38);
    background: linear-gradient(145deg, rgba(7, 29, 46, .94), rgba(17, 55, 72, .78));
    box-shadow: 0 22px 55px rgba(0, 0, 0, .24);
    backdrop-filter: blur(12px);
    border-radius: 1.2rem;
}

.lgs-process-hero {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(280px, .7fr);
    align-items: center;
    gap: 2rem;
    overflow: hidden;
    padding: clamp(1.5rem, 3.2vw, 2.75rem);
}

.lgs-process-hero::before {
    content: "";
    position: absolute;
    width: 26rem;
    height: 26rem;
    right: -10rem;
    top: -15rem;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(82, 211, 194, .3), transparent 68%);
    pointer-events: none;
}

.lgs-process-badge {
    display: inline-flex;
    align-items: center;
    margin-bottom: 1rem;
    padding: .45rem .8rem;
    color: #132d3e;
    background: var(--lgs-gold);
    border-radius: 999px;
    font-size: .84rem;
    font-weight: 800;
    letter-spacing: .04em;
}

.lgs-process-hero h1 {
    max-width: 680px;
    margin-bottom: .85rem;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(2rem, 3.3vw, 3rem);
    line-height: 1.08;
    text-wrap: balance;
}

.lgs-process-hero p {
    max-width: 700px;
    margin-bottom: 1.3rem;
    color: rgba(255, 255, 255, .76);
    font-size: 1rem;
    line-height: 1.6;
}

.lgs-process-actions,
.lgs-source-links {
    display: flex;
    flex-wrap: wrap;
    gap: .7rem;
}

.lgs-process-actions .btn,
.lgs-source-links .btn {
    font-size: .92rem;
}

.lgs-process-hero-mark {
    position: relative;
    z-index: 1;
    padding: 1.15rem;
    border: 1px solid rgba(255, 255, 255, .2);
    background: rgba(3, 22, 35, .42);
    border-radius: 1rem;
}

.lgs-hero-date {
    display: grid;
    justify-items: center;
    padding: 1rem .75rem 1.15rem;
    text-align: center;
}

.lgs-hero-date > svg {
    margin-bottom: .7rem;
    color: var(--lgs-gold);
    font-size: 2rem;
}

.lgs-hero-date span {
    color: var(--lgs-mint);
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.lgs-hero-date strong {
    margin-top: .2rem;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.75rem;
    font-weight: 700;
}

.lgs-hero-facts {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: .7rem;
}

.lgs-hero-facts > div {
    display: grid;
    justify-items: center;
    padding: .75rem .35rem;
    background: rgba(255, 255, 255, .05);
}

.lgs-hero-facts > div + div {
    border-left: 1px solid rgba(255, 255, 255, .13);
}

.lgs-hero-facts strong {
    color: var(--lgs-gold);
    font-size: 1.15rem;
}

.lgs-hero-facts span {
    color: rgba(255, 255, 255, .68);
    font-size: .72rem;
}

.lgs-process-section {
    margin-top: 1.25rem;
    padding: clamp(1.25rem, 3vw, 2.25rem);
}

.lgs-section-heading {
    display: flex;
    align-items: center;
    gap: .85rem;
    margin-bottom: 1.5rem;
}

.lgs-section-heading > span {
    display: grid;
    width: 3rem;
    height: 3rem;
    flex: 0 0 auto;
    place-items: center;
    color: #10283b;
    background: var(--lgs-gold);
    border-radius: .8rem;
    font-weight: 900;
}

.lgs-section-heading p {
    margin: 0 0 .1rem;
    color: var(--lgs-mint);
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.lgs-section-heading h2 {
    margin: 0;
    font-size: clamp(1.3rem, 2vw, 1.7rem);
    line-height: 1.25;
}

.lgs-process-timeline {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    overflow-x: auto;
    padding: .4rem .2rem 1rem;
}

.lgs-stage {
    position: relative;
    min-width: 155px;
    padding-right: 1rem;
}

.lgs-stage::after {
    content: "";
    position: absolute;
    z-index: 0;
    top: 2.6rem;
    right: 0;
    left: 2.2rem;
    height: 2px;
    background: rgba(255, 255, 255, .22);
}

.lgs-stage:last-child::after {
    display: none;
}

.lgs-stage time {
    display: block;
    min-height: 1.55rem;
    color: rgba(255, 255, 255, .7);
    font-size: .82rem;
    font-weight: 700;
}

.lgs-stage-marker {
    position: relative;
    z-index: 1;
    display: grid;
    width: 2.2rem;
    height: 2.2rem;
    margin: .15rem 0 .8rem;
    place-items: center;
    color: #fff;
    border: 2px solid rgba(255, 255, 255, .5);
    background: #173f57;
    border-radius: 50%;
}

.lgs-stage.is-complete .lgs-stage-marker {
    color: #082b2c;
    border-color: var(--lgs-mint);
    background: var(--lgs-mint);
}

.lgs-stage.is-current .lgs-stage-marker {
    color: #172b3d;
    border-color: var(--lgs-gold);
    background: var(--lgs-gold);
    box-shadow: 0 0 0 .35rem rgba(255, 193, 7, .14);
}

.lgs-stage h3 {
    margin-bottom: .4rem;
    font-size: 1.02rem;
}

.lgs-stage p {
    margin: 0;
    color: rgba(255, 255, 255, .67);
    font-size: .9rem;
    line-height: 1.5;
}

.lgs-process-note {
    margin: .5rem 0 0;
    padding: .75rem 1rem;
    color: rgba(255, 255, 255, .78);
    border-left: 3px solid var(--lgs-gold);
    background: rgba(0, 0, 0, .18);
    border-radius: .35rem;
    font-size: .9rem;
}

.lgs-session-grid,
.lgs-info-grid,
.lgs-guide-grid {
    display: grid;
    gap: 1rem;
}

.lgs-session-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.lgs-session-card,
.lgs-info-card,
.lgs-guide-card {
    height: 100%;
    border: 1px solid rgba(255, 255, 255, .16);
    background: rgba(3, 22, 35, .48);
    border-radius: .9rem;
}

.lgs-session-card {
    overflow: hidden;
    padding: 1.25rem;
    border-top: 4px solid var(--session-color, var(--lgs-gold));
}

.lgs-session-card.verbal { --session-color: var(--lgs-mint); }
.lgs-session-card.numerical { --session-color: #65a5ff; }

.lgs-session-topline,
.lgs-session-topline > div,
.lgs-session-card h3,
.lgs-course-tags span {
    display: flex;
    align-items: center;
}

.lgs-session-topline,
.lgs-session-card h3,
.lgs-course-tags span {
    justify-content: space-between;
}

.lgs-session-topline {
    color: var(--session-color);
    font-size: .9rem;
    font-weight: 800;
}

.lgs-session-topline > div {
    gap: .5rem;
}

.lgs-session-card h3 {
    margin: 1rem 0;
    font-size: 1.25rem;
}

.lgs-session-card h3 span {
    color: rgba(255, 255, 255, .66);
    font-size: .88rem;
}

.lgs-course-tags {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .55rem;
}

.lgs-course-tags span {
    padding: .65rem .75rem;
    color: rgba(255, 255, 255, .8);
    background: rgba(255, 255, 255, .07);
    border-radius: .55rem;
    font-size: .9rem;
}

.lgs-course-tags strong {
    color: var(--session-color);
}

.lgs-info-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.lgs-info-card {
    padding: 1.15rem;
}

.lgs-info-card > svg {
    color: var(--lgs-mint);
    font-size: 1.4rem;
}

.lgs-info-card.accent > svg {
    color: var(--lgs-gold);
}

.lgs-info-card h3 {
    margin: .8rem 0 .45rem;
    font-size: 1.02rem;
}

.lgs-info-card p,
.lgs-guide-card li,
.lgs-source-bar p {
    color: rgba(255, 255, 255, .7);
    font-size: .92rem;
    line-height: 1.55;
}

.lgs-guide-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.lgs-guide-card {
    padding: 1.2rem;
}

.lgs-guide-card h3 {
    display: flex;
    align-items: center;
    gap: .6rem;
    margin-bottom: 1rem;
    color: #fff;
    font-size: 1.02rem;
}

.lgs-guide-card h3 > svg {
    color: var(--lgs-gold);
}

.lgs-guide-card ul {
    margin: 0;
    padding-left: 1.1rem;
}

.lgs-guide-card li {
    margin-bottom: .55rem;
}

.lgs-source-bar {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, .85fr);
    align-items: center;
    gap: 1.5rem;
    margin-top: 1.25rem;
    padding: clamp(1.25rem, 3vw, 2.25rem);
}

.lgs-source-bar span {
    color: var(--lgs-gold);
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.lgs-source-bar h2 {
    margin: .25rem 0 .4rem;
    font-size: 1.3rem;
}

.lgs-source-bar p {
    margin: 0;
}

@media (max-width: 991.98px) {
    .education-identity-panel {
        min-height: 540px;
    }

    .lgs-process-hero,
    .lgs-source-bar {
        grid-template-columns: 1fr;
    }

    .lgs-process-hero-mark {
        width: 100%;
        max-width: 520px;
    }

    .lgs-info-grid,
    .lgs-guide-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .education-identity-panel {
        min-height: 500px;
    }

    .public-content-grid {
        grid-template-columns: 1fr;
    }

    .about-detail-grid {
        grid-template-columns: 1fr;
    }

    .about-hero,
    .about-story-copy,
    .about-contact-grid,
    .legal-section-grid {
        grid-template-columns: 1fr;
    }

    .legal-hero {
        grid-template-columns: 3.25rem 1fr;
        padding: 1.15rem;
    }

    .legal-hero-icon {
        width: 3.25rem;
        height: 3.25rem;
    }

    .legal-hero time {
        grid-column: 1 / -1;
        justify-self: start;
    }

    .legal-contact-bar {
        align-items: flex-start;
        flex-direction: column;
    }

    .about-capability-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .about-address-item {
        grid-column: auto;
    }

    .about-identity-card {
        grid-template-columns: 1fr;
    }

    .about-identity-symbol {
        width: 5rem;
        height: 5rem;
    }

    .lgs-session-grid,
    .lgs-info-grid,
    .lgs-guide-grid {
        grid-template-columns: 1fr;
    }

    .lgs-process-hero {
        gap: 1.25rem;
    }

    .lgs-process-actions .btn,
    .lgs-source-links .btn {
        width: 100%;
    }

    .lgs-process-timeline {
        display: block;
        overflow: visible;
        padding-left: .25rem;
    }

    .lgs-stage {
        min-width: 0;
        padding: 0 0 1.25rem 3.1rem;
    }

    .lgs-stage::after {
        top: 2.2rem;
        bottom: 0;
        left: 1.05rem;
        width: 2px;
        height: auto;
    }

    .lgs-stage-marker {
        position: absolute;
        top: 1.35rem;
        left: 0;
    }

    .lgs-stage time {
        min-height: 0;
    }

    .lgs-course-tags {
        grid-template-columns: 1fr;
    }

    .education-topic-card {
        grid-template-columns: 3.25rem minmax(0, 1fr);
    }

    .education-topic-card > svg:last-child {
        display: none;
    }
}

.education-today {
    position: relative;
    z-index: 1;
    padding: 1.5rem;
    border: 1px solid rgba(255, 255, 255, .22);
    background: rgba(4, 20, 34, .52);
    border-radius: 1rem;
}

.education-countdown {
    border-top: 1px solid rgba(255, 255, 255, .18);
    padding-top: 1rem;
}

.education-action-card {
    display: flex;
    align-items: center;
    gap: 1rem;
    height: 100%;
    padding: 1.2rem;
    color: #fff;
    text-decoration: none;
    border: 1px solid rgba(255, 255, 255, .28);
    background: rgba(8, 31, 49, .82);
    border-radius: 1rem;
    transition: transform .2s ease, border-color .2s ease, background-color .2s ease;
}

.education-action-card:hover,
.education-action-card:focus {
    color: #fff;
    transform: translateY(-4px);
    border-color: #ffc107;
    background: rgba(15, 55, 77, .94);
}

.education-action-card strong,
.education-action-card small {
    display: block;
}

.education-action-card small {
    margin-top: .25rem;
    color: rgba(255, 255, 255, .68);
}

.education-action-icon {
    display: grid;
    flex: 0 0 3rem;
    width: 3rem;
    height: 3rem;
    place-items: center;
    color: #11283c;
    background: #ffc107;
    border-radius: .8rem;
    font-size: 1.2rem;
}

.education-guide-list {
    display: grid;
    gap: .75rem;
}

.education-guide-list a {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    color: #fff;
    text-decoration: none;
    border: 1px solid rgba(255, 255, 255, .15);
    background: rgba(255, 255, 255, .06);
    border-radius: .8rem;
}

.education-guide-list a:hover {
    border-color: #ffc107;
}

.education-guide-list a > svg {
    color: #ffc107;
    font-size: 1.35rem;
}

.education-guide-list strong,
.education-guide-list small {
    display: block;
}

.education-guide-list small {
    color: rgba(255, 255, 255, .65);
}

.official-link-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: .75rem;
}

.official-link-grid a {
    display: flex;
    justify-content: space-between;
    padding: .85rem 1rem;
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: .7rem;
}

.official-link-grid a:hover {
    color: #172838;
    background: #ffc107;
    border-color: #ffc107;
}

.education-tool-heading {
    color: #fff;
}

.education-back-link {
    display: block;
    width: fit-content;
    color: rgba(255, 255, 255, .78);
    text-decoration: none;
}

.education-back-link:hover {
    color: #ffc107;
}

.education-calculator-table,
.education-planner-table {
    --bs-table-bg: transparent;
    --bs-table-color: #fff;
    --bs-table-border-color: rgba(255, 255, 255, .18);
    min-width: 720px;
}

.education-calculator-table input {
    min-width: 74px;
}

.lgs-calculator-page,
.lgs-calculator-page .table,
.lgs-calculator-page .form-control,
.lgs-calculator-page .btn {
    font-size: 1rem;
}

.lgs-calculator-page .education-tool-heading p {
    font-size: 1rem;
}

.lgs-total-strip {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: .85rem;
}

.lgs-total-strip > div {
    padding: .85rem;
    text-align: center;
    background: rgba(255, 255, 255, .06);
}

.lgs-total-strip > div + div {
    border-left: 1px solid rgba(255, 255, 255, .18);
}

.lgs-total-strip strong,
.lgs-total-strip span {
    display: block;
}

.lgs-total-strip strong {
    color: #ffc107;
    font-size: 1.2rem;
}

.lgs-total-strip span {
    color: rgba(255, 255, 255, .68);
}

.lgs-year-results {
    display: grid;
    gap: .7rem;
}

.lgs-year-result {
    display: grid;
    grid-template-columns: auto auto 1fr auto;
    align-items: center;
    gap: .7rem;
    padding: .85rem;
    border: 1px solid rgba(255, 255, 255, .2);
    background: rgba(255, 255, 255, .06);
    border-radius: .75rem;
    cursor: pointer;
}

.lgs-year-result:has(input:checked) {
    border-color: #ffc107;
    background: rgba(255, 193, 7, .1);
}

.lgs-year-result .year-label {
    font-weight: 800;
}

.lgs-year-result .year-base {
    color: rgba(255, 255, 255, .6);
    font-size: .82rem;
}

.lgs-year-result > strong {
    color: #ffc107;
    font-size: 1rem;
}

.lgs-average-result {
    padding: 1rem;
    color: #152a3b;
    text-align: center;
    background: #ffc107;
    border-radius: .85rem;
}

.lgs-average-result span,
.lgs-average-result strong,
.lgs-average-result small {
    display: block;
}

.lgs-average-result strong {
    margin: .2rem 0;
    font-size: 1.5rem;
}

.lgs-average-result small {
    font-weight: 700;
}

@media (max-width: 575.98px) {
    .lgs-total-strip {
        grid-template-columns: repeat(2, 1fr);
    }

    .lgs-total-strip > div + div {
        border-left: 0;
    }

    .lgs-year-result {
        grid-template-columns: auto auto 1fr;
    }

    .lgs-year-result > strong {
        grid-column: 2 / -1;
    }
}

.education-result-card .row strong {
    display: block;
    color: #ffc107;
    font-size: 2rem;
}

.education-result-card .row span {
    display: block;
    color: rgba(255, 255, 255, .65);
}

.estimated-score {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: .25rem 1rem;
    padding: 1rem 1.25rem;
    color: #152a3b;
    background: #ffc107;
    border-radius: .85rem;
}

.estimated-score strong {
    grid-row: span 2;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 3rem;
}

.estimated-score small {
    font-weight: 700;
}

.education-note {
    color: rgba(255, 255, 255, .82);
}

.education-timeline {
    display: grid;
    gap: 1rem;
}

.education-timeline article {
    display: grid;
    grid-template-columns: 4rem 1fr;
    gap: 1rem;
    padding: 1.25rem;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .25);
    background: rgba(8, 31, 49, .86);
    border-radius: 1rem;
}

.education-timeline article > span {
    display: grid;
    width: 3.4rem;
    height: 3.4rem;
    place-items: center;
    color: #172838;
    background: #ffc107;
    border-radius: 50%;
    font-weight: 900;
}

.education-timeline h2 {
    margin: .15rem 0 .4rem;
    font-size: 1.25rem;
}

.education-timeline small {
    color: #ffd45b;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.education-timeline p {
    margin: 0;
    color: rgba(255, 255, 255, .72);
}

.education-tip {
    display: grid;
    gap: .45rem;
    padding: 1.2rem;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .25);
    background: rgba(8, 31, 49, .82);
    border-radius: 1rem;
}

.education-tip > svg {
    color: #ffc107;
    font-size: 1.35rem;
}

.education-tip span {
    color: rgba(255, 255, 255, .68);
}

/* LGS roadmap */
.lgs-roadmap-page {
    --roadmap-bg: rgba(5, 27, 43, .92);
    --roadmap-panel: rgba(8, 39, 58, .88);
    --roadmap-line: rgba(255, 255, 255, .14);
    --roadmap-gold: #ffc107;
    --roadmap-mint: #55d6be;
    --roadmap-blue: #69a9ff;
    color: #fff;
    font-size: .96rem;
}

.lgs-roadmap-hero,
.lgs-roadmap-track,
.lgs-roadmap-panel,
.lgs-check-card,
.lgs-guide-note,
.lgs-official-card {
    border: 1px solid rgba(255, 193, 7, .34);
    box-shadow: 0 20px 48px rgba(0, 0, 0, .22);
    backdrop-filter: blur(12px);
    border-radius: 1.15rem;
}

.lgs-roadmap-hero {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(290px, .55fr);
    gap: clamp(1.5rem, 4vw, 3.5rem);
    overflow: hidden;
    padding: clamp(1.5rem, 3.5vw, 3rem);
    background:
        radial-gradient(circle at 78% 15%, rgba(85, 214, 190, .18), transparent 28%),
        linear-gradient(135deg, rgba(6, 29, 46, .97), rgba(17, 57, 75, .83));
}

.lgs-roadmap-hero::after {
    content: "2026";
    position: absolute;
    right: 31%;
    bottom: -3.5rem;
    color: rgba(255, 255, 255, .035);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 10rem;
    font-weight: 900;
    pointer-events: none;
}

.lgs-roadmap-intro {
    position: relative;
    z-index: 1;
}

.lgs-roadmap-kicker,
.lgs-side-label {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    color: var(--roadmap-mint);
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.lgs-roadmap-kicker {
    margin-top: 1.2rem;
}

.lgs-roadmap-intro h1 {
    max-width: 760px;
    margin: .75rem 0 1rem;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(2.25rem, 4.4vw, 4rem);
    line-height: 1.04;
    letter-spacing: -.025em;
}

.lgs-roadmap-intro h1 em {
    color: var(--roadmap-gold);
    font-style: normal;
}

.lgs-roadmap-intro > p {
    max-width: 720px;
    margin: 0;
    color: rgba(255, 255, 255, .76);
    font-size: 1rem;
    line-height: 1.65;
}

.lgs-roadmap-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
    margin-top: 1.35rem;
}

.lgs-roadmap-actions .btn {
    min-width: 155px;
    font-size: .9rem;
}

.lgs-current-stage {
    position: relative;
    z-index: 1;
    align-self: stretch;
    padding: 1.35rem;
    border: 1px solid rgba(255, 255, 255, .2);
    background: rgba(2, 20, 32, .56);
    border-radius: 1rem;
}

.lgs-live-label {
    display: flex;
    align-items: center;
    gap: .45rem;
    color: #fff;
    font-size: .78rem;
    font-weight: 800;
    text-transform: uppercase;
}

.lgs-live-label svg {
    color: #ff5a68;
    font-size: .55rem;
    filter: drop-shadow(0 0 5px #ff5a68);
}

.lgs-current-icon {
    display: block;
    margin: 1.5rem 0 1rem;
    color: var(--roadmap-gold);
    font-size: 2.35rem;
}

.lgs-current-stage > small {
    display: block;
    color: var(--roadmap-mint);
    font-size: .82rem;
    font-weight: 800;
}

.lgs-current-stage > strong {
    display: block;
    margin: .2rem 0 .55rem;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.65rem;
}

.lgs-current-stage > p {
    margin: 0;
    color: rgba(255, 255, 255, .7);
    font-size: .9rem;
    line-height: 1.55;
}

.lgs-current-deadline {
    margin-top: 1.2rem;
    padding-top: 1rem;
    border-top: 1px solid var(--roadmap-line);
}

.lgs-current-deadline span,
.lgs-current-deadline b {
    display: block;
}

.lgs-current-deadline span {
    color: rgba(255, 255, 255, .5);
    font-size: .72rem;
    text-transform: uppercase;
}

.lgs-current-deadline b {
    margin-top: .25rem;
    font-size: .86rem;
}

.lgs-roadmap-track {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    margin-top: 1rem;
    padding: 1.1rem;
    background: rgba(4, 25, 40, .92);
}

.lgs-roadmap-track > div {
    position: relative;
    display: grid;
    grid-template-columns: 2.25rem 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    gap: .05rem .65rem;
    min-width: 125px;
    padding: .25rem .75rem;
}

.lgs-roadmap-track > div:not(:last-child)::after {
    content: "";
    position: absolute;
    z-index: 0;
    top: 50%;
    right: -.35rem;
    width: .7rem;
    height: 1px;
    background: rgba(255, 255, 255, .24);
}

.lgs-roadmap-track div > span {
    z-index: 1;
    display: grid;
    width: 2.25rem;
    height: 2.25rem;
    grid-row: 1 / 3;
    place-items: center;
    color: rgba(255, 255, 255, .7);
    border: 1px solid rgba(255, 255, 255, .24);
    background: #123a50;
    border-radius: .65rem;
    font-weight: 900;
}

.lgs-roadmap-track .is-complete > span {
    color: #082b2c;
    border-color: var(--roadmap-mint);
    background: var(--roadmap-mint);
}

.lgs-roadmap-track .is-current > span {
    color: #182a37;
    border-color: var(--roadmap-gold);
    background: var(--roadmap-gold);
    box-shadow: 0 0 0 .25rem rgba(255, 193, 7, .12);
}

.lgs-roadmap-track small {
    color: rgba(255, 255, 255, .5);
    font-size: .7rem;
}

.lgs-roadmap-track strong {
    font-size: .86rem;
}

.lgs-roadmap-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    align-items: start;
    gap: 1rem;
    margin-top: 1rem;
}

.lgs-roadmap-layout > *,
.lgs-roadmap-side > *,
.lgs-step-list > *,
.lgs-placement-grid > *,
.lgs-transfer-line > * {
    min-width: 0;
}

.lgs-roadmap-panel,
.lgs-check-card,
.lgs-guide-note,
.lgs-official-card {
    padding: clamp(1.25rem, 2.5vw, 2rem);
    background: linear-gradient(145deg, rgba(7, 29, 46, .94), rgba(17, 55, 72, .78));
}

.lgs-roadmap-panel + .lgs-roadmap-panel,
.lgs-roadmap-side > section + section {
    margin-top: 1rem;
}

.lgs-roadmap-heading {
    display: flex;
    align-items: center;
    gap: .8rem;
    margin-bottom: 1.3rem;
}

.lgs-roadmap-heading > span {
    display: grid;
    width: 2.8rem;
    height: 2.8rem;
    flex: 0 0 auto;
    place-items: center;
    color: #10283b;
    background: var(--roadmap-gold);
    border-radius: .75rem;
    font-weight: 900;
}

.lgs-roadmap-heading small {
    display: block;
    color: var(--roadmap-mint);
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.lgs-roadmap-heading h2,
.lgs-roadmap-side h2 {
    margin: .1rem 0 0;
    font-size: 1.28rem;
    line-height: 1.25;
}

.lgs-step-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

.lgs-step-list article {
    display: grid;
    grid-template-columns: 2.25rem 1fr;
    gap: .8rem;
    padding: 1rem;
    border: 1px solid var(--roadmap-line);
    background: rgba(2, 20, 32, .4);
    border-radius: .8rem;
}

.lgs-step-list b {
    display: grid;
    width: 2.25rem;
    height: 2.25rem;
    place-items: center;
    color: var(--roadmap-gold);
    border: 1px solid rgba(255, 193, 7, .45);
    border-radius: 50%;
}

.lgs-step-list h3,
.lgs-placement-grid h3,
.lgs-transfer-line h3 {
    margin: 0 0 .35rem;
    font-size: 1rem;
}

.lgs-step-list p,
.lgs-placement-grid p,
.lgs-transfer-line p,
.lgs-roadmap-side p {
    margin: 0;
    color: rgba(255, 255, 255, .67);
    font-size: .86rem;
    line-height: 1.55;
}

.lgs-placement-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
}

.lgs-placement-grid article {
    padding: 1rem;
    border: 1px solid var(--roadmap-line);
    border-top: 3px solid var(--placement-color);
    background: rgba(2, 20, 32, .42);
    border-radius: .8rem;
}

.lgs-placement-grid .local { --placement-color: var(--roadmap-mint); }
.lgs-placement-grid .central { --placement-color: var(--roadmap-gold); }
.lgs-placement-grid .boarding { --placement-color: var(--roadmap-blue); }

.lgs-placement-icon {
    display: grid;
    width: 2.5rem;
    height: 2.5rem;
    margin-bottom: .8rem;
    place-items: center;
    color: #10283b;
    background: var(--placement-color);
    border-radius: .65rem;
}

.lgs-placement-grid article > span {
    color: var(--placement-color);
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.lgs-placement-grid article > strong {
    display: block;
    margin-bottom: .5rem;
    color: var(--placement-color);
    font-size: .9rem;
}

.lgs-roadmap-alert {
    display: flex;
    align-items: center;
    gap: .8rem;
    margin-top: .85rem;
    padding: .8rem 1rem;
    color: #3b2d00;
    background: #ffe69c;
    border-radius: .7rem;
}

.lgs-roadmap-alert svg {
    flex: 0 0 auto;
    font-size: 1.2rem;
}

.lgs-roadmap-alert p {
    margin: 0;
    font-size: .86rem;
    font-weight: 700;
}

.lgs-transfer-line {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
}

.lgs-transfer-line article {
    position: relative;
    padding: 1rem;
    border-left: 3px solid var(--roadmap-gold);
    background: rgba(2, 20, 32, .42);
    border-radius: 0 .7rem .7rem 0;
}

.lgs-transfer-line time {
    display: block;
    margin-bottom: .45rem;
    color: var(--roadmap-mint);
    font-size: .76rem;
    font-weight: 800;
}

.lgs-roadmap-side {
    position: sticky;
    top: 1rem;
}

.lgs-check-card ul {
    display: grid;
    gap: .7rem;
    margin: 1.1rem 0 0;
    padding: 0;
    list-style: none;
}

.lgs-check-card li {
    display: grid;
    grid-template-columns: 1.65rem minmax(0, 1fr);
    align-items: start;
    gap: .55rem;
    color: rgba(255, 255, 255, .78);
    font-size: .86rem;
    line-height: 1.45;
}

.lgs-check-card li svg {
    display: block;
    box-sizing: border-box;
    width: 1.65rem;
    height: 1.65rem;
    padding: .38rem;
    color: #082b2c;
    background: var(--roadmap-mint);
    border-radius: 50%;
}

.lgs-check-card li span,
.lgs-roadmap-side h2,
.lgs-current-stage,
.lgs-official-card span {
    min-width: 0;
    overflow-wrap: break-word;
}

.lgs-guide-note {
    border-color: rgba(85, 214, 190, .45);
    background: linear-gradient(145deg, rgba(6, 54, 58, .94), rgba(9, 40, 50, .88));
}

.lgs-guide-note > svg {
    margin-bottom: .8rem;
    color: var(--roadmap-mint);
    font-size: 1.7rem;
}

.lgs-official-card > a {
    display: grid;
    grid-template-columns: 2rem 1fr auto;
    align-items: center;
    gap: .65rem;
    margin-top: .65rem;
    padding: .75rem;
    color: #fff;
    border: 1px solid var(--roadmap-line);
    background: rgba(2, 20, 32, .42);
    border-radius: .7rem;
    text-decoration: none;
    transition: border-color .18s ease, transform .18s ease;
}

.lgs-official-card > a:hover {
    color: #fff;
    border-color: var(--roadmap-gold);
    transform: translateX(3px);
}

.lgs-official-card > a > svg:first-child {
    color: var(--roadmap-gold);
}

.lgs-official-card > a > svg:last-child {
    color: rgba(255, 255, 255, .45);
    font-size: .72rem;
}

.lgs-official-card b,
.lgs-official-card small {
    display: block;
}

.lgs-official-card b {
    font-size: .82rem;
}

.lgs-official-card small {
    color: rgba(255, 255, 255, .52);
    font-size: .7rem;
}

@media (max-width: 1199.98px) {
    .lgs-roadmap-layout {
        grid-template-columns: 1fr;
    }

    .lgs-roadmap-side {
        position: static;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 1rem;
    }

    .lgs-roadmap-side > section + section {
        margin-top: 0;
    }

    .lgs-roadmap-track {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: .65rem 0;
    }

    .lgs-roadmap-track > div {
        min-width: 0;
    }

    .lgs-roadmap-track > div:nth-child(3)::after {
        display: none;
    }
}

@media (max-width: 991.98px) {
    .lgs-roadmap-hero {
        grid-template-columns: 1fr;
    }

    .lgs-current-stage {
        max-width: 520px;
    }

    .lgs-placement-grid,
    .lgs-transfer-line {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .lgs-roadmap-side {
        grid-template-columns: 1fr 1fr;
    }

    .lgs-official-card {
        grid-column: 1 / -1;
    }
}

@media (max-width: 767.98px) {
    .lgs-roadmap-intro h1 {
        font-size: clamp(2rem, 11vw, 3rem);
    }

    .lgs-step-list,
    .lgs-placement-grid,
    .lgs-transfer-line,
    .lgs-roadmap-side {
        grid-template-columns: 1fr;
    }

    .lgs-official-card {
        grid-column: auto;
    }

    .lgs-roadmap-track {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding: .8rem .45rem;
    }

    .lgs-roadmap-track > div {
        padding: .3rem .45rem;
    }

    .lgs-roadmap-track > div:nth-child(3)::after {
        display: block;
    }

    .lgs-roadmap-track > div:nth-child(even)::after {
        display: none;
    }

    .lgs-roadmap-hero,
    .lgs-roadmap-panel,
    .lgs-check-card,
    .lgs-guide-note,
    .lgs-official-card {
        padding: 1rem;
        border-radius: .9rem;
    }
}

@media (max-width: 399.98px) {
    .lgs-roadmap-track {
        grid-template-columns: 1fr;
    }

    .lgs-roadmap-track > div::after {
        display: none !important;
    }

    .lgs-roadmap-actions .btn {
        width: 100%;
    }
}

@media print {
    .lgs-roadmap-page {
        color: #10283b !important;
        background: #fff !important;
    }

    .lgs-roadmap-actions,
    .lgs-roadmap-side {
        display: none !important;
    }

    .lgs-roadmap-hero,
    .lgs-roadmap-track,
    .lgs-roadmap-panel,
    .lgs-current-stage,
    .lgs-step-list article,
    .lgs-placement-grid article,
    .lgs-transfer-line article {
        color: #10283b !important;
        border-color: #aeb9c0 !important;
        background: #fff !important;
        box-shadow: none !important;
    }

    .lgs-roadmap-intro > p,
    .lgs-current-stage > p,
    .lgs-step-list p,
    .lgs-placement-grid p,
    .lgs-transfer-line p {
        color: #4d5d67 !important;
    }

    .lgs-roadmap-panel {
        break-inside: avoid;
    }
}

/* LGS weekly study planner */
.lgs-study-planner {
    --planner-ink: #0b2638;
    --planner-panel: rgba(8, 34, 51, .9);
    --planner-line: rgba(255, 255, 255, .18);
    --planner-gold: #ffc107;
    --planner-mint: #55d6be;
    color: #fff;
    --planner-text: .96rem;
    --planner-small: .82rem;
    font-size: var(--planner-text);
}

.planner-print-header,
.planner-print-footer {
    display: none;
}

.planner-hero,
.planner-setup,
.planner-board,
.planner-method {
    border: 1px solid rgba(255, 193, 7, .38);
    background: linear-gradient(145deg, rgba(7, 28, 45, .94), rgba(18, 55, 72, .78));
    box-shadow: 0 20px 48px rgba(0, 0, 0, .22);
    backdrop-filter: blur(12px);
    border-radius: 1.15rem;
}

.planner-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 280px;
    align-items: end;
    gap: 2rem;
    padding: clamp(1.4rem, 3vw, 2.5rem);
}

.planner-hero h1 {
    margin: .75rem 0 .65rem;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(1.9rem, 2.7vw, 2.45rem);
    line-height: 1.15;
}

.planner-hero p {
    max-width: 720px;
    margin: 0;
    color: rgba(255, 255, 255, .75);
    font-size: var(--planner-text);
    line-height: 1.6;
}

.planner-week-field {
    padding: 1rem;
    border: 1px solid var(--planner-line);
    background: rgba(2, 20, 32, .46);
    border-radius: .8rem;
}

.planner-week-field label,
.planner-setup .form-label {
    margin-bottom: .4rem;
    color: rgba(255, 255, 255, .78);
    font-size: var(--planner-small);
    font-weight: 700;
}

.planner-setup .form-label span {
    color: rgba(255, 255, 255, .5);
    font-weight: 400;
}

.planner-week-field span {
    display: block;
    margin-top: .45rem;
    color: var(--planner-mint);
    font-size: var(--planner-small);
    font-weight: 700;
}

.planner-setup,
.planner-board,
.planner-method {
    margin-top: 1rem;
    padding: clamp(1.2rem, 2.5vw, 2rem);
}

.planner-section-title {
    display: flex;
    align-items: center;
    gap: .8rem;
    margin-bottom: 1.25rem;
}

.planner-section-title > span {
    display: grid;
    width: 2.75rem;
    height: 2.75rem;
    flex: 0 0 auto;
    place-items: center;
    color: var(--planner-ink);
    background: var(--planner-gold);
    border-radius: .7rem;
    font-weight: 900;
}

.planner-section-title small {
    display: block;
    margin-bottom: .08rem;
    color: var(--planner-mint);
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.planner-section-title h2 {
    margin: 0;
    font-size: 1.28rem;
}

.lgs-study-planner .form-control,
.lgs-study-planner .form-select {
    min-height: 42px;
    border-color: rgba(255, 255, 255, .25);
    font-size: var(--planner-text);
}

.planner-summary {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    overflow: hidden;
    margin-top: 1rem;
    border: 1px solid rgba(255, 255, 255, .18);
    background: rgba(4, 26, 41, .88);
    border-radius: 1rem;
}

.planner-summary > div {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: .05rem .7rem;
    padding: 1rem 1.15rem;
}

.planner-summary > div + div {
    border-left: 1px solid rgba(255, 255, 255, .14);
}

.planner-summary svg {
    grid-row: span 2;
    color: var(--planner-gold);
    font-size: 1.25rem;
}

.planner-summary span {
    color: rgba(255, 255, 255, .6);
    font-size: var(--planner-small);
}

.planner-summary strong {
    color: #fff;
    font-size: 1.05rem;
}

.planner-progress-stat .progress {
    grid-column: 1 / -1;
    height: .28rem;
    margin-top: .4rem;
    background: rgba(255, 255, 255, .13);
}

.planner-progress-stat .progress-bar {
    background: var(--planner-mint);
}

.planner-board-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.planner-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .5rem;
}

.planner-actions .btn {
    font-size: .9rem;
}

.planner-days {
    display: grid;
    gap: .8rem;
}

.planner-day-card {
    overflow: hidden;
    border: 1px solid var(--planner-line);
    background: rgba(2, 20, 32, .46);
    border-radius: .85rem;
}

.planner-day-card > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .7rem 1rem;
    border-bottom: 1px solid var(--planner-line);
    background: rgba(255, 255, 255, .06);
}

.planner-day-card > header > div {
    display: flex;
    align-items: center;
    gap: .7rem;
}

.planner-day-card > header span {
    display: grid;
    width: 2rem;
    height: 2rem;
    place-items: center;
    color: var(--planner-ink);
    background: var(--planner-gold);
    border-radius: .5rem;
    font-size: var(--planner-small);
    font-weight: 900;
}

.planner-day-card h3 {
    margin: 0;
    font-size: 1.05rem;
}

.planner-day-card .day-total {
    color: var(--planner-mint);
    font-size: var(--planner-small);
}

.planner-task-list {
    display: grid;
}

.planner-task {
    display: grid;
    grid-template-columns: 2rem minmax(145px, .8fr) minmax(260px, 1.7fr) 90px 90px 2rem;
    align-items: end;
    gap: .65rem;
    padding: .75rem 1rem;
    transition: opacity .18s ease, background-color .18s ease;
}

.planner-task + .planner-task {
    border-top: 1px dashed rgba(255, 255, 255, .13);
}

.planner-task.is-done {
    opacity: .58;
    background: rgba(85, 214, 190, .08);
}

.planner-task.is-done .task-target {
    text-decoration: line-through;
}

.planner-task label > span {
    display: block;
    margin: 0 0 .25rem .1rem;
    color: rgba(255, 255, 255, .56);
    font-size: .78rem;
    font-weight: 700;
    text-transform: uppercase;
}

.planner-task-check {
    align-self: center;
    padding-top: 1.1rem;
}

.planner-task-check .form-check-input {
    width: 1.2rem;
    height: 1.2rem;
}

.planner-task-remove {
    display: grid;
    width: 2rem;
    height: 2rem;
    align-self: center;
    place-items: center;
    margin-top: 1.1rem;
    color: rgba(255, 255, 255, .55);
    border: 0;
    background: transparent;
    border-radius: .4rem;
}

.planner-task-remove:hover {
    color: #fff;
    background: #b02a37;
}

.planner-add-task {
    margin: 0 1rem .8rem 3.65rem;
    padding: .35rem .65rem;
    color: var(--planner-mint);
    border: 1px dashed rgba(85, 214, 190, .45);
    background: transparent;
    border-radius: .5rem;
    font-size: var(--planner-small);
    font-weight: 700;
}

.planner-add-task:hover {
    color: var(--planner-ink);
    background: var(--planner-mint);
}

.planner-method-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
}

.planner-method-grid article {
    position: relative;
    min-height: 180px;
    padding: 1rem;
    border: 1px solid var(--planner-line);
    background: rgba(2, 20, 32, .44);
    border-radius: .8rem;
}

.planner-method-grid b {
    position: absolute;
    top: .7rem;
    right: .8rem;
    color: rgba(255, 255, 255, .12);
    font-size: 1.5rem;
}

.planner-method-grid svg {
    color: var(--planner-gold);
    font-size: 1.35rem;
}

.planner-method-grid h3 {
    margin: .75rem 0 .4rem;
    font-size: 1.05rem;
}

.planner-method-grid p,
.planner-privacy-note {
    color: rgba(255, 255, 255, .68);
    font-size: .9rem;
    line-height: 1.55;
}

.planner-privacy-note {
    margin: 1rem 0 0;
    padding-top: 1rem;
    border-top: 1px solid rgba(255, 255, 255, .13);
}

@media (max-width: 1199.98px) {
    .planner-task {
        grid-template-columns: 2rem minmax(140px, .8fr) minmax(220px, 1.5fr) 80px 80px 2rem;
    }
}

@media (max-width: 991.98px) {
    .planner-hero {
        grid-template-columns: 1fr;
    }

    .planner-week-field {
        max-width: 420px;
    }

    .planner-summary,
    .planner-method-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .planner-summary > div:nth-child(3) {
        border-left: 0;
        border-top: 1px solid rgba(255, 255, 255, .14);
    }

    .planner-summary > div:nth-child(4) {
        border-top: 1px solid rgba(255, 255, 255, .14);
    }

    .planner-task {
        grid-template-columns: 2rem minmax(130px, .75fr) minmax(180px, 1.3fr) 76px 76px 2rem;
        gap: .45rem;
        padding-inline: .7rem;
    }
}

@media (max-width: 767.98px) {
    .planner-board-heading {
        align-items: stretch;
        flex-direction: column;
    }

    .planner-actions {
        justify-content: stretch;
    }

    .planner-actions .btn {
        flex: 1 1 auto;
    }

    .planner-task {
        grid-template-columns: 2rem 1fr 1fr 2rem;
        align-items: end;
    }

    .planner-target-field {
        grid-column: 2 / -1;
        grid-row: 2;
    }

    .planner-task-check {
        grid-row: 1 / 3;
    }

    .planner-task-remove {
        grid-column: 4;
        grid-row: 1;
    }

    .planner-add-task {
        margin-left: 3.15rem;
    }
}

@media (max-width: 575.98px) {
    .planner-summary,
    .planner-method-grid {
        grid-template-columns: 1fr;
    }

    .planner-summary > div + div,
    .planner-summary > div:nth-child(3) {
        border-top: 1px solid rgba(255, 255, 255, .14);
        border-left: 0;
    }

    .planner-task {
        grid-template-columns: 2rem 1fr 1fr 2rem;
    }

    .planner-task > label:nth-of-type(2) {
        grid-column: 2 / 4;
    }
}

@media (max-width: 767.98px) {
    .education-title {
        font-size: 2.35rem;
    }

    .official-link-grid {
        grid-template-columns: 1fr;
    }

    .estimated-score {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .estimated-score strong {
        grid-row: auto;
    }
}

@media print {
    @page {
        size: A4 portrait;
        margin: 12mm 11mm 14mm;
    }

    .public-header,
    .public-footer,
    .education-tool-heading .education-back-link,
    .planner-hero .education-back-link,
    .education-planner-table + .d-flex,
    .education-tip,
    .planner-actions,
    .planner-add-task,
    .planner-task-remove,
    .planner-method {
        display: none !important;
    }

    .planner-print-header,
    .planner-print-footer {
        display: block !important;
    }

    .planner-print-header {
        margin-bottom: 7mm;
        padding-bottom: 5mm;
        color: #102a3b;
        border-bottom: 2px solid #d7a900;
    }

    .planner-print-brand {
        display: flex;
        align-items: center;
        gap: 2mm;
        color: #8a6a00;
        font-size: 9pt;
        font-weight: 800;
        letter-spacing: .04em;
        text-transform: uppercase;
    }

    .planner-print-header h1 {
        margin: 2mm 0 3mm;
        font-family: Georgia, "Times New Roman", serif;
        font-size: 22pt;
        line-height: 1.15;
    }

    .planner-print-meta {
        display: flex;
        gap: 12mm;
        color: #4c5b65;
        font-size: 9pt;
    }

    .planner-print-meta strong {
        margin-left: 2mm;
        color: #102a3b;
    }

    .planner-print-footer {
        margin-top: 6mm;
        padding-top: 3mm;
        color: #65747d;
        border-top: 1px solid #ccd3d7;
        font-size: 8pt;
        text-align: center;
    }

    .public-site-shell {
        background: #fff !important;
    }

    .lgs-study-planner {
        padding: 0 !important;
        color: #102a3b !important;
        font-size: 9pt;
        print-color-adjust: exact;
        -webkit-print-color-adjust: exact;
    }

    .lgs-study-planner > .container {
        width: 100% !important;
        max-width: none !important;
        padding: 0 !important;
    }

    .education-tool-page,
    .education-tool-heading,
    .education-panel {
        color: #000 !important;
        background: #fff !important;
        box-shadow: none !important;
    }

    .planner-hero,
    .planner-setup,
    .planner-board,
    .planner-summary,
    .planner-day-card,
    .planner-task {
        color: #000 !important;
        border-color: #bbb !important;
        background: #fff !important;
        box-shadow: none !important;
    }

    .planner-hero {
        display: none !important;
    }

    .planner-setup,
    .planner-board {
        margin-top: 0;
        padding: 4mm;
        border-radius: 2mm;
    }

    .planner-board {
        margin-top: 4mm;
    }

    .planner-summary span,
    .planner-task label > span,
    .planner-hero p,
    .planner-week-field label,
    .planner-setup .form-label {
        color: #333 !important;
    }

    .planner-task {
        grid-template-columns: 6mm 32mm minmax(62mm, 1fr) 15mm 17mm;
        gap: 2mm;
        padding: 2.5mm 3mm;
    }

    .planner-task.print-empty {
        display: none !important;
    }

    .planner-task .form-control,
    .planner-task .form-select,
    .planner-setup .form-control {
        min-height: 7mm;
        padding: 1mm 1.5mm;
        color: #102a3b !important;
        border: 0;
        border-bottom: 1px solid #9ba7ae;
        background: transparent !important;
        border-radius: 0;
        font-size: 8.5pt;
        appearance: none;
    }

    .planner-section-title {
        margin-bottom: 3mm;
    }

    .planner-section-title > span {
        width: 8mm;
        height: 8mm;
        color: #102a3b !important;
        background: #f3c52f !important;
        border-radius: 1.5mm;
    }

    .planner-section-title h2 {
        color: #102a3b !important;
        font-size: 13pt;
    }

    .planner-section-title small {
        color: #60717c !important;
        font-size: 7.5pt;
    }

    .planner-summary {
        margin-top: 4mm;
        border-radius: 2mm;
    }

    .planner-summary > div {
        padding: 3mm;
    }

    .planner-day-card {
        border-radius: 2mm;
    }

    .planner-day-card > header {
        padding: 2mm 3mm;
        background: #eef3f5 !important;
    }

    .planner-day-card > header span {
        width: 7mm;
        height: 7mm;
        color: #102a3b !important;
        background: #f3c52f !important;
    }

    .planner-day-card h3 {
        color: #102a3b !important;
        font-size: 10pt;
    }

    .planner-day-card .day-total {
        color: #315c54 !important;
    }

    .planner-task-remove {
        display: none !important;
    }

    .planner-day-card {
        break-inside: avoid;
        page-break-inside: avoid;
    }

    .education-planner-table {
        --bs-table-color: #000;
    }
}

.layout-header-surface {
    background-color: rgba(169, 217, 255, 0.20);
}

.layout-footer-surface {
    background-color: rgba(169, 217, 255, 0.9);
}

.layout-refresh-button {
    width: 24px;
    height: 24px;
}

.layout-profile-image {
    width: 63px;
    height: 84px;
    padding: 2px;
}

.bilgi-formu-body {
    background: url('/Image/mtokulArkaPlan.webp') no-repeat center center fixed;
    background-size: cover;
    min-height: 100vh;
    margin: 0;
    padding: 0 0 50px;
}

#mainNavbarContent .nav-link {
    color: var(--bs-white) !important;
}

#mainNavbarContent .nav-link > i {
    color: var(--bs-warning) !important;
}

#mainNavbarContent .nav-link:hover,
#mainNavbarContent .nav-link:focus,
#mainNavbarContent .nav-item.show > .nav-link {
    color: var(--bs-warning) !important;
}

#mainNavbarContent .nav-link:hover > i,
#mainNavbarContent .nav-link:focus > i,
#mainNavbarContent .nav-item.show > .nav-link > i {
    color: var(--bs-white) !important;
}

#mainNavbarContent .dropdown-item:hover > i,
#mainNavbarContent .dropdown-item:focus > i {
    color: var(--bs-warning) !important;
}

.dropdown-menu .dropdown-submenu {
    position: relative;
}

    .dropdown-menu .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -1px;
    }

.navbar-toggler {
    border-color: rgba(255, 255, 255, 0.5);
    color: white;
}

    /* GÜNCELLEME: Seçilen/tıklanan menü butonunun etrafındaki çerçeveyi incelttik */
    .navbar-toggler:focus {
        box-shadow: 0 0 0 0.1rem rgba(255, 255, 255, 0.5);
    }


/* Modern Blur Efekti */
.blur-data {
    filter: blur(1px); /* Metni 6px bulanıklaştır */
    -webkit-filter: blur(1px); /* Safari desteği */
    cursor: pointer; /* Tıklanabilir olduğunu hissettir */
    transition: all 0.4s ease; /* Yumuşak geçiş */
    opacity: 0.6; /* Biraz şeffaflık ekle */
    user-select: none; /* Bulanıkken seçilemesin */
    pointer-events: none; /* Input'a tıklamayı engelle (Sadece butona basılsın) */
}

/* Görünür Hale Gelince */
.clear-data {
    filter: blur(0);
    -webkit-filter: blur(0);
    opacity: 1;
    cursor: text;
    pointer-events: auto;
}
/* Layout Özel Stilleri Bitiş*/

/* =========================================
       1. TEMA RENKLERİ VE KUTU TASARIMLARI
       ========================================= */
:root {
    --logo-mor: #3B235A;
    --logo-altin: #D4AF37;
}

/* Arka plan panelleri için morun saydam tonları */
.bg-panel-mor {
    background-color: rgba(59, 35, 90, 0.3) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    backdrop-filter: blur(4px);
}

/* Kullanıcı giriş kutusu için biraz daha koyu mor */
.bg-login-kutu {
    background-color: rgba(59, 35, 90, 0.6) !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    backdrop-filter: blur(6px);
}

/* Giriş Butonu için Altın Sarısı Tema */
.btn-altin {
    background-color: var(--logo-altin);
    color: #fff;
    border: none;
    transition: all 0.3s ease;
}

    .btn-altin:hover {
        background-color: #b8952b;
        color: #fff;
        transform: scale(1.02);
    }

    .btn-altin:disabled {
        background-color: rgba(212, 175, 55, 0.5);
        color: #eaeaea;
    }

/* Input İkonları Rengi */
.icon-altin {
    color: var(--logo-altin);
}

/* Bootstrap 5'in kendi saydamlık yapısına uyumlu Mor Arka Plan */
.bg-mor {
    /* --bs-bg-opacity: 1; satırını tamamen sildik */
    background-color: rgba(59, 35, 90, var(--bs-bg-opacity, 1)) !important;
}


/* =========================================
       2. YILDIZ PARLAMA EFEKTİ CSS
       ========================================= */
.parlak-logo-kapsayici {
    position: relative;
    display: inline-block;
}

.dinamik-yildiz {
    position: absolute;
    color: #ffffff;
    text-shadow: 0 0 8px #ffffff, 0 0 15px #ffd700;
    pointer-events: none;
    opacity: 0;
    font-size: 20px;
    z-index: 10;
    left: var(--x);
    top: var(--y);
    animation: gercek-parilti var(--sure) ease-in-out forwards;
}

@keyframes gercek-parilti {
    0% {
        opacity: 0;
        transform: scale(0) rotate(0deg);
    }

    50% {
        opacity: 1;
        transform: scale(var(--boyut)) rotate(90deg);
    }

    100% {
        opacity: 0;
        transform: scale(0) rotate(180deg);
    }
}


#girisCikisTablosu thead th[data-sort] {
    user-select: none;
    white-space: nowrap;
}

    #girisCikisTablosu thead th[data-sort]:hover {
        text-decoration: underline;
    }

.dt-sort-icon {
    color: var(--bs-primary);
}

.dt-foto-kolon {
    width: 1%;
    white-space: nowrap;
}

.dt-foto-zoom-alan {
    overflow: auto;
    max-height: 75vh;
}

.dt-foto-zoom-img {
    transition: transform .2s ease-in-out;
    transform-origin: center center;
}

:root {
  --mtokul: #967d5b;
  --mtokul-rgb: 150, 125, 91;
}

/* Dolu okul background */
.bg-okul {
  background-color: #967d5b !important;
}

/* Dolu okul border */
.border-okul {
  border: 1px solid #967d5b !important;
}

/* Arka plana uygun soft border */
.border-okul-soft {
  border: 1px solid rgba(var(--mtokul-rgb), 0.45) !important;
}

/* Kart/alan için açık background */
.bg-okul-soft {
  background-color: rgba(var(--mtokul-rgb), 0.14) !important;
}

/* Başlık için doluya yakın background */
.bg-okul-header {
  background: linear-gradient( 90deg, rgba(var(--mtokul-rgb), 0.38), rgba(var(--mtokul-rgb), 0.18) ) !important;
}