/* /Components/Pages/Home.razor.rz.scp.css */
.hds-page[b-041rb0v8zi] {
    min-height: 100vh;
    color: #183f3b;
    background: radial-gradient(circle at top left, rgba(221, 238, 218, .7), transparent 32%), radial-gradient(circle at bottom right, rgba(247, 209, 181, .55), transparent 35%), linear-gradient(135deg, #fffaf1 0%, #f5efe3 45%, #e6eee2 100%);
    font-family: "Segoe UI", Arial, sans-serif;
    overflow-x: hidden;
}

.hds-navbar[b-041rb0v8zi] {
    position: fixed;
    top: 18px;
    left: 7%;
    right: 7%;
    z-index: 50;
    height: 76px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 26px;
    border-radius: 24px;
    background: rgba(255, 250, 241, .88);
    border: 1px solid rgba(194, 157, 94, .25);
    backdrop-filter: blur(18px);
    box-shadow: 0 18px 50px rgba(44, 66, 49, .14);
}

.brand[b-041rb0v8zi] {
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    color: #183f3b;
}

.brand-logo[b-041rb0v8zi] {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    object-fit: cover;
    display: block;
}

.brand strong[b-041rb0v8zi] {
    display: block;
    font-family: Georgia, serif;
    font-size: 22px;
    line-height: 1;
    color: #173d39;
}

.brand span[b-041rb0v8zi] {
    display: block;
    font-size: 11px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #8a6c3a;
    font-weight: 800;
}

.hds-navbar nav[b-041rb0v8zi] {
    display: flex;
    gap: 32px;
}

    .hds-navbar nav a[b-041rb0v8zi] {
        color: #183f3b;
        text-decoration: none;
        font-size: 14px;
        font-weight: 800;
    }

        .hds-navbar nav a:hover[b-041rb0v8zi] {
            color: #b7833a;
        }

/* HERO */
/* HERO */

.hero[b-041rb0v8zi] {
    position: relative;
    min-height: 790px;
    display: grid;
    place-items: center;
    overflow: hidden;
    isolation: isolate;
}

.hero-video[b-041rb0v8zi] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.06);
    z-index: -3;
}

.hero-overlay[b-041rb0v8zi] {
    position: absolute;
    inset: 0;
    z-index: -2;
    background: radial-gradient(circle at 18% 45%, rgba(255, 250, 241, .82), transparent 34%), radial-gradient(circle at 86% 50%, rgba(255, 245, 222, .24), transparent 32%), linear-gradient(90deg, rgba(255, 250, 241, .88), rgba(255, 250, 241, .38) 47%, rgba(20, 45, 40, .26));
}

.hero-inner[b-041rb0v8zi] {
    position: relative;
    z-index: 2;
    width: min(1440px, 92%);
    display: grid;
    grid-template-columns: minmax(420px, .78fr) minmax(620px, 1.15fr);
    gap: 70px;
    align-items: center;
    padding: 170px 0 90px;
}

.hero-content[b-041rb0v8zi] {
    max-width: 650px;
    text-align: left;
    animation: softRise-b-041rb0v8zi .9s ease both;
}

.hero-kicker[b-041rb0v8zi] {
    display: inline-flex;
    align-items: center;
    margin-bottom: 18px;
    padding: 10px 16px;
    border-radius: 999px;
    color: #7a5a25;
    background: rgba(255, 250, 241, .78);
    border: 1px solid rgba(183, 131, 58, .25);
    backdrop-filter: blur(10px);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 2px;
    text-transform: uppercase;
    box-shadow: 0 14px 34px rgba(45, 64, 45, .10);
}

.hero-content h1[b-041rb0v8zi] {
    margin: 0;
    color: #0f4540;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(42px, 5vw, 66px);
    line-height: 1.05;
    letter-spacing: -.8px;
    text-shadow: 0 8px 30px rgba(255, 255, 255, .62);
}

    .hero-content h1 em[b-041rb0v8zi] {
        color: #a56f36;
        font-style: italic;
    }

.hero-divider[b-041rb0v8zi] {
    width: 190px;
    margin: 22px 0 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #b7833a;
    font-size: 22px;
}

    .hero-divider[b-041rb0v8zi]::before,
    .hero-divider[b-041rb0v8zi]::after {
        content: "";
        flex: 1;
        height: 1px;
        background: rgba(183, 131, 58, .65);
    }

    .hero-divider[b-041rb0v8zi]::before {
        margin-right: 14px;
    }

    .hero-divider[b-041rb0v8zi]::after {
        margin-left: 14px;
    }

