/* ===== Global Shared Styles ===== */
:root {
    --bg: #050505;
    --text: #ffffff;
    --accent: #ff0000;
    --muted: #777777;
    --spacing: 8px;
    --border: #1a1a1a;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Inter', system-ui;
    letter-spacing: 0.05em;
}

body {
    background-color: var(--bg);
    color: var(--text);
    line-height: 1.4;
    overflow-x: hidden;
    text-transform: lowercase;
}

/* ===== index.html ===== */
/* Navigation */body.page-index nav{
            padding: 50px 80px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            position: fixed;
            width: 100%;
            top: 0;
            z-index: 1000;
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            background-color: transparent;
        }body.page-index nav.scrolled{
            padding: 20px 80px;
            background-color: rgba(5, 5, 5, 0.9);
            backdrop-filter: blur(12px);
            border-bottom: 1px solid #1a1a1a;
        }body.page-index .brand{
            display: flex;
            align-items: center;
            gap: 16px; 
            text-decoration: none;
            color: inherit;
        }body.page-index .logo-text{
            font-weight: 400;
            font-size: 1.8rem;
            letter-spacing: 0.08em;
        }body.page-index .dot-formation{
            display: grid;
            grid-template-columns: repeat(2, var(--spacing));
            gap: var(--spacing);
            position: relative;
            top: 2px;
        }body.page-index .dot{
            width: 10px;
            height: 10px;
            background-color: var(--accent);
            border-radius: 50%;
        }body.page-index .dot:nth-child(1){ grid-column: 1 / 3; justify-self: left; margin-bottom: -6px; }body.page-index .dot:nth-child(2){ grid-column: 2 / 3; justify-self: center; margin-bottom: -6px; }body.page-index .nav-links{
            display: flex;
            gap: 60px;
        }body.page-index .nav-links a{
            color: var(--muted);
            text-decoration: none;
            font-size: 0.85rem;
            transition: color 0.4s ease;
        }body.page-index .nav-links a:hover{ color: var(--text); }body.page-index /* Hero */
        .hero{
            height: 100vh;
            padding: 0 80px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            border-bottom: 1px solid #1a1a1a;
            margin-bottom: 0px;
        }body.page-index .hero h1{
            font-size: clamp(4rem, 12vw, 9rem);
            font-weight: 400;
            line-height: 0.9;
            margin-bottom: 30px;
            min-height: 1.8em;
        }body.page-index /* Bold Underscore Cursor */
        .underscore{
            font-weight: 800;
            color: var(--text);
            display: inline-block;
            margin-left: -5px;
            animation: blink 0.7s step-end infinite;
        }

        @keyframes blink {
            0%, 100% { opacity: 1; }
            50% { opacity: 0; }
        }body.page-index .hero-meta{
            display: flex;
            justify-content: space-between;
            align-items: flex-end;
            margin-top: 20px;
        }body.page-index .hero p{
            font-size: 1.2rem;
            color: var(--muted);
            max-width: 450px;
        }body.page-index /* Sectors - NOW LINKS */
        .sectors{
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            min-height: 600px;
        }body.page-index .sector-box{
            padding: 80px;
            border-right: 1px solid #1a1a1a;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            transition: background 0.3s ease;
            text-decoration: none;
            color: inherit;
        }body.page-index .sector-box:hover{ background-color: #0a0a0a; }body.page-index .sector-box h2{
            font-size: 0.7rem;
            color: var(--accent);
            text-transform: uppercase;
            letter-spacing: 0.2em;
            margin-bottom: 20px;
        }body.page-index .sector-box p{
            font-size: 1.8rem;
            font-weight: 300;
            color: #555;
            transition: color 0.3s ease;
        }body.page-index .sector-box:hover p{ color: #fff; }body.page-index .site-footer{
            border-top: 1px solid #1a1a1a;
            margin-top: 40px;
            padding: 24px 20px;
            text-align: center;
            color: var(--muted);
            font-size: 0.75rem;
        }

        @media (max-width: 1024px) {body.page-index nav{ padding: 30px 40px; }body.page-index nav.scrolled{ padding: 15px 40px; }body.page-index .hero{ padding: 0 40px; }body.page-index .nav-links{ gap: 40px; }body.page-index .sectors{ grid-template-columns: 1fr; }body.page-index .sector-box{ padding: 40px; border-right: none; border-bottom: 1px solid #1a1a1a; }
        }

        @media (max-width: 768px) {body.page-index nav{ padding: 20px 30px; }body.page-index nav.scrolled{ padding: 15px 30px; }body.page-index .logo-text, body.page-index .red-text{ font-size: 1.4rem; }body.page-index .nav-links{ gap: 25px; font-size: 0.8rem; }body.page-index .hero{ padding: 0 30px; height: 70vh; }body.page-index .hero h1{ font-size: clamp(2.5rem, 9vw, 5rem); }body.page-index .hero-meta{ flex-direction: column; align-items: flex-start; gap: 15px; }body.page-index .sector-box{ padding: 30px; }body.page-index .sector-box p{ font-size: 1.4rem; }
        }

        @media (max-width: 480px) {body.page-index nav{ padding: 15px 20px; gap: 10px; flex-wrap: wrap; }body.page-index nav.scrolled{ padding: 12px 20px; }body.page-index .brand{ gap: 10px; }body.page-index .logo-text, body.page-index .red-text{ font-size: 1.1rem; }body.page-index .dot-formation{ transform: scale(0.8); }body.page-index .nav-links{ gap: 15px; font-size: 0.75rem; }body.page-index .hero{ padding: 0 20px; height: 65vh; }body.page-index .hero h1{ font-size: clamp(2rem, 10vw, 4rem); }body.page-index .hero p{ font-size: 1rem; }body.page-index .sector-box{ padding: 25px 20px; }body.page-index .sector-box p{ font-size: 1.2rem; }body.page-index .sector-box h2{ margin-bottom: 10px; }
        }body.page-index /* Updated Classes */
        .red-text{
            color: #ff0000;
            font-weight: 400;
            font-size: 1.8rem;
            letter-spacing: 0.08em;
        }body.page-index .red-word{
            color: #ff0000;
            font-weight: 400;
        }

/* ===== about.html ===== */
body.page-about nav{
            padding: 50px 80px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            position: fixed;
            width: 100%;
            top: 0;
            z-index: 1000;
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            background-color: transparent;
        }body.page-about nav.scrolled{
            padding: 20px 80px;
            background-color: rgba(5, 5, 5, 0.9);
            backdrop-filter: blur(12px);
            border-bottom: 1px solid var(--border);
        }body.page-about .brand{
            display: flex;
            align-items: center;
            gap: 16px;
            text-decoration: none;
            color: inherit;
        }body.page-about .logo-text{ font-weight: 400; font-size: 1.8rem; letter-spacing: 0.08em; }body.page-about .red-text{ color: var(--accent); font-weight: 400; font-size: 1.8rem; letter-spacing: 0.08em; }body.page-about .dot-formation{
            display: grid;
            grid-template-columns: repeat(2, var(--spacing));
            gap: var(--spacing);
            position: relative;
            top: 2px;
        }body.page-about .dot{ width: 10px; height: 10px; background-color: var(--accent); border-radius: 50%; }body.page-about .dot:nth-child(1){ grid-column: 1 / 3; justify-self: left; margin-bottom: -6px; }body.page-about .dot:nth-child(2){ grid-column: 2 / 3; justify-self: center; margin-bottom: -6px; }body.page-about .nav-links{ display: flex; gap: 60px; }body.page-about .nav-links a{ color: var(--muted); text-decoration: none; font-size: 0.85rem; transition: color 0.4s ease; }body.page-about .nav-links a:hover{ color: var(--text); }body.page-about .hero{
            height: 75vh;
            padding: 0 80px;
            display: flex;
            align-items: center;
            border-bottom: 1px solid var(--border);
        }body.page-about .hero h1{
            font-size: clamp(2.8rem, 8vw, 6rem);
            font-weight: 400;
            line-height: 1;
        }body.page-about .hero h1 span{ color: var(--accent); }body.page-about main{ padding: 100px 80px; }body.page-about .section-label{
            color: var(--accent);
            font-size: 0.8rem;
            margin-bottom: 20px;
            display: block;
            font-weight: 600;
        }body.page-about .about-grid{
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
            gap: 20px;
        }body.page-about .about-card{
            border: 1px solid var(--border);
            background: #0a0a0a;
            padding: 28px;
        }body.page-about .about-card h2{
            font-size: 1.2rem;
            margin-bottom: 14px;
            font-weight: 500;
        }body.page-about .about-card p{
            color: var(--muted);
            font-size: 0.92rem;
            line-height: 1.6;
        }body.page-about .contact-btn{
            position: fixed;
            bottom: 30px;
            right: 30px;
            background: var(--text);
            color: var(--bg);
            padding: 15px 30px;
            border: none;
            cursor: pointer;
            font-size: 0.9rem;
            font-weight: 600;
            z-index: 2000;
            transition: all 0.3s ease;
        }body.page-about .contact-btn:hover{ background: var(--accent); color: var(--text); }body.page-about .contact-form-wrapper{
            position: fixed;
            bottom: -600px;
            right: 30px;
            width: 400px;
            height: 500px;
            background: #0a0a0a;
            border: 1px solid var(--border);
            padding: 40px;
            z-index: 1999;
            transition: bottom 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
            display: flex;
            flex-direction: column;
            gap: 20px;
        }body.page-about .contact-form-wrapper.open{ bottom: 100px; }body.page-about input, body.page-about textarea{
            width: 100%;
            background: transparent;
            border: 1px solid #333;
            color: var(--text);
            padding: 15px;
            font-size: 0.9rem;
        }body.page-about input:focus, body.page-about textarea:focus{ outline: none; border-color: var(--accent); }body.page-about textarea{ height: 120px; resize: none; }body.page-about .send-btn{
            background: var(--accent);
            color: var(--text);
            border: none;
            padding: 15px;
            cursor: pointer;
            font-weight: 600;
        }body.page-about .send-btn:disabled{ opacity: 0.6; cursor: not-allowed; }body.page-about .form-status{ min-height: 1.2rem; color: var(--muted); font-size: 0.8rem; margin-top: 8px; }body.page-about .form-status.success{ color: #58d67a; }body.page-about .form-status.error{ color: #ff7a7a; }body.page-about .form-status.pending{ color: #e3e3e3; }body.page-about .hp-field{ position: absolute; left: -9999px; opacity: 0; pointer-events: none; }body.page-about .site-footer{
            border-top: 1px solid #1a1a1a;
            margin-top: 40px;
            padding: 24px 20px;
            text-align: center;
            color: var(--muted);
            font-size: 0.75rem;
        }

        @media (max-width: 1024px) {body.page-about nav{ padding: 30px 40px; }body.page-about nav.scrolled{ padding: 15px 40px; }body.page-about .hero{ padding: 0 40px; }body.page-about main{ padding: 80px 40px; }body.page-about .nav-links{ gap: 30px; }body.page-about .contact-form-wrapper{ width: 90%; right: 5%; left: 5%; }
        }

        @media (max-width: 768px) {body.page-about nav{ padding: 20px 30px; }body.page-about nav.scrolled{ padding: 15px 30px; }body.page-about .logo-text, body.page-about .red-text{ font-size: 1.4rem; }body.page-about .nav-links{ gap: 20px; font-size: 0.8rem; }body.page-about .hero{ height: 60vh; padding: 0 30px; }body.page-about main{ padding: 60px 30px; }body.page-about .contact-btn{ bottom: 20px; right: 20px; padding: 12px 24px; }body.page-about .contact-form-wrapper{ width: calc(100% - 40px); right: 20px; left: 20px; height: auto; max-height: 70vh; overflow-y: auto; padding: 30px; }body.page-about .contact-form-wrapper.open{ bottom: 80px; }
        }

        @media (max-width: 480px) {body.page-about nav{ padding: 15px 20px; gap: 10px; flex-wrap: wrap; }body.page-about nav.scrolled{ padding: 12px 20px; }body.page-about .brand{ gap: 10px; }body.page-about .logo-text, body.page-about .red-text{ font-size: 1.1rem; }body.page-about .dot-formation{ transform: scale(0.8); }body.page-about .nav-links{ gap: 15px; font-size: 0.75rem; }body.page-about .hero{ padding: 0 20px; height: 55vh; }body.page-about main{ padding: 40px 20px; }body.page-about .contact-btn{ bottom: 15px; right: 15px; padding: 10px 20px; font-size: 0.8rem; }body.page-about .contact-form-wrapper{ padding: 25px; width: calc(100% - 30px); right: 15px; left: 15px; gap: 15px; }body.page-about .contact-form-wrapper.open{ bottom: 70px; }body.page-about input, body.page-about textarea{ padding: 12px; font-size: 0.85rem; }
        }

/* ===== education.html ===== */
/* Navigation */body.page-education nav{
            padding: 50px 80px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            position: fixed;
            width: 100%;
            top: 0;
            z-index: 1000;
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            background-color: transparent;
        }body.page-education nav.scrolled{
            padding: 20px 80px;
            background-color: rgba(5, 5, 5, 0.9);
            backdrop-filter: blur(12px);
            border-bottom: 1px solid var(--border);
        }body.page-education .brand{
            display: flex;
            align-items: center;
            gap: 16px; 
            text-decoration: none;
            color: inherit;
        }body.page-education .logo-text{ font-weight: 400; font-size: 1.8rem; letter-spacing: 0.08em; }body.page-education .red-text{ color: var(--accent); font-weight: 400; font-size: 1.8rem; letter-spacing: 0.08em; }body.page-education .dot-formation{
            display: grid;
            grid-template-columns: repeat(2, var(--spacing));
            gap: var(--spacing);
            position: relative;
            top: 2px;
        }body.page-education .dot{ width: 10px; height: 10px; background-color: var(--accent); border-radius: 50%; }body.page-education .dot:nth-child(1){ grid-column: 1 / 3; justify-self: left; margin-bottom: -6px; }body.page-education .dot:nth-child(2){ grid-column: 2 / 3; justify-self: center; margin-bottom: -6px; }body.page-education .nav-links{ display: flex; gap: 60px; }body.page-education .nav-links a{ color: var(--muted); text-decoration: none; font-size: 0.85rem; transition: color 0.4s ease; }body.page-education .nav-links a:hover{ color: var(--text); }body.page-education /* Hero */
        .hero{
            height: 100vh;
            padding: 0 80px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            border-bottom: 1px solid var(--border);
        }body.page-education .hero h1{
            font-size: clamp(3rem, 10vw, 8rem);
            font-weight: 400;
            line-height: 0.9;
            min-height: 1.1em;
        }body.page-education .red-text-hero{ color: var(--accent); font-weight: 400; }body.page-education .underscore{ font-weight: 800; color: var(--text); display: inline-block; margin-left: -5px; animation: blink 0.7s step-end infinite; }
        @keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }body.page-education /* Main Content Styling */
        main{ padding: 120px 80px; }body.page-education section{ margin-bottom: 0px; }body.page-education .section-label{
            color: var(--accent);
            font-size: 0.8rem;
            margin-bottom: 40px;
            display: block;
            font-weight: 600;
        }body.page-education .content-block{ max-width: 800px; }body.page-education .content-block h2{ font-size: 2.5rem; font-weight: 400; margin-bottom: 30px; }body.page-education .content-block p{ color: var(--muted); font-size: 1.1rem; margin-bottom: 20px; line-height: 1.6; }body.page-education /* Grid */
        .curriculum-grid{
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 40px;
            margin-top: 60px;
        }body.page-education /* Updated Card Styling for Clickable Links */
        .card{
            padding: 40px;
            border: 1px solid var(--border);
            transition: all 0.3s ease;
            text-decoration: none; /* Remove underline from link */
            display: block; /* Make the whole area clickable */
            color: inherit; /* Maintain color */
        }body.page-education .card:hover{ border-color: var(--accent); background: #0a0a0a; }body.page-education .card h3{ font-size: 1.2rem; margin-bottom: 20px; color: var(--text); }body.page-education .card p{ color: var(--muted); font-size: 0.95rem; line-height: 1.6; }body.page-education /* Contact & Buttons */
        .contact-btn{
            position: fixed; bottom: 30px; right: 30px; background: var(--text); color: var(--bg);
            padding: 15px 30px; border: none; cursor: pointer; font-size: 0.9rem; font-weight: 600;
            z-index: 2000; transition: all 0.3s ease;
        }body.page-education .contact-btn:hover{ background: var(--accent); color: var(--text); }body.page-education .contact-form-wrapper{
            position: fixed; bottom: -600px; right: 30px; width: 400px; height: 500px;
            background: #0a0a0a; border: 1px solid var(--border); padding: 40px; z-index: 1999;
            transition: bottom 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
            display: flex; flex-direction: column; gap: 20px;
        }body.page-education .contact-form-wrapper.open{ bottom: 100px; }body.page-education input, body.page-education textarea{
            width: 100%; background: transparent; border: 1px solid #333; color: var(--text);
            padding: 15px; font-size: 0.9rem;
        }body.page-education input:focus, body.page-education textarea:focus{ outline: none; border-color: var(--accent); }body.page-education textarea{ height: 120px; resize: none; }body.page-education .send-btn{ background: var(--accent); color: var(--text); border: none; padding: 15px; cursor: pointer; font-weight: 600; }body.page-education .send-btn:hover{ filter: brightness(1.07); }body.page-education .send-btn:disabled{ opacity: 0.6; cursor: not-allowed; }body.page-education .form-status{ min-height: 1.2rem; color: var(--muted); font-size: 0.8rem; margin-top: 8px; }body.page-education .form-status.success{ color: #58d67a; }body.page-education .form-status.error{ color: #ff7a7a; }body.page-education .form-status.pending{ color: #e3e3e3; }body.page-education .hp-field{ position: absolute; left: -9999px; opacity: 0; pointer-events: none; }body.page-education .site-footer{
            border-top: 1px solid #1a1a1a;
            margin-top: 40px;
            padding: 24px 20px;
            text-align: center;
            color: var(--muted);
            font-size: 0.75rem;
        }

        @media (max-width: 1024px) {body.page-education nav{ padding: 30px 40px; }body.page-education nav.scrolled{ padding: 15px 40px; }body.page-education .hero{ padding: 0 40px; }body.page-education main{ padding: 80px 40px; }body.page-education .curriculum-grid{ grid-template-columns: 1fr; }body.page-education .contact-form-wrapper{ width: 90%; right: 5%; left: 5%; }body.page-education .nav-links{ gap: 40px; }
        }

        @media (max-width: 768px) {body.page-education nav{ padding: 20px 30px; }body.page-education nav.scrolled{ padding: 15px 30px; }body.page-education .logo-text, body.page-education .red-text{ font-size: 1.4rem; }body.page-education .nav-links{ gap: 25px; font-size: 0.8rem; }body.page-education .hero{ padding: 0 30px; height: 70vh; }body.page-education .hero h1{ font-size: clamp(2rem, 7vw, 5rem); }body.page-education main{ padding: 60px 30px; }body.page-education .content-block h2{ font-size: 2rem; }body.page-education .content-block p{ font-size: 1rem; }body.page-education .contact-btn{ bottom: 20px; right: 20px; padding: 12px 24px; font-size: 0.85rem; }body.page-education .contact-form-wrapper{ width: calc(100% - 40px); right: 20px; left: 20px; height: auto; max-height: 70vh; overflow-y: auto; padding: 30px; }body.page-education .contact-form-wrapper.open{ bottom: 80px; }body.page-education .card{ padding: 30px; }
        }

        @media (max-width: 480px) {body.page-education nav{ padding: 15px 20px; gap: 10px; flex-wrap: wrap; }body.page-education nav.scrolled{ padding: 12px 20px; }body.page-education .brand{ gap: 10px; }body.page-education .logo-text, body.page-education .red-text{ font-size: 1.1rem; }body.page-education .dot-formation{ transform: scale(0.8); }body.page-education .nav-links{ gap: 15px; font-size: 0.75rem; }body.page-education .hero{ padding: 0 20px; height: 65vh; }body.page-education .hero h1{ font-size: clamp(1.8rem, 8vw, 4rem); }body.page-education main{ padding: 40px 20px; }body.page-education .section-label{ font-size: 0.7rem; margin-bottom: 20px; }body.page-education .content-block h2{ font-size: 1.6rem; margin-bottom: 20px; }body.page-education .content-block p{ font-size: 0.9rem; line-height: 1.5; }body.page-education .contact-btn{ bottom: 15px; right: 15px; padding: 10px 20px; font-size: 0.8rem; }body.page-education .contact-form-wrapper{ padding: 25px; width: calc(100% - 30px); right: 15px; left: 15px; gap: 15px; }body.page-education .contact-form-wrapper.open{ bottom: 70px; }body.page-education .contact-form-wrapper h2{ font-size: 1.2rem; }body.page-education input, body.page-education textarea{ padding: 12px; font-size: 0.85rem; }body.page-education textarea{ height: 100px; }body.page-education .card{ padding: 20px; }
        }body.page-education .mission-text{
            color:#bfbcbc;
            margin-bottom:50px;
            display: block;
        }

/* ===== cloud-computing.html ===== */
/* Exact same style block as layer-01 for consistency */body.page-cloud nav{ padding: 50px 80px; display: flex; justify-content: space-between; align-items: center; position: fixed; width: 100%; top: 0; z-index: 1000; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); background-color: transparent; }body.page-cloud nav.scrolled{ padding: 20px 80px; background-color: rgba(5, 5, 5, 0.9); backdrop-filter: blur(12px); border-bottom: 1px solid #1a1a1a; }body.page-cloud .brand{ display: flex; align-items: center; gap: 16px; text-decoration: none; color: inherit; }body.page-cloud .logo-text{ font-weight: 400; font-size: 1.8rem; letter-spacing: 0.08em; }body.page-cloud .red-text{ color: var(--accent); font-weight: 400; font-size: 1.8rem; letter-spacing: 0.08em; }body.page-cloud .red-text-hero{ color: var(--accent); font-weight: 400; }body.page-cloud .dot-formation{ display: grid; grid-template-columns: repeat(2, var(--spacing)); gap: var(--spacing); position: relative; top: 2px; }body.page-cloud .dot{ width: 10px; height: 10px; background-color: var(--accent); border-radius: 50%; }body.page-cloud .dot:nth-child(1){ grid-column: 1 / 3; justify-self: left; margin-bottom: -6px; }body.page-cloud .dot:nth-child(2){ grid-column: 2 / 3; justify-self: center; margin-bottom: -6px; }body.page-cloud .nav-links{ display: flex; gap: 60px; }body.page-cloud .nav-links a{ color: var(--muted); text-decoration: none; font-size: 0.85rem; transition: color 0.4s ease; }body.page-cloud .nav-links a:hover{ color: var(--text); }body.page-cloud .hero{ height: 100vh; padding: 0 80px; display: flex; flex-direction: column; justify-content: center; border-bottom: 1px solid #1a1a1a; }body.page-cloud .hero h1{ font-size: clamp(4rem, 12vw, 9rem); font-weight: 400; line-height: 0.9; min-height: 1.1em; }body.page-cloud .underscore{ font-weight: 800; color: var(--text); display: inline-block; margin-left: -5px; animation: blink 0.7s step-end infinite; }
        @keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }body.page-cloud main{ padding: 80px; }body.page-cloud .contact-btn{ position: fixed; bottom: 30px; right: 30px; background: var(--text); color: var(--bg); padding: 15px 30px; border: none; cursor: pointer; font-size: 0.9rem; font-weight: 600; z-index: 2000; transition: all 0.3s ease; }body.page-cloud .contact-btn:hover{ background: var(--accent); color: var(--text); }body.page-cloud .contact-form-wrapper{ position: fixed; bottom: -500px; right: 30px; width: 400px; height: 450px; background: #0a0a0a; border: 1px solid #1a1a1a; padding: 40px; z-index: 1999; transition: bottom 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); display: flex; flex-direction: column; gap: 20px; }body.page-cloud .contact-form-wrapper.open{ bottom: 100px; }body.page-cloud .contact-form-wrapper h2{ font-size: 1.5rem; font-weight: 400; color: var(--text); }body.page-cloud .contact-form-wrapper input, body.page-cloud .contact-form-wrapper textarea{ width: 100%; background: transparent; border: 1px solid #333; color: var(--text); padding: 10px; font-size: 0.9rem; margin-bottom: 10px; }body.page-cloud .contact-form-wrapper input:focus, body.page-cloud .contact-form-wrapper textarea:focus{ outline: none; border-color: var(--accent); }body.page-cloud .contact-form-wrapper textarea{ height: 100px; resize: none; }body.page-cloud .contact-form-wrapper button{ background: var(--accent); color: var(--text); border: none; padding: 15px; cursor: pointer; font-weight: 600; width: 100%; }body.page-cloud .contact-form-wrapper button:hover{ filter: brightness(1.07); }body.page-cloud .contact-form-wrapper button:disabled{ opacity: 0.6; cursor: not-allowed; }body.page-cloud .form-status{ min-height: 1.2rem; color: var(--muted); font-size: 0.8rem; margin-top: 8px; }body.page-cloud .form-status.success{ color: #58d67a; }body.page-cloud .form-status.error{ color: #ff7a7a; }body.page-cloud .form-status.pending{ color: #e3e3e3; }body.page-cloud .hp-field{ position: absolute; left: -9999px; opacity: 0; pointer-events: none; }body.page-cloud .site-footer{
            border-top: 1px solid #1a1a1a;
            margin-top: 40px;
            padding: 24px 20px;
            text-align: center;
            color: var(--muted);
            font-size: 0.75rem;
        }

        @media (max-width: 1024px) {body.page-cloud nav, body.page-cloud .hero, body.page-cloud main{ padding: 30px; }body.page-cloud .contact-form-wrapper{ width: 90%; right: 5%; left: 5%; }
        }
        @media (max-width: 768px) {body.page-cloud nav{ padding: 20px 30px; }body.page-cloud nav.scrolled{ padding: 15px 30px; }body.page-cloud .logo-text, body.page-cloud .red-text{ font-size: 1.4rem; }body.page-cloud .nav-links{ gap: 25px; font-size: 0.8rem; }body.page-cloud .hero{ padding: 0 30px; height: 70vh; }body.page-cloud .hero h1{ font-size: clamp(2rem, 7vw, 5rem); }body.page-cloud main{ padding: 60px 30px; }body.page-cloud .contact-btn{ bottom: 20px; right: 20px; padding: 12px 24px; font-size: 0.85rem; }body.page-cloud .contact-form-wrapper{ width: calc(100% - 40px); right: 20px; left: 20px; height: auto; max-height: 70vh; overflow-y: auto; padding: 30px; }body.page-cloud .contact-form-wrapper.open{ bottom: 80px; }
        }
        @media (max-width: 480px) {body.page-cloud nav{ padding: 15px 20px; gap: 10px; flex-wrap: wrap; }body.page-cloud nav.scrolled{ padding: 12px 20px; }body.page-cloud .brand{ gap: 10px; }body.page-cloud .logo-text, body.page-cloud .red-text{ font-size: 1.1rem; }body.page-cloud .dot-formation{ transform: scale(0.8); }body.page-cloud .nav-links{ gap: 15px; font-size: 0.75rem; }body.page-cloud .hero{ padding: 0 20px; height: 65vh; }body.page-cloud .hero h1{ font-size: clamp(1.8rem, 8vw, 4rem); }body.page-cloud main{ padding: 40px 20px; }body.page-cloud .contact-btn{ bottom: 15px; right: 15px; padding: 10px 20px; font-size: 0.8rem; }body.page-cloud .contact-form-wrapper{ padding: 25px; width: calc(100% - 30px); right: 15px; left: 15px; gap: 15px; }body.page-cloud .contact-form-wrapper.open{ bottom: 70px; }body.page-cloud .contact-form-wrapper h2{ font-size: 1.2rem; }body.page-cloud .contact-form-wrapper input, body.page-cloud .contact-form-wrapper textarea{ padding: 12px; font-size: 0.85rem; }body.page-cloud .contact-form-wrapper textarea{ height: 100px; }
        }body.page-cloud .mission-text{
            color:#bfbcbc;
            font-size:1rem;
            margin-bottom:60px;
            display:block
        }body.page-cloud .section-label{
            color: var(--accent);
            font-size: 0.8rem;
            margin-bottom: 40px;
            display: block; 
            font-weight: 600;
        }body.page-cloud .lower{
            
            margin-bottom: 400px;
            display: block;
            font-size:2rem;
        }

