html {
            scroll-behavior: smooth;
        }

        body {
            font-family: "Manrope", sans-serif;
            color: var(--edu-text);
            background: #fff;
            overflow-x: hidden;
        }

        a {
            color: inherit;
            text-decoration: none;
        }

        img {
            max-width: 100%;
        }

        .section-space {
            padding: 110px 0;
        }

        .section-space-sm {
            padding: 80px 0;
        }

        .bg-cream {
            background: var(--edu-cream);
        }

        .bg-sky {
            background: var(--edu-sky);
        }

        .text-navy {
            color: var(--edu-navy);
        }

        .text-gold {
            color: var(--edu-gold);
        }

        .eyebrow {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            margin-bottom: 18px;
            color: var(--edu-blue);
            font-size: .76rem;
            font-weight: 800;
            letter-spacing: .16em;
            text-transform: uppercase;
        }

        .eyebrow::before {
            content: "";
            width: 34px;
            height: 2px;
            background: currentColor;
        }

        .section-title {
            max-width: 820px;
            margin-bottom: 18px;
            color: var(--edu-navy);
            font-size: clamp(2rem, 4vw, 4.2rem);
            font-weight: 800;
            line-height: 1.04;
            letter-spacing: -.045em;
        }

        .section-title em {
            font-family: "Playfair Display", serif;
            font-weight: 700;
        }

        .section-lead {
            max-width: 720px;
            color: var(--edu-muted);
            font-size: 1.08rem;
            line-height: 1.85;
        }

        .btn-edu {
            --bs-btn-padding-x: 1.55rem;
            --bs-btn-padding-y: .9rem;
            --bs-btn-font-weight: 800;
            --bs-btn-border-radius: 14px;
            background: var(--edu-gold);
            border-color: var(--edu-gold);
            color: var(--edu-navy);
            box-shadow: 0 12px 25px rgba(244, 185, 66, .2);
        }

        .btn-edu:hover,
        .btn-edu:focus {
            background: #ffc95c;
            border-color: #ffc95c;
            color: var(--edu-navy);
            transform: translateY(-2px);
        }

        .btn-outline-edu {
            --bs-btn-padding-x: 1.5rem;
            --bs-btn-padding-y: .9rem;
            --bs-btn-font-weight: 800;
            --bs-btn-border-radius: 14px;
            border: 1px solid rgba(255, 255, 255, .36);
            color: #fff;
        }

        .btn-outline-edu:hover {
            background: #fff;
            border-color: #fff;
            color: var(--edu-navy);
            transform: translateY(-2px);
        }

        .link-arrow {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            color: var(--edu-blue);
            font-weight: 800;
        }

        .link-arrow i {
            transition: transform .25s ease;
        }

        .link-arrow:hover i {
            transform: translateX(5px);
        }


        /* Hero */
        .hero {
            position: relative;
            min-height: 840px;
            display: flex;
            align-items: center;
            padding: 180px 0 90px;
            background:
                radial-gradient(circle at 72% 35%, rgba(19,104,169,.34), transparent 29%),
                radial-gradient(circle at 18% 84%, rgba(244,185,66,.12), transparent 32%),
                linear-gradient(115deg, #031223 0%, var(--edu-navy) 48%, #0b3356 100%);
            color: #fff;
            overflow: hidden;
        }

        .hero::before {
            content: "";
            position: absolute;
            inset: 0;
            opacity: .16;
            background-image:
                linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px),
                linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px);
            background-size: 66px 66px;
            mask-image: linear-gradient(to right, #000, transparent 78%);
        }

        .hero::after {
            content: "";
            position: absolute;
            left: -8%;
            bottom: -220px;
            width: 470px;
            height: 470px;
            border: 1px solid rgba(255,255,255,.12);
            border-radius: 50%;
            box-shadow:
                0 0 0 55px rgba(255,255,255,.025),
                0 0 0 110px rgba(255,255,255,.02);
        }

        .hero-content {
            position: relative;
            z-index: 3;
        }

        .hero-badge {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            margin-bottom: 25px;
            padding: 9px 14px;
            border: 1px solid rgba(255,255,255,.16);
            border-radius: 999px;
            background: rgba(255,255,255,.07);
            color: rgba(255,255,255,.86);
            font-size: .78rem;
            font-weight: 800;
            letter-spacing: .08em;
            text-transform: uppercase;
            backdrop-filter: blur(12px);
        }

        .hero-badge span {
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: var(--edu-gold);
            box-shadow: 0 0 0 5px rgba(244,185,66,.16);
        }

        .hero h1 {
            max-width: 760px;
            margin-bottom: 26px;
            font-size: clamp(3rem, 6vw, 6.5rem);
            font-weight: 800;
            line-height: .96;
            letter-spacing: -.065em;
        }

        .hero h1 .hero-em {
            display: block;
            color: var(--edu-gold);
            font-family: "Playfair Display", serif;
            font-style: italic;
            font-weight: 700;
            letter-spacing: -.04em;
        }

        .hero .lead {
            max-width: 650px;
            margin-bottom: 34px;
            color: rgba(255,255,255,.72);
            font-size: 1.12rem;
            line-height: 1.8;
        }

        .hero-trust {
            display: flex;
            flex-wrap: wrap;
            gap: 18px 28px;
            margin-top: 38px;
            color: rgba(255,255,255,.8);
            font-size: .86rem;
            font-weight: 700;
        }

        .hero-trust span {
            display: inline-flex;
            align-items: center;
            gap: 9px;
        }

        .hero-trust i {
            color: var(--edu-gold);
        }

        .hero-visual {
            position: relative;
            z-index: 2;
            min-height: 590px;
        }

        .hero-image-wrap {
            position: absolute;
            top: 15px;
            right: -65px;
            width: min(610px, 45vw);
            height: 650px;
            border: 1px solid rgba(255,255,255,.16);
            border-radius: 40% 40% 18% 18% / 30% 30% 14% 14%;
            overflow: hidden;
            box-shadow: 0 40px 100px rgba(0,0,0,.36);
            transform: rotate(2deg);
        }

        .hero-image-wrap::after {
            content: "";
            position: absolute;
            inset: 0;
            background: linear-gradient(to top, rgba(3,18,35,.75), transparent 55%);
        }

        .hero-image-wrap img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .hero-rank {
            position: absolute;
            left: -38px;
            bottom: 45px;
            z-index: 4;
            width: 250px;
            padding: 22px;
            border: 1px solid rgba(255,255,255,.18);
            border-radius: 22px;
            background: rgba(255,255,255,.12);
            box-shadow: 0 25px 60px rgba(0,0,0,.2);
            backdrop-filter: blur(18px);
        }

        .hero-rank .rank-icon {
            display: grid;
            width: 48px;
            height: 48px;
            margin-bottom: 18px;
            place-items: center;
            border-radius: 14px;
            background: var(--edu-gold);
            color: var(--edu-navy);
            font-size: 1.35rem;
        }

        .hero-rank strong {
            display: block;
            margin-bottom: 5px;
            font-size: 1.2rem;
        }

        .hero-rank small {
            color: rgba(255,255,255,.64);
            line-height: 1.5;
        }

        .hero-orbit {
            position: absolute;
            top: 34px;
            left: -12px;
            width: 88px;
            height: 88px;
            border: 1px solid rgba(255,255,255,.25);
            border-radius: 50%;
            animation: floatY 4s ease-in-out infinite;
        }

        .hero-orbit::before,
        .hero-orbit::after {
            content: "";
            position: absolute;
            border-radius: 50%;
            background: var(--edu-gold);
        }

        .hero-orbit::before {
            top: -6px;
            left: 38px;
            width: 12px;
            height: 12px;
        }

        .hero-orbit::after {
            right: 7px;
            bottom: 6px;
            width: 7px;
            height: 7px;
        }

        @keyframes floatY {
            50% { transform: translateY(-16px) rotate(8deg); }
        }

        /* Quick Features */
        .quick-features {
            position: relative;
            z-index: 5;
            margin-top: -54px;
        }

        .quick-panel {
            padding: 20px;
            border: 1px solid rgba(7,27,49,.08);
            border-radius: 24px;
            background: #fff;
            box-shadow: var(--edu-shadow);
        }

        .quick-item {
            display: flex;
            align-items: center;
            gap: 15px;
            min-height: 84px;
            padding: 14px 18px;
            border-right: 1px solid var(--edu-line);
        }

        .quick-item.last {
            border-right: 0;
        }

        .quick-icon {
            display: grid;
            width: 48px;
            height: 48px;
            flex: 0 0 48px;
            place-items: center;
            border-radius: 14px;
            background: var(--edu-sky);
            color: var(--edu-blue);
            font-size: 1.25rem;
        }

        .quick-item strong {
            display: block;
            margin-bottom: 4px;
            color: var(--edu-navy);
            font-size: .95rem;
        }

        .quick-item small {
            color: var(--edu-muted);
            font-size: .76rem;
        }

        /* Feature cards */
        .feature-card {
            position: relative;
            height: 100%;
            padding: 34px 28px;
            border: 1px solid var(--edu-line);
            border-radius: 24px;
            background: #fff;
            transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
            overflow: hidden;
        }

        .feature-card::after {
            content: attr(data-number);
            position: absolute;
            right: 17px;
            top: 4px;
            color: rgba(7,27,49,.04);
            font-size: 5rem;
            font-weight: 800;
            line-height: 1;
        }

        .feature-card:hover {
            transform: translateY(-8px);
            border-color: rgba(19,104,169,.26);
            box-shadow: 0 28px 60px rgba(7,27,49,.11);
        }

        .feature-card .icon {
            display: grid;
            width: 58px;
            height: 58px;
            margin-bottom: 28px;
            place-items: center;
            border-radius: 18px;
            background: var(--edu-navy);
            color: var(--edu-gold);
            font-size: 1.45rem;
        }

        .feature-card h3 {
            margin-bottom: 14px;
            color: var(--edu-navy);
            font-size: 1.2rem;
            font-weight: 800;
        }

        .feature-card p {
            margin: 0;
            color: var(--edu-muted);
            font-size: .92rem;
            line-height: 1.75;
        }

        /* Model Section */
        .model-section {
            position: relative;
            background: var(--edu-navy);
            color: #fff;
            overflow: hidden;
        }

        .model-section::before {
            content: "";
            position: absolute;
            right: -240px;
            top: -240px;
            width: 560px;
            height: 560px;
            border: 1px solid rgba(255,255,255,.08);
            border-radius: 50%;
            box-shadow: 0 0 0 65px rgba(255,255,255,.02), 0 0 0 130px rgba(255,255,255,.018);
        }

        .model-image {
            position: relative;
            min-height: 650px;
            border-radius: 30px;
            overflow: hidden;
            box-shadow: 0 35px 80px rgba(0,0,0,.32);
        }

        .model-image img {
            width: 100%;
            height: 650px;
            object-fit: cover;
        }

        .model-image::after {
            content: "";
            position: absolute;
            inset: 0;
            background: linear-gradient(to top, rgba(3,18,35,.54), transparent 55%);
        }

        .model-caption {
            position: absolute;
            left: 26px;
            right: 26px;
            bottom: 26px;
            z-index: 2;
            padding: 22px;
            border: 1px solid rgba(255,255,255,.17);
            border-radius: 20px;
            background: rgba(7,27,49,.58);
            backdrop-filter: blur(14px);
        }

        .model-caption strong {
            display: block;
            margin-bottom: 4px;
            font-size: 1.1rem;
        }

        .model-caption span {
            color: rgba(255,255,255,.63);
            font-size: .82rem;
        }

        .model-section .eyebrow {
            color: var(--edu-gold);
        }

        .model-section .section-title {
            color: #fff;
        }

        .model-section .section-lead {
            color: rgba(255,255,255,.64);
        }

        .model-list {
            display: grid;
            gap: 12px;
            margin-top: 34px;
        }

        .model-list-item {
            display: flex;
            gap: 16px;
            padding: 18px;
            border: 1px solid rgba(255,255,255,.1);
            border-radius: 18px;
            background: rgba(255,255,255,.05);
            transition: background .25s ease, transform .25s ease;
        }

        .model-list-item:hover {
            background: rgba(255,255,255,.09);
            transform: translateX(4px);
        }

        .model-list-item i {
            color: var(--edu-gold);
            font-size: 1.2rem;
        }

        .model-list-item strong {
            display: block;
            margin-bottom: 3px;
            font-size: .95rem;
        }

        .model-list-item span {
            color: rgba(255,255,255,.58);
            font-size: .8rem;
        }

        /* Achievement feature */
        .achievement-showcase {
            position: relative;
            padding: 34px;
            border-radius: 32px;
            background: linear-gradient(135deg, #08233f, #0c416d);
            color: #fff;
            overflow: hidden;
        }

        .achievement-showcase::before {
            content: "";
            position: absolute;
            right: -80px;
            bottom: -110px;
            width: 330px;
            height: 330px;
            border-radius: 50%;
            background: rgba(244,185,66,.13);
        }

        .achievement-visual {
            position: relative;
            z-index: 2;
            border-radius: 24px;
            overflow: hidden;
            box-shadow: 0 22px 55px rgba(0,0,0,.22);
        }

        .achievement-visual img {
            width: 100%;
            aspect-ratio: 16 / 9;
            object-fit: cover;
        }

        .achievement-copy {
            position: relative;
            z-index: 2;
            padding: 15px 20px 15px 15px;
        }

        .achievement-copy .tag {
            display: inline-flex;
            margin-bottom: 16px;
            padding: 7px 11px;
            border-radius: 999px;
            background: rgba(244,185,66,.15);
            color: #ffd982;
            font-size: .72rem;
            font-weight: 800;
            letter-spacing: .1em;
            text-transform: uppercase;
        }

        .achievement-copy h3 {
            margin-bottom: 18px;
            font-size: clamp(1.8rem, 3vw, 3.3rem);
            font-weight: 800;
            line-height: 1.08;
            letter-spacing: -.04em;
        }

        .achievement-copy p {
            color: rgba(255,255,255,.68);
            line-height: 1.8;
        }

        .achievement-mini {
            display: flex;
            gap: 24px;
            margin-top: 28px;
            padding-top: 24px;
            border-top: 1px solid rgba(255,255,255,.12);
        }

        .achievement-mini strong {
            display: block;
            color: var(--edu-gold);
            font-size: 1.3rem;
        }

        .achievement-mini span {
            color: rgba(255,255,255,.55);
            font-size: .75rem;
        }

        /* Workshops */
        .workshop-card {
            position: relative;
            min-height: 370px;
            display: flex;
            align-items: flex-end;
            border-radius: 26px;
            overflow: hidden;
            isolation: isolate;
        }

        .workshop-card.tall {
            min-height: 570px;
        }

        .workshop-card img {
            position: absolute;
            inset: 0;
            z-index: -2;
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform .6s ease;
        }

        .workshop-card::after {
            content: "";
            position: absolute;
            inset: 0;
            z-index: -1;
            background: linear-gradient(to top, rgba(3,18,35,.94), rgba(3,18,35,.05) 70%);
        }

        .workshop-card:hover img {
            transform: scale(1.06);
        }

        .workshop-card-content {
            width: 100%;
            padding: 28px;
            color: #fff;
        }

        .workshop-card-content .number {
            display: block;
            margin-bottom: 10px;
            color: var(--edu-gold);
            font-size: .76rem;
            font-weight: 800;
            letter-spacing: .12em;
        }

        .workshop-card-content h3 {
            margin-bottom: 9px;
            font-size: 1.35rem;
            font-weight: 800;
        }

        .workshop-card-content p {
            max-width: 420px;
            margin: 0;
            color: rgba(255,255,255,.66);
            font-size: .85rem;
            line-height: 1.65;
        }

        /* Journey */
        .journey-wrap {
            position: relative;
        }

        .journey-line {
            position: absolute;
            left: 28px;
            top: 30px;
            bottom: 30px;
            width: 1px;
            background: var(--edu-line);
        }

        .journey-item {
            position: relative;
            display: flex;
            gap: 24px;
            padding: 0 0 34px 0;
        }

        .journey-number {
            position: relative;
            z-index: 2;
            display: grid;
            width: 58px;
            height: 58px;
            flex: 0 0 58px;
            place-items: center;
            border: 7px solid #fff;
            border-radius: 50%;
            background: var(--edu-navy);
            color: var(--edu-gold);
            font-weight: 800;
            box-shadow: 0 0 0 1px var(--edu-line);
        }

        .journey-content {
            padding-top: 8px;
        }

        .journey-content h3 {
            margin-bottom: 7px;
            color: var(--edu-navy);
            font-size: 1.12rem;
            font-weight: 800;
        }

        .journey-content p {
            margin: 0;
            color: var(--edu-muted);
            font-size: .9rem;
            line-height: 1.75;
        }

        .journey-photo {
            position: relative;
            height: 570px;
            border-radius: 30px;
            overflow: hidden;
        }

        .journey-photo img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .journey-badge {
            position: absolute;
            left: 24px;
            bottom: 24px;
            max-width: 250px;
            padding: 18px 20px;
            border-radius: 18px;
            background: #fff;
            color: var(--edu-navy);
            box-shadow: var(--edu-shadow);
        }

        .journey-badge i {
            color: var(--edu-gold-dark);
        }

        /* News */
        .news-card {
            height: 100%;
            border: 1px solid var(--edu-line);
            border-radius: 24px;
            background: #fff;
            overflow: hidden;
            transition: transform .3s ease, box-shadow .3s ease;
        }

        .news-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 25px 60px rgba(7,27,49,.12);
        }

        .news-image {
            position: relative;
            height: 250px;
            overflow: hidden;
        }

        .news-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform .5s ease;
        }

        .news-card:hover .news-image img {
            transform: scale(1.05);
        }

        .news-category {
            position: absolute;
            left: 18px;
            top: 18px;
            padding: 7px 11px;
            border-radius: 999px;
            background: rgba(255,255,255,.9);
            color: var(--edu-navy);
            font-size: .69rem;
            font-weight: 800;
            text-transform: uppercase;
            backdrop-filter: blur(12px);
        }

        .news-body {
            padding: 25px;
        }

        .news-date {
            display: block;
            margin-bottom: 11px;
            color: var(--edu-blue);
            font-size: .74rem;
            font-weight: 800;
        }

        .news-body h3 {
            margin-bottom: 12px;
            color: var(--edu-navy);
            font-size: 1.15rem;
            font-weight: 800;
            line-height: 1.45;
        }

        .news-body p {
            color: var(--edu-muted);
            font-size: .87rem;
            line-height: 1.7;
        }

        /* Testimonial */
        .testimonial-section {
            position: relative;
            background: var(--edu-cream);
            overflow: hidden;
        }

        .testimonial-section::before {
            content: "“";
            position: absolute;
            right: 5%;
            top: -90px;
            color: rgba(7,27,49,.035);
            font-family: "Playfair Display", serif;
            font-size: 32rem;
            line-height: 1;
        }

        .testimonial-card {
            height: 100%;
            padding: 32px;
            border: 1px solid rgba(7,27,49,.08);
            border-radius: 24px;
            background: rgba(255,255,255,.7);
            backdrop-filter: blur(12px);
        }

        .testimonial-stars {
            margin-bottom: 22px;
            color: var(--edu-gold-dark);
            letter-spacing: .16em;
        }

        .testimonial-card blockquote {
            margin-bottom: 24px;
            color: var(--edu-navy);
            font-size: 1rem;
            font-weight: 600;
            line-height: 1.85;
        }

        .testimonial-author {
            display: flex;
            align-items: center;
            gap: 13px;
        }

        .testimonial-avatar {
            display: grid;
            width: 48px;
            height: 48px;
            place-items: center;
            border-radius: 50%;
            background: var(--edu-navy);
            color: #fff;
            font-weight: 800;
        }

        .testimonial-author strong {
            display: block;
            color: var(--edu-navy);
            font-size: .9rem;
        }

        .testimonial-author small {
            color: var(--edu-muted);
        }

        /* FAQ */
        .accordion-item {
            margin-bottom: 13px;
            border: 1px solid var(--edu-line) !important;
            border-radius: 18px !important;
            overflow: hidden;
        }

        .accordion-button {
            padding: 23px 24px;
            color: var(--edu-navy);
            font-size: 1rem;
            font-weight: 800;
            box-shadow: none !important;
        }

        .accordion-button:not(.collapsed) {
            background: var(--edu-sky);
            color: var(--edu-navy);
        }

        .accordion-button::after {
            width: 35px;
            height: 35px;
            margin-left: auto;
            border-radius: 50%;
            background-color: var(--edu-navy);
            background-size: 15px;
            background-position: center;
        }

        .accordion-button:not(.collapsed)::after {
            background-color: var(--edu-blue);
        }

        .accordion-body {
            padding: 0 24px 24px;
            color: var(--edu-muted);
            line-height: 1.8;
        }

        /* Appointment */
        .appointment-section {
            position: relative;
            background:
                linear-gradient(105deg, rgba(3,18,35,.97) 0%, rgba(7,27,49,.93) 52%, rgba(9,46,77,.86) 100%),
                url("https://www.edukenttuzla.com/Upload/Blog/59_blog_260518031942000000.jpeg") center/cover no-repeat;
            color: #fff;
            overflow: hidden;
        }

        .appointment-section .section-title {
            color: #fff;
        }

        .appointment-section .section-lead {
            color: rgba(255,255,255,.66);
        }

        .appointment-section .eyebrow {
            color: var(--edu-gold);
        }

        .appointment-list {
            display: grid;
            gap: 14px;
            margin-top: 30px;
        }

        .appointment-list span {
            display: flex;
            align-items: center;
            gap: 12px;
            color: rgba(255,255,255,.8);
            font-size: .9rem;
            font-weight: 700;
        }

        .appointment-list i {
            display: grid;
            width: 29px;
            height: 29px;
            place-items: center;
            border-radius: 50%;
            background: rgba(244,185,66,.14);
            color: var(--edu-gold);
        }

        .appointment-form {
            padding: 34px;
            border: 1px solid rgba(255,255,255,.15);
            border-radius: 28px;
            background: rgba(255,255,255,.1);
            box-shadow: 0 35px 80px rgba(0,0,0,.24);
            backdrop-filter: blur(20px);
        }

        .appointment-form h3 {
            margin-bottom: 5px;
            font-size: 1.45rem;
            font-weight: 800;
        }

        .appointment-form > p {
            margin-bottom: 24px;
            color: rgba(255,255,255,.62);
            font-size: .86rem;
        }

        .appointment-form .form-label {
            color: rgba(255,255,255,.78);
            font-size: .78rem;
            font-weight: 700;
        }

        .appointment-form .form-control,
        .appointment-form .form-select {
            min-height: 52px;
            border-color: rgba(255,255,255,.14);
            border-radius: 13px;
            background-color: rgba(255,255,255,.1);
            color: #fff;
        }

        .appointment-form .form-control::placeholder {
            color: rgba(255,255,255,.46);
        }

        .appointment-form .form-select option {
            color: var(--edu-text);
        }

        .appointment-form .form-control:focus,
        .appointment-form .form-select:focus {
            border-color: var(--edu-gold);
            box-shadow: 0 0 0 .22rem rgba(244,185,66,.13);
        }

        .appointment-form .form-check-label {
            color: rgba(255,255,255,.57);
            font-size: .73rem;
            line-height: 1.5;
        }

        /* Modal */
        .modal-content {
            border: 0;
            border-radius: 24px;
            overflow: hidden;
        }

        .modal-header {
            padding: 25px 28px;
            border: 0;
            background: var(--edu-navy);
            color: #fff;
        }

        .modal-body {
            padding: 28px;
        }

        /* Reveal */
        .reveal {
            opacity: 0;
            transform: translateY(25px);
            transition: opacity .7s ease, transform .7s ease;
        }

        .reveal.visible {
            opacity: 1;
            transform: translateY(0);
        }


        @media (max-width: 1199.98px) {
            .hero {
                min-height: 760px;
            }

            .hero-image-wrap {
                right: -120px;
                width: 520px;
            }

        }

        @media (max-width: 991.98px) {
            .section-space {
                padding: 85px 0;
            }

            .hero {
                min-height: auto;
                padding: 180px 0 90px;
            }

            .hero h1 {
                max-width: 680px;
            }

            .hero-visual {
                min-height: 550px;
                margin-top: 40px;
            }

            .hero-image-wrap {
                right: 0;
                left: 6%;
                width: 88%;
                height: 540px;
            }

            .hero-rank {
                left: 0;
            }

            .quick-item {
                border-right: 0;
                border-bottom: 1px solid var(--edu-line);
            }

            .quick-item.last {
                border-bottom: 0;
            }

            .model-image,
            .model-image img {
                height: 520px;
                min-height: 520px;
            }

            .journey-photo {
                height: 500px;
            }
        }

        @media (max-width: 767.98px) {
            body {
                padding-bottom: 70px;
            }

            .hero {
                padding-top: 155px;
            }

            .hero h1 {
                font-size: clamp(2.7rem, 14vw, 4.2rem);
            }

            .hero .lead {
                font-size: 1rem;
            }

            .hero-buttons .btn {
                width: 100%;
            }

            .hero-trust {
                display: grid;
                gap: 12px;
            }

            .hero-visual {
                min-height: 430px;
            }

            .hero-image-wrap {
                left: 0;
                width: 100%;
                height: 420px;
                border-radius: 30px;
            }

            .hero-rank {
                left: 15px;
                bottom: 15px;
                width: 220px;
                padding: 18px;
            }

            .hero-orbit {
                display: none;
            }

            .quick-features {
                margin-top: -35px;
            }

            .quick-panel {
                padding: 8px 16px;
            }

            .section-title {
                font-size: 2.5rem;
            }

            .achievement-showcase {
                padding: 20px;
            }

            .achievement-copy {
                padding: 25px 4px 5px;
            }

            .achievement-mini {
                flex-wrap: wrap;
            }

            .workshop-card,
            .workshop-card.tall {
                min-height: 390px;
            }

            .model-image,
            .model-image img {
                height: 430px;
                min-height: 430px;
            }

            .appointment-form {
                padding: 24px;
            }

        }

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

            .reveal {
                opacity: 1;
                transform: none;
            }
        }