.hero-content p[b-041rb0v8zi] {
    margin: 0;
    color: #183f3b;
    font-size: clamp(19px, 2.1vw, 25px);
    line-height: 1.4;
    font-weight: 600;
    text-shadow: 0 8px 24px rgba(255, 255, 255, .50);
}

.hero-actions[b-041rb0v8zi] {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 30px;
}

/* BIGGER RIGHT VIDEO */

.hero-side-video[b-041rb0v8zi] {
    position: relative;
    width: 100%;
    max-width: 780px;
    justify-self: end;
    padding: 14px;
    border-radius: 34px;
    background: linear-gradient(145deg, rgba(255,255,255,.66), rgba(255,250,241,.32)), rgba(255, 250, 241, .42);
    border: 1px solid rgba(255, 255, 255, .58);
    backdrop-filter: blur(18px);
    box-shadow: 0 32px 95px rgba(20, 45, 40, .32), inset 0 0 0 1px rgba(255,255,255,.25);
    transform: translateY(12px) rotate(.5deg);
    transition: transform .35s ease, box-shadow .35s ease;
}

    .hero-side-video[b-041rb0v8zi]::before {
        content: "";
        position: absolute;
        inset: -18px;
        z-index: -1;
        border-radius: 44px;
        background: radial-gradient(circle at top left, rgba(255, 244, 219, .85), transparent 44%), radial-gradient(circle at bottom right, rgba(111, 139, 94, .45), transparent 45%);
        filter: blur(14px);
        opacity: .95;
    }

    .hero-side-video:hover[b-041rb0v8zi] {
        transform: translateY(0) rotate(0deg) scale(1.01);
        box-shadow: 0 40px 105px rgba(20, 45, 40, .38);
    }

.side-video-label[b-041rb0v8zi] {
    position: absolute;
    top: 28px;
    left: 28px;
    z-index: 3;
    padding: 10px 14px;
    border-radius: 999px;
    background: rgba(255, 250, 241, .86);
    border: 1px solid rgba(255,255,255,.65);
    backdrop-filter: blur(12px);
    box-shadow: 0 12px 26px rgba(20, 45, 40, .16);
}

    .side-video-label span[b-041rb0v8zi] {
        display: block;
        color: #9b7a48;
        font-size: 10px;
        font-weight: 900;
        letter-spacing: 1.7px;
        text-transform: uppercase;
        line-height: 1;
    }

    .side-video-label strong[b-041rb0v8zi] {
        display: block;
        margin-top: 4px;
        color: #173d39;
        font-size: 13px;
        line-height: 1;
    }

.hero-side-video video[b-041rb0v8zi],
.hero-side-video iframe[b-041rb0v8zi] {
    width: 100%;
    height: 460px;
    display: block;
    object-fit: cover;
    border: 0;
    border-radius: 24px;
    background: #173d39;
}

/* GENERAL */

.section[b-041rb0v8zi],
.book-section[b-041rb0v8zi],
.program-section[b-041rb0v8zi],
.about-section[b-041rb0v8zi],
.testimonial-section[b-041rb0v8zi],
.contact-section[b-041rb0v8zi] {
    position: relative;
    padding: 80px 7%;
}

.section-label[b-041rb0v8zi] {
    display: inline-flex;
    margin-bottom: 10px;
    color: #9b7a48;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 2.5px;
    text-transform: uppercase;
}

h2[b-041rb0v8zi] {
    margin: 0 0 18px;
    color: #173d39;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(32px, 4vw, 52px);
    line-height: 1.1;
}

p[b-041rb0v8zi] {
    color: #4f5d4e;
    line-height: 1.75;
}