/* ===== course-kids-beginners.html ===== */
/* Navigation */body.page-course-kids nav{
            padding: 50px 80px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            position: fixed;
            width: 100%;
            top: 0;
            z-index: 1000;
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            background-color: transparent;
        }body.page-course-kids nav.scrolled{
            padding: 20px 80px;
            background-color: rgba(5, 5, 5, 0.9);
            backdrop-filter: blur(12px);
            border-bottom: 1px solid var(--border);
        }body.page-course-kids .brand{
            display: flex;
            align-items: center;
            gap: 16px; 
            text-decoration: none;
            color: inherit;
        }body.page-course-kids .logo-text{ font-weight: 400; font-size: 1.8rem; letter-spacing: 0.08em; }body.page-course-kids .red-text{ color: var(--accent); font-weight: 400; font-size: 1.8rem; letter-spacing: 0.08em; }body.page-course-kids .dot-formation{
            display: grid;
            grid-template-columns: repeat(2, var(--spacing));
            gap: var(--spacing);
            position: relative;
            top: 2px;
        }body.page-course-kids .dot{ width: 10px; height: 10px; background-color: var(--accent); border-radius: 50%; }body.page-course-kids .dot:nth-child(1){ grid-column: 1 / 3; justify-self: left; margin-bottom: -6px; }body.page-course-kids .dot:nth-child(2){ grid-column: 2 / 3; justify-self: center; margin-bottom: -6px; }body.page-course-kids .nav-links{ display: flex; gap: 60px; }body.page-course-kids .nav-links a{ color: var(--muted); text-decoration: none; font-size: 0.85rem; transition: color 0.4s ease; }body.page-course-kids .nav-links a:hover{ color: var(--text); }body.page-course-kids /* Hero */
        .hero{
            height: 80vh;
            padding: 0 80px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            border-bottom: 1px solid var(--border);
        }body.page-course-kids .hero h1{
            font-size: clamp(2.5rem, 8vw, 6rem);
            font-weight: 400;
            line-height: 0.9;
            min-height: 1.1em;
        }body.page-course-kids .red-text-hero{ color: var(--accent); font-weight: 400; }body.page-course-kids .underscore{ font-weight: 800; color: var(--text); display: inline-block; margin-left: -5px; animation: blink 0.7s step-end infinite; }
        @keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }body.page-course-kids /* Main Content Styling */
        main{ padding: 120px 80px; }body.page-course-kids section{ margin-bottom: 0px; }body.page-course-kids .section-label{
            color: var(--accent);
            font-size: 0.8rem;
            margin-bottom: 40px;
            display: block;
            font-weight: 600;
        }body.page-course-kids .content-block{ max-width: 800px; }body.page-course-kids .content-block h2{ font-size: 2.5rem; font-weight: 400; margin-bottom: 30px; }body.page-course-kids .content-block p{ color: var(--muted); font-size: 1.1rem; margin-bottom: 20px; line-height: 1.6; }body.page-course-kids .content-block ul{ color: var(--muted); font-size: 1.1rem; margin-bottom: 20px; margin-left: 20px; line-height: 1.6; }body.page-course-kids .price-tag{
            font-size: 1.5rem;
            color: var(--accent);
            font-weight: 600;
            margin-top: 40px;
            margin-bottom: 40px;
            display: block;
        }body.page-course-kids .brochure-note{
            color: var(--muted);
            font-size: 1rem;
            margin-top: 0;
            margin-bottom: 12px;
        }body.page-course-kids .seats-note{
            color: #e3e3e3;
            font-size: 0.9rem;
            font-weight: 400;
            margin-top: -8px;
            margin-bottom: 18px;
        }body.page-course-kids .resource-links{
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            margin-bottom: 40px;
        }body.page-course-kids .resource-link{
            text-decoration: none;
            color: var(--text);
            border: 1px solid var(--border);
            padding: 10px 14px;
            font-size: 0.75rem;
            transition: all 0.25s ease;
        }body.page-course-kids .resource-link:hover{
            border-color: var(--accent);
            background: #0f0f0f;
        }body.page-course-kids /* Contact & Buttons */
        .contact-btn{
            position: fixed; bottom: 30px; right: 30px; background: var(--text); color: var(--bg);
            padding: 15px 30px; border: none; cursor: pointer; font-size: 0.9rem; font-weight: 600;
            z-index: 2000; transition: all 0.3s ease;
        }body.page-course-kids .contact-btn:hover{ background: var(--accent); color: var(--text); }body.page-course-kids .contact-form-wrapper{
            position: fixed; bottom: -600px; right: 30px; width: 400px; height: 500px;
            background: #0a0a0a; border: 1px solid var(--border); padding: 40px; z-index: 1999;
            transition: bottom 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
            display: flex; flex-direction: column; gap: 20px;
        }body.page-course-kids .contact-form-wrapper.open{ bottom: 100px; }body.page-course-kids input, body.page-course-kids textarea, body.page-course-kids select{
            width: 100%; background: transparent; border: 1px solid #333; color: var(--text);
            padding: 15px; font-size: 0.9rem;
        }body.page-course-kids select{
            appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            background-color: #050505;
            background-image:
                linear-gradient(45deg, transparent 50%, var(--text) 50%),
                linear-gradient(135deg, var(--text) 50%, transparent 50%);
            background-position:
                calc(100% - 20px) calc(50% - 3px),
                calc(100% - 14px) calc(50% - 3px);
            background-size: 6px 6px, 6px 6px;
            background-repeat: no-repeat;
            padding-right: 46px;
            cursor: pointer;
        }body.page-course-kids select::-ms-expand{ display: none; }body.page-course-kids select option{ background-color: #0a0a0a; color: var(--text); }body.page-course-kids select option:hover, body.page-course-kids select option:checked, body.page-course-kids select option:focus{ background: var(--accent); color: #ffffff; }body.page-course-kids select:invalid{ color: var(--muted); }body.page-course-kids input:focus, body.page-course-kids textarea:focus, body.page-course-kids select:focus{ outline: none; border-color: var(--accent); }body.page-course-kids textarea{ height: 120px; resize: none; }body.page-course-kids .send-btn{ background: var(--accent); color: var(--text); border: none; padding: 15px; cursor: pointer; font-weight: 600; }body.page-course-kids .send-btn:hover{ filter: brightness(1.07); }body.page-course-kids .send-btn:disabled{ opacity: 0.6; cursor: not-allowed; }body.page-course-kids .registration-panel{
            margin-top: 50px;
            border: 1px solid var(--border);
            background: #0a0a0a;
            padding: 32px;
            max-width: 800px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
        }body.page-course-kids .registration-panel h3{ font-size: 1.3rem; font-weight: 400; margin-bottom: 18px; }body.page-course-kids .registration-form{ display: grid; gap: 12px; }body.page-course-kids .batch-note{ color: var(--muted); font-size: 0.85rem; margin-top: 4px; }body.page-course-kids .policy-note{ color: var(--muted); font-size: 0.78rem; line-height: 1.5; margin-top: 0; }body.page-course-kids .batch-disclaimer{ color: var(--muted); font-size: 0.75rem; line-height: 1.5; margin-top: 0; }body.page-course-kids .form-status{ min-height: 1.2rem; color: var(--muted); font-size: 0.8rem; margin-top: 8px; }body.page-course-kids .form-status.success{ color: #58d67a; }body.page-course-kids .form-status.error{ color: #ff7a7a; }body.page-course-kids .form-status.pending{ color: #e3e3e3; }body.page-course-kids .hp-field{ position: absolute; left: -9999px; opacity: 0; pointer-events: none; }body.page-course-kids .site-footer{
            border-top: 1px solid #1a1a1a;
            margin-top: 40px;
            padding: 24px 20px;
            text-align: center;
            color: var(--muted);
            font-size: 0.75rem;
        }

        @media (max-width: 1024px) {body.page-course-kids nav{ padding: 30px 40px; }body.page-course-kids nav.scrolled{ padding: 15px 40px; }body.page-course-kids .hero{ padding: 0 40px; }body.page-course-kids main{ padding: 80px 40px; }body.page-course-kids .contact-form-wrapper{ width: 90%; right: 5%; left: 5%; }body.page-course-kids .nav-links{ gap: 40px; }
        }

        @media (max-width: 768px) {body.page-course-kids nav{ padding: 20px 30px; }body.page-course-kids nav.scrolled{ padding: 15px 30px; }body.page-course-kids .logo-text, body.page-course-kids .red-text{ font-size: 1.4rem; }body.page-course-kids .nav-links{ gap: 25px; font-size: 0.8rem; }body.page-course-kids .hero{ padding: 0 30px; height: 70vh; }body.page-course-kids .hero h1{ font-size: clamp(2rem, 7vw, 5rem); }body.page-course-kids main{ padding: 60px 30px; }body.page-course-kids .content-block h2{ font-size: 2rem; }body.page-course-kids .content-block p, body.page-course-kids .content-block ul{ font-size: 1rem; }body.page-course-kids .content-block h3{ font-size: 1.3rem; margin-top: 30px; }body.page-course-kids .price-tag{ font-size: 1.2rem; margin-top: 30px; }body.page-course-kids .contact-btn{ bottom: 20px; right: 20px; padding: 12px 24px; font-size: 0.85rem; }body.page-course-kids .contact-form-wrapper{ width: calc(100% - 40px); right: 20px; left: 20px; height: auto; max-height: 70vh; overflow-y: auto; padding: 30px; }body.page-course-kids .contact-form-wrapper.open{ bottom: 80px; }
        }

        @media (max-width: 480px) {body.page-course-kids nav{ padding: 15px 20px; gap: 10px; flex-wrap: wrap; }body.page-course-kids nav.scrolled{ padding: 12px 20px; }body.page-course-kids .brand{ gap: 10px; }body.page-course-kids .logo-text, body.page-course-kids .red-text{ font-size: 1.1rem; }body.page-course-kids .dot-formation{ transform: scale(0.8); }body.page-course-kids .nav-links{ gap: 15px; font-size: 0.75rem; }body.page-course-kids .hero{ padding: 0 20px; height: 65vh; }body.page-course-kids .hero h1{ font-size: clamp(1.8rem, 8vw, 4rem); }body.page-course-kids main{ padding: 40px 20px; }body.page-course-kids .section-label{ font-size: 0.7rem; margin-bottom: 20px; }body.page-course-kids .content-block h2{ font-size: 1.6rem; margin-bottom: 20px; }body.page-course-kids .content-block p, body.page-course-kids .content-block ul{ font-size: 0.9rem; line-height: 1.5; }body.page-course-kids .content-block h3{ font-size: 1.1rem; margin-top: 25px; margin-bottom: 15px; }body.page-course-kids .price-tag{ font-size: 1rem; margin-top: 25px; }body.page-course-kids .contact-btn{ bottom: 15px; right: 15px; padding: 10px 20px; font-size: 0.8rem; }body.page-course-kids .contact-form-wrapper{ padding: 25px; width: calc(100% - 30px); right: 15px; left: 15px; gap: 15px; }body.page-course-kids .contact-form-wrapper.open{ bottom: 70px; }body.page-course-kids .contact-form-wrapper h2{ font-size: 1.2rem; }body.page-course-kids input, body.page-course-kids textarea, body.page-course-kids select{ padding: 12px; font-size: 0.85rem; }body.page-course-kids textarea{ height: 100px; }
        }

/* ===== course-adult-beginners.html ===== */
/* Navigation */body.page-course-adult-beginners nav{
            padding: 50px 80px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            position: fixed;
            width: 100%;
            top: 0;
            z-index: 1000;
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            background-color: transparent;
        }body.page-course-adult-beginners nav.scrolled{
            padding: 20px 80px;
            background-color: rgba(5, 5, 5, 0.9);
            backdrop-filter: blur(12px);
            border-bottom: 1px solid var(--border);
        }body.page-course-adult-beginners .brand{
            display: flex;
            align-items: center;
            gap: 16px; 
            text-decoration: none;
            color: inherit;
        }body.page-course-adult-beginners .logo-text{ font-weight: 400; font-size: 1.8rem; letter-spacing: 0.08em; }body.page-course-adult-beginners .red-text{ color: var(--accent); font-weight: 400; font-size: 1.8rem; letter-spacing: 0.08em; }body.page-course-adult-beginners .dot-formation{
            display: grid;
            grid-template-columns: repeat(2, var(--spacing));
            gap: var(--spacing);
            position: relative;
            top: 2px;
        }body.page-course-adult-beginners .dot{ width: 10px; height: 10px; background-color: var(--accent); border-radius: 50%; }body.page-course-adult-beginners .dot:nth-child(1){ grid-column: 1 / 3; justify-self: left; margin-bottom: -6px; }body.page-course-adult-beginners .dot:nth-child(2){ grid-column: 2 / 3; justify-self: center; margin-bottom: -6px; }body.page-course-adult-beginners .nav-links{ display: flex; gap: 60px; }body.page-course-adult-beginners .nav-links a{ color: var(--muted); text-decoration: none; font-size: 0.85rem; transition: color 0.4s ease; }body.page-course-adult-beginners .nav-links a:hover{ color: var(--text); }body.page-course-adult-beginners /* Hero */
        .hero{
            height: 80vh;
            padding: 0 80px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            border-bottom: 1px solid var(--border);
        }body.page-course-adult-beginners .hero h1{
            font-size: clamp(2.5rem, 8vw, 6rem);
            font-weight: 400;
            line-height: 0.9;
            min-height: 1.1em;
        }body.page-course-adult-beginners .red-text-hero{ color: var(--accent); font-weight: 400; }body.page-course-adult-beginners .underscore{ font-weight: 800; color: var(--text); display: inline-block; margin-left: -5px; animation: blink 0.7s step-end infinite; }
        @keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }body.page-course-adult-beginners /* Main Content Styling */
        main{ padding: 120px 80px; }body.page-course-adult-beginners section{ margin-bottom: 0px; }body.page-course-adult-beginners .section-label{
            color: var(--accent);
            font-size: 0.8rem;
            margin-bottom: 40px;
            display: block;
            font-weight: 600;
        }body.page-course-adult-beginners .content-block{ max-width: 800px; }body.page-course-adult-beginners .content-block h2{ font-size: 2.5rem; font-weight: 400; margin-bottom: 30px; }body.page-course-adult-beginners .content-block p{ color: var(--muted); font-size: 1.1rem; margin-bottom: 20px; line-height: 1.6; }body.page-course-adult-beginners .content-block ul{ color: var(--muted); font-size: 1.1rem; margin-bottom: 20px; margin-left: 20px; line-height: 1.6; }body.page-course-adult-beginners .price-tag{
            font-size: 1.5rem;
            color: var(--accent);
            font-weight: 600;
            margin-top: 40px;
            margin-bottom: 40px;
            display: block;
        }body.page-course-adult-beginners .brochure-note{
            color: var(--muted);
            font-size: 1rem;
            margin-top: 0;
            margin-bottom: 12px;
        }body.page-course-adult-beginners .seats-note{
            color: #e3e3e3;
            font-size: 0.9rem;
            font-weight: 400;
            margin-top: -8px;
            margin-bottom: 18px;
        }body.page-course-adult-beginners .resource-links{
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            margin-bottom: 40px;
        }body.page-course-adult-beginners .resource-link{
            text-decoration: none;
            color: var(--text);
            border: 1px solid var(--border);
            padding: 10px 14px;
            font-size: 0.75rem;
            transition: all 0.25s ease;
        }body.page-course-adult-beginners .resource-link:hover{
            border-color: var(--accent);
            background: #0f0f0f;
        }body.page-course-adult-beginners /* Contact & Buttons */
        .contact-btn{
            position: fixed; bottom: 30px; right: 30px; background: var(--text); color: var(--bg);
            padding: 15px 30px; border: none; cursor: pointer; font-size: 0.9rem; font-weight: 600;
            z-index: 2000; transition: all 0.3s ease;
        }body.page-course-adult-beginners .contact-btn:hover{ background: var(--accent); color: var(--text); }body.page-course-adult-beginners .contact-form-wrapper{
            position: fixed; bottom: -600px; right: 30px; width: 400px; height: 500px;
            background: #0a0a0a; border: 1px solid var(--border); padding: 40px; z-index: 1999;
            transition: bottom 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
            display: flex; flex-direction: column; gap: 20px;
        }body.page-course-adult-beginners .contact-form-wrapper.open{ bottom: 100px; }body.page-course-adult-beginners input, body.page-course-adult-beginners textarea, body.page-course-adult-beginners select{
            width: 100%; background: transparent; border: 1px solid #333; color: var(--text);
            padding: 15px; font-size: 0.9rem;
        }body.page-course-adult-beginners select{
            appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            background-color: #050505;
            background-image:
                linear-gradient(45deg, transparent 50%, var(--text) 50%),
                linear-gradient(135deg, var(--text) 50%, transparent 50%);
            background-position:
                calc(100% - 20px) calc(50% - 3px),
                calc(100% - 14px) calc(50% - 3px);
            background-size: 6px 6px, 6px 6px;
            background-repeat: no-repeat;
            padding-right: 46px;
            cursor: pointer;
        }body.page-course-adult-beginners select::-ms-expand{ display: none; }body.page-course-adult-beginners select option{ background-color: #0a0a0a; color: var(--text); }body.page-course-adult-beginners select option:hover, body.page-course-adult-beginners select option:checked, body.page-course-adult-beginners select option:focus{ background: var(--accent); color: #ffffff; }body.page-course-adult-beginners select:invalid{ color: var(--muted); }body.page-course-adult-beginners input:focus, body.page-course-adult-beginners textarea:focus, body.page-course-adult-beginners select:focus{ outline: none; border-color: var(--accent); }body.page-course-adult-beginners textarea{ height: 120px; resize: none; }body.page-course-adult-beginners .send-btn{ background: var(--accent); color: var(--text); border: none; padding: 15px; cursor: pointer; font-weight: 600; }body.page-course-adult-beginners .send-btn:hover{ filter: brightness(1.07); }body.page-course-adult-beginners .send-btn:disabled{ opacity: 0.6; cursor: not-allowed; }body.page-course-adult-beginners .registration-panel{
            margin-top: 50px;
            border: 1px solid var(--border);
            background: #0a0a0a;
            padding: 32px;
            max-width: 800px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
        }body.page-course-adult-beginners .registration-panel h3{ font-size: 1.3rem; font-weight: 400; margin-bottom: 18px; }body.page-course-adult-beginners .registration-form{ display: grid; gap: 12px; }body.page-course-adult-beginners .batch-note{ color: var(--muted); font-size: 0.85rem; margin-top: 4px; }body.page-course-adult-beginners .policy-note{ color: var(--muted); font-size: 0.78rem; line-height: 1.5; margin-top: 0; }body.page-course-adult-beginners .batch-disclaimer{ color: var(--muted); font-size: 0.75rem; line-height: 1.5; margin-top: 0; }body.page-course-adult-beginners .form-status{ min-height: 1.2rem; color: var(--muted); font-size: 0.8rem; margin-top: 8px; }body.page-course-adult-beginners .form-status.success{ color: #58d67a; }body.page-course-adult-beginners .form-status.error{ color: #ff7a7a; }body.page-course-adult-beginners .form-status.pending{ color: #e3e3e3; }body.page-course-adult-beginners .hp-field{ position: absolute; left: -9999px; opacity: 0; pointer-events: none; }body.page-course-adult-beginners .site-footer{
            border-top: 1px solid #1a1a1a;
            margin-top: 40px;
            padding: 24px 20px;
            text-align: center;
            color: var(--muted);
            font-size: 0.75rem;
        }

        @media (max-width: 1024px) {body.page-course-adult-beginners nav, body.page-course-adult-beginners .hero, body.page-course-adult-beginners main{ padding: 40px; }body.page-course-adult-beginners .contact-form-wrapper{ width: 90%; right: 5%; }
        }

        @media (max-width: 768px) {body.page-course-adult-beginners nav{ padding: 20px 30px; }body.page-course-adult-beginners nav.scrolled{ padding: 15px 30px; }body.page-course-adult-beginners .logo-text, body.page-course-adult-beginners .red-text{ font-size: 1.4rem; }body.page-course-adult-beginners .nav-links{ gap: 25px; font-size: 0.8rem; }body.page-course-adult-beginners .hero{ padding: 0 30px; height: 70vh; }body.page-course-adult-beginners .hero h1{ font-size: clamp(2rem, 7vw, 5rem); }body.page-course-adult-beginners main{ padding: 60px 30px; }body.page-course-adult-beginners .content-block h2{ font-size: 2rem; }body.page-course-adult-beginners .content-block p, body.page-course-adult-beginners .content-block ul{ font-size: 1rem; }body.page-course-adult-beginners .content-block h3{ font-size: 1.3rem; margin-top: 30px; }body.page-course-adult-beginners .price-tag{ font-size: 1.2rem; margin-top: 30px; }body.page-course-adult-beginners .contact-btn{ bottom: 20px; right: 20px; padding: 12px 24px; font-size: 0.85rem; }body.page-course-adult-beginners .contact-form-wrapper{ width: calc(100% - 40px); right: 20px; left: 20px; height: auto; max-height: 70vh; overflow-y: auto; padding: 30px; }body.page-course-adult-beginners .contact-form-wrapper.open{ bottom: 80px; }
        }

        @media (max-width: 480px) {body.page-course-adult-beginners nav{ padding: 15px 20px; gap: 10px; flex-wrap: wrap; }body.page-course-adult-beginners nav.scrolled{ padding: 12px 20px; }body.page-course-adult-beginners .brand{ gap: 10px; }body.page-course-adult-beginners .logo-text, body.page-course-adult-beginners .red-text{ font-size: 1.1rem; }body.page-course-adult-beginners .dot-formation{ transform: scale(0.8); }body.page-course-adult-beginners .nav-links{ gap: 15px; font-size: 0.75rem; }body.page-course-adult-beginners .hero{ padding: 0 20px; height: 65vh; }body.page-course-adult-beginners .hero h1{ font-size: clamp(1.8rem, 8vw, 4rem); }body.page-course-adult-beginners main{ padding: 40px 20px; }body.page-course-adult-beginners .section-label{ font-size: 0.7rem; margin-bottom: 20px; }body.page-course-adult-beginners .content-block h2{ font-size: 1.6rem; margin-bottom: 20px; }body.page-course-adult-beginners .content-block p, body.page-course-adult-beginners .content-block ul{ font-size: 0.9rem; line-height: 1.5; }body.page-course-adult-beginners .content-block h3{ font-size: 1.1rem; margin-top: 25px; margin-bottom: 15px; }body.page-course-adult-beginners .price-tag{ font-size: 1rem; margin-top: 25px; }body.page-course-adult-beginners .contact-btn{ bottom: 15px; right: 15px; padding: 10px 20px; font-size: 0.8rem; }body.page-course-adult-beginners .contact-form-wrapper{ padding: 25px; width: calc(100% - 30px); right: 15px; left: 15px; gap: 15px; }body.page-course-adult-beginners .contact-form-wrapper.open{ bottom: 70px; }body.page-course-adult-beginners .contact-form-wrapper h2{ font-size: 1.2rem; }body.page-course-adult-beginners input, body.page-course-adult-beginners textarea, body.page-course-adult-beginners select{ padding: 12px; font-size: 0.85rem; }body.page-course-adult-beginners textarea{ height: 100px; }
        }