.btn[b-041rb0v8zi] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 14px 24px;
    border-radius: 14px;
    text-decoration: none;
    font-weight: 900;
    border: none;
    cursor: pointer;
    transition: .25s ease;
}

    .btn.primary[b-041rb0v8zi] {
        color: white;
        background: linear-gradient(135deg, #6f8b5e, #456a4b);
        box-shadow: 0 14px 30px rgba(58, 98, 64, .24);
    }

    .btn.ghost[b-041rb0v8zi] {
        color: #173d39;
        background: rgba(255, 250, 241, .70);
        border: 1px solid rgba(183, 131, 58, .28);
        box-shadow: 0 14px 30px rgba(58, 98, 64, .10);
        backdrop-filter: blur(10px);
    }

    .btn:hover[b-041rb0v8zi] {
        transform: translateY(-3px);
    }

/* BOOK */

.book-section[b-041rb0v8zi] {
    display: grid;
    grid-template-columns: .9fr 1fr;
    gap: 60px;
    align-items: center;
    background: radial-gradient(circle at top right, rgba(213, 226, 202, .65), transparent 30%), linear-gradient(135deg, #fff7e9, #f6efe4);
}

    .book-section[b-041rb0v8zi]::before,
    .book-section[b-041rb0v8zi]::after {
        content: "❦";
        position: absolute;
        color: rgba(94, 126, 83, .18);
        font-size: 180px;
        pointer-events: none;
    }

    .book-section[b-041rb0v8zi]::before {
        left: 2%;
        top: 18%;
        transform: rotate(-20deg);
    }

    .book-section[b-041rb0v8zi]::after {
        right: 3%;
        bottom: 10%;
        transform: rotate(20deg);
    }

.book-image[b-041rb0v8zi],
.book-content[b-041rb0v8zi] {
    position: relative;
    z-index: 2;
}

    .book-image img[b-041rb0v8zi] {
        width: min(100%, 520px);
        display: block;
        margin: auto;
        filter: drop-shadow(0 28px 35px rgba(53, 64, 46, .22));
        transform: rotate(-1deg);
        transition: .3s ease;
    }

        .book-image img:hover[b-041rb0v8zi] {
            transform: rotate(0) translateY(-8px);
        }

.book-content[b-041rb0v8zi] {
    max-width: 620px;
}

.quote-mark[b-041rb0v8zi] {
    color: #bd8e4f;
    font-family: Georgia, serif;
    font-size: 84px;
    line-height: .7;
}

.book-content p[b-041rb0v8zi] {
    margin: 0 0 16px;
    color: #203f3b;
    font-family: Georgia, serif;
    font-size: clamp(22px, 2.6vw, 32px);
    line-height: 1.45;
}

.book-content small[b-041rb0v8zi] {
    display: block;
    margin-bottom: 24px;
    color: #4d5c4a;
}

/* SERVICES */

.section[b-041rb0v8zi] {
    text-align: center;
    background: #fffaf1;
}

.card-grid[b-041rb0v8zi] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    margin-top: 34px;
}

.info-card[b-041rb0v8zi] {
    min-height: 270px;
    padding: 34px 24px;
    border-radius: 26px;
    background: rgba(255,255,255,.75);
    border: 1px solid rgba(190, 151, 91, .24);
    box-shadow: 0 18px 45px rgba(60, 70, 52, .08);
    transition: .3s ease;
}

    .info-card:hover[b-041rb0v8zi] {
        transform: translateY(-10px);
        box-shadow: 0 28px 60px rgba(60, 70, 52, .13);
    }

.icon[b-041rb0v8zi] {
    width: 76px;
    height: 76px;
    margin: 0 auto 20px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #8a6c3a;
    background: #f6ead5;
    font-size: 34px;
}

.info-card h3[b-041rb0v8zi] {
    margin: 0 0 12px;
    color: #183f3b;
    font-family: Georgia, serif;
    font-size: 22px;
}

/* PROGRAM */

.program-section[b-041rb0v8zi] {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    gap: 56px;
    align-items: center;
    background: radial-gradient(circle at left, rgba(194, 217, 191, .7), transparent 32%), linear-gradient(135deg, #eef5ec, #f9f3e8);
}

.check-list[b-041rb0v8zi] {
    display: grid;
    gap: 12px;
    padding: 0;
    margin: 26px 0;
    list-style: none;
}

    .check-list li[b-041rb0v8zi] {
        color: #334d3b;
        font-weight: 700;
    }

        .check-list li[b-041rb0v8zi]::before {
            content: "✓";
            display: inline-grid;
            place-items: center;
            width: 22px;
            height: 22px;
            margin-right: 10px;
            border-radius: 50%;
            color: white;
            background: #6f8b5e;
            font-size: 13px;
        }

.youtube-card[b-041rb0v8zi] {
    position: relative;
    overflow: hidden;
    border-radius: 24px;
    background: #132c29;
    box-shadow: 0 24px 60px rgba(32, 54, 42, .25);
    aspect-ratio: 16 / 9;
}

    .youtube-card iframe[b-041rb0v8zi] {
        width: 100%;
        height: 100%;
    }

/* ABOUT */

.about-section[b-041rb0v8zi] {
    display: grid;
    grid-template-columns: .45fr .85fr .7fr;
    gap: 34px;
    align-items: center;
    background: linear-gradient(135deg, #fff6e8, #f7eee2);
}

.about-photo img[b-041rb0v8zi] {
    width: 230px;
    height: 230px;
    object-fit: cover;
    border-radius: 50%;
    border: 9px solid #fff6e8;
    box-shadow: 0 18px 50px rgba(62, 72, 52, .2);
}

.about-content h3[b-041rb0v8zi] {
    margin: 0 0 16px;
    color: #38513c;
}

blockquote[b-041rb0v8zi] {
    margin: 0;
    padding: 34px;
    border-radius: 26px;
    color: #183f3b;
    background: rgba(255,255,255,.68);
    border: 1px solid rgba(187, 145, 82, .25);
    font-family: Georgia, serif;
    font-size: 26px;
    line-height: 1.35;
    box-shadow: 0 18px 45px rgba(60, 70, 52, .08);
}

/* TESTIMONIALS */

.testimonial-section[b-041rb0v8zi] {
    text-align: center;
    background: #fffaf1;
}

.testimonial-layout[b-041rb0v8zi] {
    display: grid;
    grid-template-columns: 1.1fr .9fr;
    gap: 34px;
    align-items: center;
    margin-top: 30px;
}

.testimonial-grid[b-041rb0v8zi] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}

.testimonial-card[b-041rb0v8zi] {
    padding: 26px;
    text-align: left;
    border-radius: 22px;
    background: rgba(255,255,255,.78);
    border: 1px solid rgba(190, 151, 91, .22);
    box-shadow: 0 16px 40px rgba(60, 70, 52, .08);
}

.stars[b-041rb0v8zi] {
    color: #bd8e4f;
    letter-spacing: 3px;
    margin-bottom: 12px;
}

.testimonial-card strong[b-041rb0v8zi] {
    color: #183f3b;
}

.see-more-wrap[b-041rb0v8zi] {
    margin-top: 30px;
}

/* CONTACT */

.contact-section[b-041rb0v8zi] {
    display: grid;
    grid-template-columns: .85fr 1fr;
    gap: 60px;
    align-items: center;
    background: radial-gradient(circle at bottom left, rgba(218, 237, 211, .75), transparent 35%), radial-gradient(circle at top right, rgba(255, 210, 186, .45), transparent 35%), linear-gradient(135deg, #fff3e8, #f1f7ee);
}

/* FOOTER */

footer[b-041rb0v8zi] {
    padding: 32px 7%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #e8efe2;
    color: #183f3b;
}

.footer-brand[b-041rb0v8zi] {
    display: flex;
    align-items: center;
    gap: 14px;
}

    .footer-brand h3[b-041rb0v8zi],
    .footer-brand p[b-041rb0v8zi] {
        margin: 0;
    }

    .footer-brand h3[b-041rb0v8zi] {
        font-family: Georgia, serif;
    }

/* ANIMATION */

@keyframes softRise-b-041rb0v8zi {
    from {
        opacity: 0;
        transform: translateY(28px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* RESPONSIVE */

@media (max-width: 1180px) {
    .hero-inner[b-041rb0v8zi] {
        grid-template-columns: minmax(0, 1fr) minmax(430px, .9fr);
        gap: 42px;
    }

    .hero-side-video[b-041rb0v8zi] {
        max-width: 560px;
    }

        .hero-side-video video[b-041rb0v8zi],
        .hero-side-video iframe[b-041rb0v8zi] {
            height: 380px;
        }
}

@media (max-width: 1100px) {
    .card-grid[b-041rb0v8zi],
    .testimonial-grid[b-041rb0v8zi] {
        grid-template-columns: repeat(2, 1fr);
    }

    .about-section[b-041rb0v8zi] {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .about-photo img[b-041rb0v8zi] {
        margin: auto;
    }
}

@media (max-width: 980px) {
    .hero[b-041rb0v8zi] {
        min-height: auto;
    }

    .hero-overlay[b-041rb0v8zi] {
        background: radial-gradient(circle at center top, rgba(255, 250, 241, .80), transparent 42%), linear-gradient(to bottom, rgba(255, 250, 241, .78), rgba(20, 45, 40, .32));
    }

    .hero-inner[b-041rb0v8zi] {
        grid-template-columns: 1fr;
        width: min(760px, 88%);
        padding: 180px 0 70px;
        gap: 38px;
    }

    .hero-content[b-041rb0v8zi] {
        text-align: center;
        margin: auto;
    }

    .hero-divider[b-041rb0v8zi],
    .hero-actions[b-041rb0v8zi] {
        margin-left: auto;
        margin-right: auto;
        justify-content: center;
    }

    .hero-side-video[b-041rb0v8zi] {
        justify-self: center;
        max-width: 680px;
        transform: none;
    }

        .hero-side-video:hover[b-041rb0v8zi] {
            transform: translateY(-6px) scale(1.01);
        }

        .hero-side-video video[b-041rb0v8zi],
        .hero-side-video iframe[b-041rb0v8zi] {
            height: 390px;
        }
}

@media (max-width: 900px) {
    .hds-navbar[b-041rb0v8zi] {
        position: absolute;
        top: 12px;
        left: 4%;
        right: 4%;
        height: auto;
        flex-direction: column;
        gap: 16px;
        padding: 18px;
    }

        .hds-navbar nav[b-041rb0v8zi] {
            flex-wrap: wrap;
            justify-content: center;
            gap: 16px;
        }

    .book-section[b-041rb0v8zi],
    .program-section[b-041rb0v8zi],
    .testimonial-layout[b-041rb0v8zi],
    .contact-section[b-041rb0v8zi] {
        grid-template-columns: 1fr;
    }

    .book-content[b-041rb0v8zi],
    .program-section[b-041rb0v8zi] {
        text-align: center;
    }

    .check-list[b-041rb0v8zi] {
        text-align: left;
    }

    footer[b-041rb0v8zi] {
        flex-direction: column;
        gap: 18px;
        text-align: center;
    }
}

@media (max-width: 620px) {
    .hero-inner[b-041rb0v8zi] {
        width: 90%;
        padding: 165px 0 55px;
    }

    .hero-content h1[b-041rb0v8zi] {
        font-size: 40px;
    }

    .hero-content p[b-041rb0v8zi] {
        font-size: 18px;
    }

    .hero-actions[b-041rb0v8zi] {
        flex-direction: column;
    }

    .hero-side-video[b-041rb0v8zi] {
        max-width: 100%;
        padding: 10px;
        border-radius: 24px;
    }

        .hero-side-video video[b-041rb0v8zi],
        .hero-side-video iframe[b-041rb0v8zi] {
            height: 260px;
            border-radius: 18px;
        }

    .side-video-label[b-041rb0v8zi] {
        top: 20px;
        left: 20px;
    }

    .section[b-041rb0v8zi],
    .book-section[b-041rb0v8zi],
    .program-section[b-041rb0v8zi],
    .about-section[b-041rb0v8zi],
    .testimonial-section[b-041rb0v8zi],
    .contact-section[b-041rb0v8zi] {
        padding: 60px 5%;
    }

    .card-grid[b-041rb0v8zi],
    .testimonial-grid[b-041rb0v8zi] {
        grid-template-columns: 1fr;
    }

    .btn[b-041rb0v8zi] {
        width: 100%;
    }
}
/* /Components/Pages/Testimonials.razor.rz.scp.css */

.hds-navbar[b-o7fcn0ckd0] {
    position: fixed;
    top: 18px;
    left: 7%;
    right: 7%;
    z-index: 50;
    height: 76px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 26px;
    border-radius: 24px;
    background: rgba(255, 250, 241, .88);
    border: 1px solid rgba(194, 157, 94, .25);
    backdrop-filter: blur(18px);
    box-shadow: 0 18px 50px rgba(44, 66, 49, .14);
}

.brand[b-o7fcn0ckd0] {
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    color: #183f3b;
}

    .brand strong[b-o7fcn0ckd0] {
        display: block;
        font-family: Georgia, serif;
        font-size: 22px;
        line-height: 1;
    }

    .brand span[b-o7fcn0ckd0] {
        display: block;
        font-size: 11px;
        letter-spacing: 1.5px;
        text-transform: uppercase;
    }

.brand-mark[b-o7fcn0ckd0] {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #b7833a;
    background: rgba(255, 245, 224, .95);
    border: 1px solid rgba(183, 131, 58, .35);
    font-size: 24px;
    box-shadow: inset 0 0 20px rgba(202, 154, 83, .15);
}

.hds-navbar nav[b-o7fcn0ckd0] {
    display: flex;
    gap: 32px;
}

    .hds-navbar nav a[b-o7fcn0ckd0] {
        color: #183f3b;
        text-decoration: none;
        font-size: 14px;
        font-weight: 800;
    }

        .hds-navbar nav a:hover[b-o7fcn0ckd0] {
            color: #b7833a;
        }

.nav-email[b-o7fcn0ckd0] {
    padding: 13px 22px;
    border-radius: 14px;
    color: white;
    background: linear-gradient(135deg, #c79a59, #a87838);
    text-decoration: none;
    font-weight: 800;
    box-shadow: 0 12px 24px rgba(139, 96, 44, .22);
}


.see-more-wrap[b-o7fcn0ckd0] {
    margin-top: 34px;
    text-align: center;
}

.testimonials-page[b-o7fcn0ckd0] {
    padding-top: 120px;
}

.all-testimonials-hero[b-o7fcn0ckd0] {
    padding: 100px 7% 50px;
    text-align: center;
    background: radial-gradient(circle at top left, rgba(221, 238, 218, .75), transparent 35%), linear-gradient(135deg, #fffaf1, #eef5ec);
}

    .all-testimonials-hero h1[b-o7fcn0ckd0] {
        margin: 0 0 18px;
        color: #173d39;
        font-family: Georgia, "Times New Roman", serif;
        font-size: clamp(42px, 6vw, 72px);
        line-height: 1.05;
    }

    .all-testimonials-hero p[b-o7fcn0ckd0] {
        max-width: 720px;
        margin: auto;
        font-size: 20px;
    }

.all-testimonials-section[b-o7fcn0ckd0] {
    padding: 50px 7% 90px;
    background: radial-gradient(circle at bottom right, rgba(247, 209, 181, .5), transparent 35%), linear-gradient(135deg, #fffaf1, #f1f7ee);
}

.all-testimonials-scroll[b-o7fcn0ckd0] {
    height: 720px;
    overflow-y: auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
    padding: 10px 12px 10px 0;
    scroll-behavior: smooth;
}

    .all-testimonials-scroll[b-o7fcn0ckd0]::-webkit-scrollbar {
        width: 10px;
    }

    .all-testimonials-scroll[b-o7fcn0ckd0]::-webkit-scrollbar-track {
        background: rgba(255,255,255,.5);
        border-radius: 999px;
    }

    .all-testimonials-scroll[b-o7fcn0ckd0]::-webkit-scrollbar-thumb {
        background: #8ba477;
        border-radius: 999px;
    }

.long-testimonial-card[b-o7fcn0ckd0] {
    min-height: 230px;
    padding: 28px;
    border-radius: 24px;
    background: rgba(255,255,255,.78);
    border: 1px solid rgba(190, 151, 91, .22);
    box-shadow: 0 16px 40px rgba(60, 70, 52, .08);
    transition: .25s ease;
}

    .long-testimonial-card:hover[b-o7fcn0ckd0] {
        transform: translateY(-6px);
        box-shadow: 0 24px 55px rgba(60, 70, 52, .13);
    }

    .long-testimonial-card p[b-o7fcn0ckd0] {
        color: #435343;
        line-height: 1.7;
    }

    .long-testimonial-card strong[b-o7fcn0ckd0] {
        display: block;
        margin-top: 18px;
        color: #183f3b;
    }

.back-home-wrap[b-o7fcn0ckd0] {
    margin-top: 36px;
    text-align: center;
}

@media (max-width: 1100px) {
    .all-testimonials-scroll[b-o7fcn0ckd0] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 700px) {
    .testimonials-page[b-o7fcn0ckd0] {
        padding-top: 170px;
    }

    .all-testimonials-scroll[b-o7fcn0ckd0] {
        height: 680px;
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Workshops.razor.rz.scp.css */
*[b-swflvpqlut] {
    box-sizing: border-box;
}

body[b-swflvpqlut] {
    margin: 0;
    background: #f4efe2;
}

.workshop-page[b-swflvpqlut] {
    min-height: 100vh;
    width: calc(100% - 40px);
    margin: 20px auto;
    padding: 48px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Inter, "Segoe UI", Arial, sans-serif;
    /*background: radial-gradient(circle at 20% 10%, rgba(255, 232, 177, 0.32), transparent 30%), linear-gradient(135deg, rgba(3, 33, 37, 0.86), rgba(101, 121, 55, 0.68)), url('/images/workshop-bg.jpg') center / cover no-repeat;*/
    /*border-radius: 42px;*/
  /*  box-shadow: 0 35px 90px rgba(0, 0, 0, 0.35);
    overflow: hidden;*/
}

.registration-card[b-swflvpqlut] {
    position: relative;
    width: 100%;
    max-width: 660px;
    padding: 48px 52px 54px;
    overflow: hidden;
    border-radius: 36px;
    color: #073f43;
    background: rgba(255, 255, 255, 0.84);
    border: 1px solid rgba(255, 255, 255, 0.72);
    box-shadow: 0 38px 95px rgba(0, 0, 0, 0.36), inset 0 1px 0 rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
}

.card-shine[b-swflvpqlut] {
    position: absolute;
    inset: 0;
    background: linear-gradient(120deg, rgba(255, 255, 255, 0.5), transparent 32%, transparent 68%, rgba(255, 255, 255, 0.22));
    pointer-events: none;
}

.soft-orb[b-swflvpqlut] {
    position: absolute;
    border-radius: 999px;
    pointer-events: none;
    filter: blur(10px);
}

.orb-one[b-swflvpqlut] {
    top: -100px;
    right: -90px;
    width: 250px;
    height: 250px;
    background: rgba(203, 169, 82, 0.3);
}

.orb-two[b-swflvpqlut] {
    bottom: -130px;
    left: -110px;
    width: 280px;
    height: 280px;
    background: rgba(47, 125, 70, 0.18);
}

.logo-section[b-swflvpqlut],
.heading-section[b-swflvpqlut],
.workshop-form[b-swflvpqlut] {
    position: relative;
    z-index: 1;
}

.logo-section[b-swflvpqlut] {
    display: flex;
    justify-content: center;
    margin-bottom: 24px;
}

.workshop-logo[b-swflvpqlut] {
    width: 104px;
    height: 104px;
    object-fit: contain;
    padding: 15px;
    border-radius: 32px;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(252, 243, 217, 0.86));
    border: 1px solid rgba(255, 255, 255, 0.98);
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.18);
}

.heading-section[b-swflvpqlut] {
    text-align: center;
    margin-bottom: 34px;
}

.eyebrow[b-swflvpqlut] {
    display: inline-flex;
    margin: 0 0 12px;
    padding: 8px 14px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: #86681f;
    background: rgba(203, 169, 82, 0.16);
    border: 1px solid rgba(203, 169, 82, 0.3);
}

h1[b-swflvpqlut] {
    margin: 0;
    font-size: clamp(31px, 5vw, 45px);
    line-height: 1.04;
    font-weight: 950;
    letter-spacing: -0.045em;
    color: #063d42;
    text-transform: uppercase;
}

.divine-title[b-swflvpqlut] {
    width: fit-content;
    margin: 20px auto 0;
    padding: 15px 24px;
    border-radius: 24px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.94), rgba(255, 247, 224, 0.84));
    border: 1px solid rgba(203, 169, 82, 0.38);
    box-shadow: 0 14px 30px rgba(121, 93, 25, 0.13), inset 0 1px 0 rgba(255, 255, 255, 0.98);
}

    .divine-title span[b-swflvpqlut] {
        display: block;
        margin-bottom: 2px;
        font-size: 13px;
        font-weight: 800;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        color: #7a682d;
    }

    .divine-title strong[b-swflvpqlut] {
        display: block;
        font-family: Georgia, "Times New Roman", serif;
        font-size: clamp(26px, 4vw, 36px);
        line-height: 1.1;
        font-weight: 700;
        color: #2f7d46;
    }

.subtitle[b-swflvpqlut] {
    max-width: 450px;
    margin: 18px auto 0;
    font-size: 15.5px;
    line-height: 1.65;
    color: #4f6a6d;
}

.workshop-form[b-swflvpqlut] {
    margin-top: 4px;
}

.form-group[b-swflvpqlut] {
    margin-bottom: 22px;
}

label[b-swflvpqlut] {
    display: block;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 850;
    letter-spacing: 0.01em;
    color: #063d42;
}

    label span[b-swflvpqlut] {
        color: #e14b4b;
    }

.two-column[b-swflvpqlut] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
}

.phone-grid[b-swflvpqlut] {
    display: grid;
    grid-template-columns: 0.42fr 1fr;
    gap: 15px;
}

.pretty-input[b-swflvpqlut] {
    width: 100%;
    height: 56px;
    padding: 0 18px;
    border: 1.5px solid rgba(6, 61, 66, 0.13);
    outline: none;
    border-radius: 18px;
    background: linear-gradient(#ffffff, #ffffff) padding-box, linear-gradient(135deg, rgba(203, 169, 82, 0.48), rgba(47, 125, 70, 0.28)) border-box;
    color: #123437;
    font-family: inherit;
    font-size: 15px;
    font-weight: 550;
    box-shadow: 0 12px 28px rgba(6, 61, 66, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.9);
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}

    .pretty-input[b-swflvpqlut]::placeholder {
        color: #9aa9ab;
        font-weight: 400;
    }

    .pretty-input:hover[b-swflvpqlut] {
        border-color: rgba(203, 169, 82, 0.58);
        box-shadow: 0 14px 30px rgba(6, 61, 66, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.95);
    }

    .pretty-input:focus[b-swflvpqlut] {
        transform: translateY(-1px);
        border-color: #cba952;
        box-shadow: 0 0 0 5px rgba(203, 169, 82, 0.17), 0 18px 36px rgba(6, 61, 66, 0.12);
    }

.register-btn[b-swflvpqlut] {
    width: 100%;
    height: 58px;
    margin-top: 12px;
    border: none;
    border-radius: 20px;
    cursor: pointer;
    color: #ffffff;
    font-size: 17px;
    font-weight: 900;
    letter-spacing: 0.02em;
    background: linear-gradient(135deg, #246f3c, #82b447);
    box-shadow: 0 18px 35px rgba(47, 125, 70, 0.35);
    transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
}

    .register-btn:hover[b-swflvpqlut] {
        transform: translateY(-2px);
        filter: brightness(1.05);
        box-shadow: 0 24px 46px rgba(47, 125, 70, 0.45);
    }

    .register-btn:active[b-swflvpqlut] {
        transform: translateY(0);
    }

.validation-summary[b-swflvpqlut] {
    margin: 0 0 20px;
    padding: 14px 18px;
    border-radius: 18px;
    background: rgba(225, 75, 75, 0.1);
    border: 1px solid rgba(225, 75, 75, 0.18);
    color: #a63737;
    font-size: 14px;
}

.validation-message[b-swflvpqlut] {
    display: block;
    margin-top: 7px;
    color: #c43d3d;
    font-size: 12px;
    font-weight: 600;
}
.pretty-select[b-swflvpqlut] {
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    background: linear-gradient(45deg, transparent 50%, #7a682d 50%), linear-gradient(135deg, #7a682d 50%, transparent 50%), linear-gradient(#ffffff, #ffffff);
    background-position: calc(100% - 22px) 50%, calc(100% - 16px) 50%, 0 0;
    background-size: 6px 6px, 6px 6px, 100% 100%;
    background-repeat: no-repeat;
    padding-right: 42px;
}
.response-message[b-swflvpqlut] {
    margin: 18px 0;
    padding: 14px 16px;
    border-radius: 14px;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
}

    .response-message.success[b-swflvpqlut] {
        color: #5f481f;
        background: #fff7df;
        border: 1px solid #e2c678;
    }

    .response-message.error[b-swflvpqlut] {
        color: #8a1f1f;
        background: #fff0f0;
        border: 1px solid #e5a3a3;
    }
@media (max-width: 640px) {
    .workshop-page[b-swflvpqlut] {
        width: calc(100% - 20px);
        margin: 10px auto;
        padding: 28px 14px;
        border-radius: 28px;
    }

    .registration-card[b-swflvpqlut] {
        padding: 34px 22px 38px;
        border-radius: 28px;
    }

    .two-column[b-swflvpqlut],
    .phone-grid[b-swflvpqlut] {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .workshop-logo[b-swflvpqlut] {
        width: 86px;
        height: 86px;
        border-radius: 24px;
    }

    .divine-title[b-swflvpqlut] {
        padding: 13px 18px;
        border-radius: 20px;
    }

    .pretty-input[b-swflvpqlut] {
        height: 54px;
        border-radius: 16px;
    }

    .register-btn[b-swflvpqlut] {
        border-radius: 18px;
    }
}