/* ===== course-adult-tools.html ===== */
/* Navigation */body.page-course-adult-tools nav{
            padding: 50px 80px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            position: fixed;
            width: 100%;
            top: 0;
            z-index: 1000;
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            background-color: transparent;
        }body.page-course-adult-tools nav.scrolled{
            padding: 20px 80px;
            background-color: rgba(5, 5, 5, 0.9);
            backdrop-filter: blur(12px);
            border-bottom: 1px solid var(--border);
        }body.page-course-adult-tools .brand{
            display: flex;
            align-items: center;
            gap: 16px; 
            text-decoration: none;
            color: inherit;
        }body.page-course-adult-tools .logo-text{ font-weight: 400; font-size: 1.8rem; letter-spacing: 0.08em; }body.page-course-adult-tools .red-text{ color: var(--accent); font-weight: 400; font-size: 1.8rem; letter-spacing: 0.08em; }body.page-course-adult-tools .dot-formation{
            display: grid;
            grid-template-columns: repeat(2, var(--spacing));
            gap: var(--spacing);
            position: relative;
            top: 2px;
        }body.page-course-adult-tools .dot{ width: 10px; height: 10px; background-color: var(--accent); border-radius: 50%; }body.page-course-adult-tools .dot:nth-child(1){ grid-column: 1 / 3; justify-self: left; margin-bottom: -6px; }body.page-course-adult-tools .dot:nth-child(2){ grid-column: 2 / 3; justify-self: center; margin-bottom: -6px; }body.page-course-adult-tools .nav-links{ display: flex; gap: 60px; }body.page-course-adult-tools .nav-links a{ color: var(--muted); text-decoration: none; font-size: 0.85rem; transition: color 0.4s ease; }body.page-course-adult-tools .nav-links a:hover{ color: var(--text); }body.page-course-adult-tools /* Hero */
        .hero{
            height: 80vh;
            padding: 0 80px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            border-bottom: 1px solid var(--border);
        }body.page-course-adult-tools .hero h1{
            font-size: clamp(2.5rem, 8vw, 6rem);
            font-weight: 400;
            line-height: 0.9;
            min-height: 1.1em;
        }body.page-course-adult-tools .red-text-hero{ color: var(--accent); font-weight: 400; }body.page-course-adult-tools .underscore{ font-weight: 800; color: var(--text); display: inline-block; margin-left: -5px; animation: blink 0.7s step-end infinite; }
        @keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }body.page-course-adult-tools /* Main Content Styling */
        main{ padding: 120px 80px; }body.page-course-adult-tools section{ margin-bottom: 0px; }body.page-course-adult-tools .section-label{
            color: var(--accent);
            font-size: 0.8rem;
            margin-bottom: 40px;
            display: block;
            font-weight: 600;
        }body.page-course-adult-tools .content-block{ max-width: 800px; }body.page-course-adult-tools .content-block h2{ font-size: 2.5rem; font-weight: 400; margin-bottom: 30px; }body.page-course-adult-tools .content-block p{ color: var(--muted); font-size: 1.1rem; margin-bottom: 20px; line-height: 1.6; }body.page-course-adult-tools .content-block ul{ color: var(--muted); font-size: 1.1rem; margin-bottom: 20px; margin-left: 20px; line-height: 1.6; }body.page-course-adult-tools .price-tag{
            font-size: 1.5rem;
            color: var(--accent);
            font-weight: 600;
            margin-top: 40px;
            margin-bottom: 40px;
            display: block;
        }body.page-course-adult-tools .brochure-note{
            color: var(--muted);
            font-size: 1rem;
            margin-top: 0;
            margin-bottom: 12px;
        }body.page-course-adult-tools .seats-note{
            color: #e3e3e3;
            font-size: 0.9rem;
            font-weight: 400;
            margin-top: -8px;
            margin-bottom: 18px;
        }body.page-course-adult-tools .resource-links{
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            margin-bottom: 40px;
        }body.page-course-adult-tools .resource-link{
            text-decoration: none;
            color: var(--text);
            border: 1px solid var(--border);
            padding: 10px 14px;
            font-size: 0.75rem;
            transition: all 0.25s ease;
        }body.page-course-adult-tools .resource-link:hover{
            border-color: var(--accent);
            background: #0f0f0f;
        }body.page-course-adult-tools /* Contact & Buttons */
        .contact-btn{
            position: fixed; bottom: 30px; right: 30px; background: var(--text); color: var(--bg);
            padding: 15px 30px; border: none; cursor: pointer; font-size: 0.9rem; font-weight: 600;
            z-index: 2000; transition: all 0.3s ease;
        }body.page-course-adult-tools .contact-btn:hover{ background: var(--accent); color: var(--text); }body.page-course-adult-tools .contact-form-wrapper{
            position: fixed; bottom: -600px; right: 30px; width: 400px; height: 500px;
            background: #0a0a0a; border: 1px solid var(--border); padding: 40px; z-index: 1999;
            transition: bottom 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
            display: flex; flex-direction: column; gap: 20px;
        }body.page-course-adult-tools .contact-form-wrapper.open{ bottom: 100px; }body.page-course-adult-tools input, body.page-course-adult-tools textarea, body.page-course-adult-tools select{
            width: 100%; background: transparent; border: 1px solid #333; color: var(--text);
            padding: 15px; font-size: 0.9rem;
        }body.page-course-adult-tools select{
            appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            background-color: #050505;
            background-image:
                linear-gradient(45deg, transparent 50%, var(--text) 50%),
                linear-gradient(135deg, var(--text) 50%, transparent 50%);
            background-position:
                calc(100% - 20px) calc(50% - 3px),
                calc(100% - 14px) calc(50% - 3px);
            background-size: 6px 6px, 6px 6px;
            background-repeat: no-repeat;
            padding-right: 46px;
            cursor: pointer;
        }body.page-course-adult-tools select::-ms-expand{ display: none; }body.page-course-adult-tools select option{ background-color: #0a0a0a; color: var(--text); }body.page-course-adult-tools select option:hover, body.page-course-adult-tools select option:checked, body.page-course-adult-tools select option:focus{ background: var(--accent); color: #ffffff; }body.page-course-adult-tools select:invalid{ color: var(--muted); }body.page-course-adult-tools input:focus, body.page-course-adult-tools textarea:focus, body.page-course-adult-tools select:focus{ outline: none; border-color: var(--accent); }body.page-course-adult-tools textarea{ height: 120px; resize: none; }body.page-course-adult-tools .send-btn{ background: var(--accent); color: var(--text); border: none; padding: 15px; cursor: pointer; font-weight: 600; }body.page-course-adult-tools .send-btn:hover{ filter: brightness(1.07); }body.page-course-adult-tools .send-btn:disabled{ opacity: 0.6; cursor: not-allowed; }body.page-course-adult-tools .registration-panel{
            margin-top: 50px;
            border: 1px solid var(--border);
            background: #0a0a0a;
            padding: 32px;
            max-width: 800px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
        }body.page-course-adult-tools .registration-panel h3{ font-size: 1.3rem; font-weight: 400; margin-bottom: 18px; }body.page-course-adult-tools .registration-form{ display: grid; gap: 12px; }body.page-course-adult-tools .batch-note{ color: var(--muted); font-size: 0.85rem; margin-top: 4px; }body.page-course-adult-tools .policy-note{ color: var(--muted); font-size: 0.78rem; line-height: 1.5; margin-top: 0; }body.page-course-adult-tools .batch-disclaimer{ color: var(--muted); font-size: 0.75rem; line-height: 1.5; margin-top: 0; }body.page-course-adult-tools .form-status{ min-height: 1.2rem; color: var(--muted); font-size: 0.8rem; margin-top: 8px; }body.page-course-adult-tools .form-status.success{ color: #58d67a; }body.page-course-adult-tools .form-status.error{ color: #ff7a7a; }body.page-course-adult-tools .form-status.pending{ color: #e3e3e3; }body.page-course-adult-tools .hp-field{ position: absolute; left: -9999px; opacity: 0; pointer-events: none; }body.page-course-adult-tools .site-footer{
            border-top: 1px solid #1a1a1a;
            margin-top: 40px;
            padding: 24px 20px;
            text-align: center;
            color: var(--muted);
            font-size: 0.75rem;
        }

        @media (max-width: 1024px) {body.page-course-adult-tools nav{ padding: 30px 40px; }body.page-course-adult-tools nav.scrolled{ padding: 15px 40px; }body.page-course-adult-tools .hero{ padding: 0 40px; }body.page-course-adult-tools main{ padding: 80px 40px; }body.page-course-adult-tools .contact-form-wrapper{ width: 90%; right: 5%; left: 5%; }body.page-course-adult-tools .nav-links{ gap: 40px; }
        }

        @media (max-width: 768px) {body.page-course-adult-tools nav{ padding: 20px 30px; }body.page-course-adult-tools nav.scrolled{ padding: 15px 30px; }body.page-course-adult-tools .logo-text, body.page-course-adult-tools .red-text{ font-size: 1.4rem; }body.page-course-adult-tools .nav-links{ gap: 25px; font-size: 0.8rem; }body.page-course-adult-tools .hero{ padding: 0 30px; height: 70vh; }body.page-course-adult-tools .hero h1{ font-size: clamp(2rem, 7vw, 5rem); }body.page-course-adult-tools main{ padding: 60px 30px; }body.page-course-adult-tools .content-block h2{ font-size: 2rem; }body.page-course-adult-tools .content-block p, body.page-course-adult-tools .content-block ul{ font-size: 1rem; }body.page-course-adult-tools .content-block h3{ font-size: 1.3rem; margin-top: 30px; }body.page-course-adult-tools .price-tag{ font-size: 1.2rem; margin-top: 30px; }body.page-course-adult-tools .contact-btn{ bottom: 20px; right: 20px; padding: 12px 24px; font-size: 0.85rem; }body.page-course-adult-tools .contact-form-wrapper{ width: calc(100% - 40px); right: 20px; left: 20px; height: auto; max-height: 70vh; overflow-y: auto; padding: 30px; }body.page-course-adult-tools .contact-form-wrapper.open{ bottom: 80px; }
        }

        @media (max-width: 480px) {body.page-course-adult-tools nav{ padding: 15px 20px; gap: 10px; flex-wrap: wrap; }body.page-course-adult-tools nav.scrolled{ padding: 12px 20px; }body.page-course-adult-tools .brand{ gap: 10px; }body.page-course-adult-tools .logo-text, body.page-course-adult-tools .red-text{ font-size: 1.1rem; }body.page-course-adult-tools .dot-formation{ transform: scale(0.8); }body.page-course-adult-tools .nav-links{ gap: 15px; font-size: 0.75rem; }body.page-course-adult-tools .hero{ padding: 0 20px; height: 65vh; }body.page-course-adult-tools .hero h1{ font-size: clamp(1.8rem, 8vw, 4rem); }body.page-course-adult-tools main{ padding: 40px 20px; }body.page-course-adult-tools .section-label{ font-size: 0.7rem; margin-bottom: 20px; }body.page-course-adult-tools .content-block h2{ font-size: 1.6rem; margin-bottom: 20px; }body.page-course-adult-tools .content-block p, body.page-course-adult-tools .content-block ul{ font-size: 0.9rem; line-height: 1.5; }body.page-course-adult-tools .content-block h3{ font-size: 1.1rem; margin-top: 25px; margin-bottom: 15px; }body.page-course-adult-tools .price-tag{ font-size: 1rem; margin-top: 25px; }body.page-course-adult-tools .contact-btn{ bottom: 15px; right: 15px; padding: 10px 20px; font-size: 0.8rem; }body.page-course-adult-tools .contact-form-wrapper{ padding: 25px; width: calc(100% - 30px); right: 15px; left: 15px; gap: 15px; }body.page-course-adult-tools .contact-form-wrapper.open{ bottom: 70px; }body.page-course-adult-tools .contact-form-wrapper h2{ font-size: 1.2rem; }body.page-course-adult-tools input, body.page-course-adult-tools textarea, body.page-course-adult-tools select{ padding: 12px; font-size: 0.85rem; }body.page-course-adult-tools textarea{ height: 100px; }
        }

/* ===== course-adult-backend.html ===== */
/* Navigation */body.page-course-adult-backend nav{
            padding: 50px 80px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            position: fixed;
            width: 100%;
            top: 0;
            z-index: 1000;
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            background-color: transparent;
        }body.page-course-adult-backend nav.scrolled{
            padding: 20px 80px;
            background-color: rgba(5, 5, 5, 0.9);
            backdrop-filter: blur(12px);
            border-bottom: 1px solid var(--border);
        }body.page-course-adult-backend .brand{
            display: flex;
            align-items: center;
            gap: 16px; 
            text-decoration: none;
            color: inherit;
        }body.page-course-adult-backend .logo-text{ font-weight: 400; font-size: 1.8rem; letter-spacing: 0.08em; }body.page-course-adult-backend .red-text{ color: var(--accent); font-weight: 400; font-size: 1.8rem; letter-spacing: 0.08em; }body.page-course-adult-backend .dot-formation{
            display: grid;
            grid-template-columns: repeat(2, var(--spacing));
            gap: var(--spacing);
            position: relative;
            top: 2px;
        }body.page-course-adult-backend .dot{ width: 10px; height: 10px; background-color: var(--accent); border-radius: 50%; }body.page-course-adult-backend .dot:nth-child(1){ grid-column: 1 / 3; justify-self: left; margin-bottom: -6px; }body.page-course-adult-backend .dot:nth-child(2){ grid-column: 2 / 3; justify-self: center; margin-bottom: -6px; }body.page-course-adult-backend .nav-links{ display: flex; gap: 60px; }body.page-course-adult-backend .nav-links a{ color: var(--muted); text-decoration: none; font-size: 0.85rem; transition: color 0.4s ease; }body.page-course-adult-backend .nav-links a:hover{ color: var(--text); }body.page-course-adult-backend /* Hero */
        .hero{
            height: 80vh;
            padding: 0 80px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            border-bottom: 1px solid var(--border);
        }body.page-course-adult-backend .hero h1{
            font-size: clamp(2.5rem, 8vw, 6rem);
            font-weight: 400;
            line-height: 0.9;
            min-height: 1.1em;
        }body.page-course-adult-backend .red-text-hero{ color: var(--accent); font-weight: 400; }body.page-course-adult-backend .underscore{ font-weight: 800; color: var(--text); display: inline-block; margin-left: -5px; animation: blink 0.7s step-end infinite; }
        @keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }body.page-course-adult-backend /* Main Content Styling */
        main{ padding: 120px 80px; }body.page-course-adult-backend section{ margin-bottom: 0px; }body.page-course-adult-backend .section-label{
            color: var(--accent);
            font-size: 0.8rem;
            margin-bottom: 40px;
            display: block;
            font-weight: 600;
        }body.page-course-adult-backend .content-block{ max-width: 800px; }body.page-course-adult-backend .content-block h2{ font-size: 2.5rem; font-weight: 400; margin-bottom: 30px; }body.page-course-adult-backend .content-block p{ color: var(--muted); font-size: 1.1rem; margin-bottom: 20px; line-height: 1.6; }body.page-course-adult-backend .content-block ul{ color: var(--muted); font-size: 1.1rem; margin-bottom: 20px; margin-left: 20px; line-height: 1.6; }body.page-course-adult-backend .price-tag{
            font-size: 1.5rem;
            color: var(--accent);
            font-weight: 600;
            margin-top: 40px;
            margin-bottom: 40px;
            display: block;
        }body.page-course-adult-backend .brochure-note{
            color: var(--muted);
            font-size: 1rem;
            margin-top: 0;
            margin-bottom: 12px;
        }body.page-course-adult-backend .seats-note{
            color: #e3e3e3;
            font-size: 0.9rem;
            font-weight: 400;
            margin-top: -8px;
            margin-bottom: 18px;
        }body.page-course-adult-backend .resource-links{
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            margin-bottom: 40px;
        }body.page-course-adult-backend .resource-link{
            text-decoration: none;
            color: var(--text);
            border: 1px solid var(--border);
            padding: 10px 14px;
            font-size: 0.75rem;
            transition: all 0.25s ease;
        }body.page-course-adult-backend .resource-link:hover{
            border-color: var(--accent);
            background: #0f0f0f;
        }body.page-course-adult-backend /* Contact & Buttons */
        .contact-btn{
            position: fixed; bottom: 30px; right: 30px; background: var(--text); color: var(--bg);
            padding: 15px 30px; border: none; cursor: pointer; font-size: 0.9rem; font-weight: 600;
            z-index: 2000; transition: all 0.3s ease;
        }body.page-course-adult-backend .contact-btn:hover{ background: var(--accent); color: var(--text); }body.page-course-adult-backend .contact-form-wrapper{
            position: fixed; bottom: -600px; right: 30px; width: 400px; height: 500px;
            background: #0a0a0a; border: 1px solid var(--border); padding: 40px; z-index: 1999;
            transition: bottom 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
            display: flex; flex-direction: column; gap: 20px;
        }body.page-course-adult-backend .contact-form-wrapper.open{ bottom: 100px; }body.page-course-adult-backend input, body.page-course-adult-backend textarea, body.page-course-adult-backend select{
            width: 100%; background: transparent; border: 1px solid #333; color: var(--text);
            padding: 15px; font-size: 0.9rem;
        }body.page-course-adult-backend select{
            appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            background-color: #050505;
            background-image:
                linear-gradient(45deg, transparent 50%, var(--text) 50%),
                linear-gradient(135deg, var(--text) 50%, transparent 50%);
            background-position:
                calc(100% - 20px) calc(50% - 3px),
                calc(100% - 14px) calc(50% - 3px);
            background-size: 6px 6px, 6px 6px;
            background-repeat: no-repeat;
            padding-right: 46px;
            cursor: pointer;
        }body.page-course-adult-backend select::-ms-expand{ display: none; }body.page-course-adult-backend select option{ background-color: #0a0a0a; color: var(--text); }body.page-course-adult-backend select option:hover, body.page-course-adult-backend select option:checked, body.page-course-adult-backend select option:focus{ background: var(--accent); color: #ffffff; }body.page-course-adult-backend select:invalid{ color: var(--muted); }body.page-course-adult-backend input:focus, body.page-course-adult-backend textarea:focus, body.page-course-adult-backend select:focus{ outline: none; border-color: var(--accent); }body.page-course-adult-backend textarea{ height: 120px; resize: none; }body.page-course-adult-backend .send-btn{ background: var(--accent); color: var(--text); border: none; padding: 15px; cursor: pointer; font-weight: 600; }body.page-course-adult-backend .send-btn:hover{ filter: brightness(1.07); }body.page-course-adult-backend .send-btn:disabled{ opacity: 0.6; cursor: not-allowed; }body.page-course-adult-backend .registration-panel{
            margin-top: 50px;
            border: 1px solid var(--border);
            background: #0a0a0a;
            padding: 32px;
            max-width: 800px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
        }body.page-course-adult-backend .registration-panel h3{ font-size: 1.3rem; font-weight: 400; margin-bottom: 18px; }body.page-course-adult-backend .registration-form{ display: grid; gap: 12px; }body.page-course-adult-backend .batch-note{ color: var(--muted); font-size: 0.85rem; margin-top: 4px; }body.page-course-adult-backend .policy-note{ color: var(--muted); font-size: 0.78rem; line-height: 1.5; margin-top: 0; }body.page-course-adult-backend .batch-disclaimer{ color: var(--muted); font-size: 0.75rem; line-height: 1.5; margin-top: 0; }body.page-course-adult-backend .form-status{ min-height: 1.2rem; color: var(--muted); font-size: 0.8rem; margin-top: 8px; }body.page-course-adult-backend .form-status.success{ color: #58d67a; }body.page-course-adult-backend .form-status.error{ color: #ff7a7a; }body.page-course-adult-backend .form-status.pending{ color: #e3e3e3; }body.page-course-adult-backend .hp-field{ position: absolute; left: -9999px; opacity: 0; pointer-events: none; }body.page-course-adult-backend .site-footer{
            border-top: 1px solid #1a1a1a;
            margin-top: 40px;
            padding: 24px 20px;
            text-align: center;
            color: var(--muted);
            font-size: 0.75rem;
        }

        @media (max-width: 1024px) {body.page-course-adult-backend nav, body.page-course-adult-backend .hero, body.page-course-adult-backend main{ padding: 40px; }body.page-course-adult-backend .contact-form-wrapper{ width: 90%; right: 5%; }
        }

        @media (max-width: 768px) {body.page-course-adult-backend nav{ padding: 20px 30px; }body.page-course-adult-backend nav.scrolled{ padding: 15px 30px; }body.page-course-adult-backend .logo-text, body.page-course-adult-backend .red-text{ font-size: 1.4rem; }body.page-course-adult-backend .nav-links{ gap: 25px; font-size: 0.8rem; }body.page-course-adult-backend .hero{ padding: 0 30px; height: 70vh; }body.page-course-adult-backend .hero h1{ font-size: clamp(2rem, 7vw, 5rem); }body.page-course-adult-backend main{ padding: 60px 30px; }body.page-course-adult-backend .content-block h2{ font-size: 2rem; }body.page-course-adult-backend .content-block p, body.page-course-adult-backend .content-block ul{ font-size: 1rem; }body.page-course-adult-backend .content-block h3{ font-size: 1.3rem; margin-top: 30px; }body.page-course-adult-backend .price-tag{ font-size: 1.2rem; margin-top: 30px; }body.page-course-adult-backend .contact-btn{ bottom: 20px; right: 20px; padding: 12px 24px; font-size: 0.85rem; }body.page-course-adult-backend .contact-form-wrapper{ width: calc(100% - 40px); right: 20px; left: 20px; height: auto; max-height: 70vh; overflow-y: auto; padding: 30px; }body.page-course-adult-backend .contact-form-wrapper.open{ bottom: 80px; }
        }

        @media (max-width: 480px) {body.page-course-adult-backend nav{ padding: 15px 20px; gap: 10px; flex-wrap: wrap; }body.page-course-adult-backend nav.scrolled{ padding: 12px 20px; }body.page-course-adult-backend .brand{ gap: 10px; }body.page-course-adult-backend .logo-text, body.page-course-adult-backend .red-text{ font-size: 1.1rem; }body.page-course-adult-backend .dot-formation{ transform: scale(0.8); }body.page-course-adult-backend .nav-links{ gap: 15px; font-size: 0.75rem; }body.page-course-adult-backend .hero{ padding: 0 20px; height: 65vh; }body.page-course-adult-backend .hero h1{ font-size: clamp(1.8rem, 8vw, 4rem); }body.page-course-adult-backend main{ padding: 40px 20px; }body.page-course-adult-backend .section-label{ font-size: 0.7rem; margin-bottom: 20px; }body.page-course-adult-backend .content-block h2{ font-size: 1.6rem; margin-bottom: 20px; }body.page-course-adult-backend .content-block p, body.page-course-adult-backend .content-block ul{ font-size: 0.9rem; line-height: 1.5; }body.page-course-adult-backend .content-block h3{ font-size: 1.1rem; margin-top: 25px; margin-bottom: 15px; }body.page-course-adult-backend .price-tag{ font-size: 1rem; margin-top: 25px; }body.page-course-adult-backend .contact-btn{ bottom: 15px; right: 15px; padding: 10px 20px; font-size: 0.8rem; }body.page-course-adult-backend .contact-form-wrapper{ padding: 25px; width: calc(100% - 30px); right: 15px; left: 15px; gap: 15px; }body.page-course-adult-backend .contact-form-wrapper.open{ bottom: 70px; }body.page-course-adult-backend .contact-form-wrapper h2{ font-size: 1.2rem; }body.page-course-adult-backend input, body.page-course-adult-backend textarea, body.page-course-adult-backend select{ padding: 12px; font-size: 0.85rem; }body.page-course-adult-backend textarea{ height: 100px; }
        }

/* ===== resources/kids-brochure.html ===== */
body.page-resource-kids-brochure{
            margin: 0;
            padding: 40px 24px;
            background: #050505;
            color: #ffffff;
            font-family: 'Inter', system-ui, sans-serif;
            line-height: 1.6;
            text-transform: lowercase;
            letter-spacing: 0.03em;
        }body.page-resource-kids-brochure .wrap{
            max-width: 760px;
            margin: 0 auto;
            border: 1px solid #1a1a1a;
            background: #0a0a0a;
            padding: 28px;
        }body.page-resource-kids-brochure h1{
            font-size: 1.3rem;
            font-weight: 600;
            margin-top: 0;
            margin-bottom: 16px;
            color: #ff0000;
        }body.page-resource-kids-brochure p{
            color: #c8c8c8;
            margin: 0 0 12px;
        }body.page-resource-kids-brochure a{
            color: #ffffff;
            text-decoration: none;
            border: 1px solid #1a1a1a;
            padding: 8px 12px;
            display: inline-block;
            margin-top: 12px;
        }body.page-resource-kids-brochure a:hover{
            border-color: #ff0000;
            background: #111111;
        }

/* ===== resources/kids-syllabus.html ===== */
body.page-resource-kids-syllabus{
            margin: 0;
            padding: 40px 24px;
            background: #050505;
            color: #ffffff;
            font-family: 'Inter', system-ui, sans-serif;
            line-height: 1.6;
            text-transform: lowercase;
            letter-spacing: 0.03em;
        }body.page-resource-kids-syllabus .wrap{
            max-width: 760px;
            margin: 0 auto;
            border: 1px solid #1a1a1a;
            background: #0a0a0a;
            padding: 28px;
        }body.page-resource-kids-syllabus h1{
            font-size: 1.3rem;
            font-weight: 600;
            margin-top: 0;
            margin-bottom: 16px;
            color: #ff0000;
        }body.page-resource-kids-syllabus p{
            color: #c8c8c8;
            margin: 0 0 12px;
        }body.page-resource-kids-syllabus a{
            color: #ffffff;
            text-decoration: none;
            border: 1px solid #1a1a1a;
            padding: 8px 12px;
            display: inline-block;
            margin-top: 12px;
        }body.page-resource-kids-syllabus a:hover{
            border-color: #ff0000;
            background: #111111;
        }

/* ===== resources/adults-beginners-brochure.html ===== */
body.page-resource-adults-beginners-brochure{
            margin: 0;
            padding: 40px 24px;
            background: #050505;
            color: #ffffff;
            font-family: 'Inter', system-ui, sans-serif;
            line-height: 1.6;
            text-transform: lowercase;
            letter-spacing: 0.03em;
        }body.page-resource-adults-beginners-brochure .wrap{
            max-width: 760px;
            margin: 0 auto;
            border: 1px solid #1a1a1a;
            background: #0a0a0a;
            padding: 28px;
        }body.page-resource-adults-beginners-brochure h1{
            font-size: 1.3rem;
            font-weight: 600;
            margin-top: 0;
            margin-bottom: 16px;
            color: #ff0000;
        }body.page-resource-adults-beginners-brochure p{
            color: #c8c8c8;
            margin: 0 0 12px;
        }body.page-resource-adults-beginners-brochure a{
            color: #ffffff;
            text-decoration: none;
            border: 1px solid #1a1a1a;
            padding: 8px 12px;
            display: inline-block;
            margin-top: 12px;
        }body.page-resource-adults-beginners-brochure a:hover{
            border-color: #ff0000;
            background: #111111;
        }

/* ===== resources/adults-beginners-syllabus.html ===== */
body.page-resource-adults-beginners-syllabus{
            margin: 0;
            padding: 40px 24px;
            background: #050505;
            color: #ffffff;
            font-family: 'Inter', system-ui, sans-serif;
            line-height: 1.6;
            text-transform: lowercase;
            letter-spacing: 0.03em;
        }body.page-resource-adults-beginners-syllabus .wrap{
            max-width: 760px;
            margin: 0 auto;
            border: 1px solid #1a1a1a;
            background: #0a0a0a;
            padding: 28px;
        }body.page-resource-adults-beginners-syllabus h1{
            font-size: 1.3rem;
            font-weight: 600;
            margin-top: 0;
            margin-bottom: 16px;
            color: #ff0000;
        }body.page-resource-adults-beginners-syllabus p{
            color: #c8c8c8;
            margin: 0 0 12px;
        }body.page-resource-adults-beginners-syllabus a{
            color: #ffffff;
            text-decoration: none;
            border: 1px solid #1a1a1a;
            padding: 8px 12px;
            display: inline-block;
            margin-top: 12px;
        }body.page-resource-adults-beginners-syllabus a:hover{
            border-color: #ff0000;
            background: #111111;
        }

/* ===== resources/adults-tools-brochure.html ===== */
body.page-resource-adults-tools-brochure{
            margin: 0;
            padding: 40px 24px;
            background: #050505;
            color: #ffffff;
            font-family: 'Inter', system-ui, sans-serif;
            line-height: 1.6;
            text-transform: lowercase;
            letter-spacing: 0.03em;
        }body.page-resource-adults-tools-brochure .wrap{
            max-width: 760px;
            margin: 0 auto;
            border: 1px solid #1a1a1a;
            background: #0a0a0a;
            padding: 28px;
        }body.page-resource-adults-tools-brochure h1{
            font-size: 1.3rem;
            font-weight: 600;
            margin-top: 0;
            margin-bottom: 16px;
            color: #ff0000;
        }body.page-resource-adults-tools-brochure p{
            color: #c8c8c8;
            margin: 0 0 12px;
        }body.page-resource-adults-tools-brochure a{
            color: #ffffff;
            text-decoration: none;
            border: 1px solid #1a1a1a;
            padding: 8px 12px;
            display: inline-block;
            margin-top: 12px;
        }body.page-resource-adults-tools-brochure a:hover{
            border-color: #ff0000;
            background: #111111;
        }

/* ===== resources/adults-tools-syllabus.html ===== */
body.page-resource-adults-tools-syllabus{
            margin: 0;
            padding: 40px 24px;
            background: #050505;
            color: #ffffff;
            font-family: 'Inter', system-ui, sans-serif;
            line-height: 1.6;
            text-transform: lowercase;
            letter-spacing: 0.03em;
        }body.page-resource-adults-tools-syllabus .wrap{
            max-width: 760px;
            margin: 0 auto;
            border: 1px solid #1a1a1a;
            background: #0a0a0a;
            padding: 28px;
        }body.page-resource-adults-tools-syllabus h1{
            font-size: 1.3rem;
            font-weight: 600;
            margin-top: 0;
            margin-bottom: 16px;
            color: #ff0000;
        }body.page-resource-adults-tools-syllabus p{
            color: #c8c8c8;
            margin: 0 0 12px;
        }body.page-resource-adults-tools-syllabus a{
            color: #ffffff;
            text-decoration: none;
            border: 1px solid #1a1a1a;
            padding: 8px 12px;
            display: inline-block;
            margin-top: 12px;
        }body.page-resource-adults-tools-syllabus a:hover{
            border-color: #ff0000;
            background: #111111;
        }

/* ===== resources/adults-backend-brochure.html ===== */
body.page-resource-adults-backend-brochure{
            margin: 0;
            padding: 40px 24px;
            background: #050505;
            color: #ffffff;
            font-family: 'Inter', system-ui, sans-serif;
            line-height: 1.6;
            text-transform: lowercase;
            letter-spacing: 0.03em;
        }body.page-resource-adults-backend-brochure .wrap{
            max-width: 760px;
            margin: 0 auto;
            border: 1px solid #1a1a1a;
            background: #0a0a0a;
            padding: 28px;
        }body.page-resource-adults-backend-brochure h1{
            font-size: 1.3rem;
            font-weight: 600;
            margin-top: 0;
            margin-bottom: 16px;
            color: #ff0000;
        }body.page-resource-adults-backend-brochure p{
            color: #c8c8c8;
            margin: 0 0 12px;
        }body.page-resource-adults-backend-brochure a{
            color: #ffffff;
            text-decoration: none;
            border: 1px solid #1a1a1a;
            padding: 8px 12px;
            display: inline-block;
            margin-top: 12px;
        }body.page-resource-adults-backend-brochure a:hover{
            border-color: #ff0000;
            background: #111111;
        }

/* ===== resources/adults-backend-syllabus.html ===== */
body.page-resource-adults-backend-syllabus{
            margin: 0;
            padding: 40px 24px;
            background: #050505;
            color: #ffffff;
            font-family: 'Inter', system-ui, sans-serif;
            line-height: 1.6;
            text-transform: lowercase;
            letter-spacing: 0.03em;
        }body.page-resource-adults-backend-syllabus .wrap{
            max-width: 760px;
            margin: 0 auto;
            border: 1px solid #1a1a1a;
            background: #0a0a0a;
            padding: 28px;
        }body.page-resource-adults-backend-syllabus h1{
            font-size: 1.3rem;
            font-weight: 600;
            margin-top: 0;
            margin-bottom: 16px;
            color: #ff0000;
        }body.page-resource-adults-backend-syllabus p{
            color: #c8c8c8;
            margin: 0 0 12px;
        }body.page-resource-adults-backend-syllabus a{
            color: #ffffff;
            text-decoration: none;
            border: 1px solid #1a1a1a;
            padding: 8px 12px;
            display: inline-block;
            margin-top: 12px;
        }body.page-resource-adults-backend-syllabus a:hover{
            border-color: #ff0000;
            background: #111111;
        }