/* Mindthera visual adaptation for e-Konseling UTND.
   Source template: Mindthera by Designesia, supplied by application owner.
   Uses its Jost typography, soft green palette, rounded services and stepped process.
   Colors and components adapted to UTND and existing Laravel routes. */
@font-face{font-family:Jost;src:url('/themes/fonts/jost-latin.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
.theme-mindthera{--navy:#254838;--ink:#304a3c;--muted:#586d60;--teal:#417b5e;--orange:#c54e08;--orangeDark:#9b3c04;font-family:Jost,system-ui,sans-serif;background:#fff}.theme-mindthera .landing-page{--orange:#c54e08;--orangeDark:#9b3c04;background:#fff}.theme-mindthera .site-nav{border-bottom:1px solid #e6ede4;background:#fffdf9}.theme-mindthera .site-nav>.container{max-width:1230px;padding-top:19px;padding-bottom:19px}.theme-mindthera .brand-title{font-size:24px;font-weight:600;letter-spacing:-.7px}.theme-mindthera .brand-sub{font-size:10px;letter-spacing:.6px}.theme-mindthera .site-nav nav{font-size:15px;gap:30px}.theme-mindthera .btn{border-radius:7px;padding:13px 24px;font-weight:600;font-size:14px;box-shadow:none}.theme-mindthera .home-slider .btn-primary{background:#f47a20;color:#183428}.theme-mindthera .slide-copy h1,.theme-mindthera .slide-copy h2{font-family:Jost,system-ui,sans-serif;font-weight:500;font-size:clamp(42px,4.8vw,69px);letter-spacing:-1.6px;line-height:1.13}.theme-mindthera .slide-copy p{font-size:17px;font-weight:400;line-height:1.7}.theme-mindthera .slide-copy{max-width:545px}.theme-mindthera .slide-kicker{font-size:12px;letter-spacing:1.4px;color:#ffe0be}.theme-mindthera .slide-note{font-size:11px}.theme-mindthera .home-slide,.theme-mindthera .slide-inner{min-height:570px}.theme-mindthera .slide-inner{padding-top:75px;padding-bottom:110px}.theme-mindthera .landing-page .section{padding-top:80px;padding-bottom:80px}.theme-mindthera .landing-page .section-title{font-family:Jost,system-ui,sans-serif;font-weight:500;line-height:1.18;font-size:clamp(32px,3.4vw,49px);letter-spacing:-1px;color:#254838}.theme-mindthera .eyebrow{color:#3e7659;font-size:12px;font-weight:600;letter-spacing:1.8px}.theme-mindthera .landing-page .eyebrow{color:#3e7659}.theme-mindthera .landing-page .section-desc{font-size:16px;line-height:1.8;max-width:630px}.theme-mindthera .service-status{border-bottom:1px solid #e2eadd;font-family:Jost,sans-serif}.theme-mindthera .service-status strong{font-size:14px}.theme-mindthera .service-status p{font-size:13px}.theme-mindthera .landing-page .service-status+.section{padding-top:25px;padding-bottom:0}.theme-mindthera .landing-page .safety{background:#f7f8ee;border:1px solid #e4e9d6;color:#365b43;font-size:13px}.mindthera-intro{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.intro-visual{position:relative;padding-bottom:35px}.intro-visual>img{display:block;width:100%;height:380px;object-fit:cover;object-position:85% center;border-radius:130px 20px 20px 20px}.intro-note{position:absolute;bottom:20px;left:30px;right:30px;background:#e1efd8;border:6px solid #fff;border-radius:14px;display:flex;gap:18px;align-items:center;padding:20px 23px;box-shadow:0 15px 30px #294e3110}.intro-note>span{font-size:44px;line-height:1;color:#437958}.intro-note strong{font-size:20px;color:#294f39;font-weight:500}.intro-note p{font-size:13px;color:#59725d;margin:3px 0 0}.intro-caption{position:absolute;top:18px;right:15px;font-size:10px;color:#fff;background:#1e392caa;padding:4px 9px;border-radius:5px}.intro-copy>p:not(.eyebrow){color:#647368;font-size:16px;line-height:1.8}.intro-copy .section-title em{font-family:Georgia,serif;font-weight:400;color:#538865;font-size:.84em}.intro-checklist{padding:0;margin:22px 0;list-style:none;color:#446d51;font-size:15px}.intro-checklist li{margin:13px 0;display:flex;gap:12px}.intro-checklist li::before{content:'✓';color:#578c68;font-weight:700}.theme-mindthera .landing-page .card{border-radius:12px;border:1px solid #e1e9dc;padding:30px;box-shadow:0 8px 25px #1a482b04}.theme-mindthera .landing-page .card h3{font-family:Jost,sans-serif;font-size:24px;font-weight:500;color:#254838}.theme-mindthera .landing-page .card p{font-size:15px;color:#66746a}.theme-mindthera .landing-page .service-card{background:linear-gradient(130deg,#f3f8ec,#fff 70%);border-top:3px solid #a1bf8c;display:flex;flex-direction:column}.theme-mindthera .service-card .text-link{margin-top:auto;padding-top:12px;font-size:14px}.theme-mindthera .landing-page .service-number{width:50px;height:50px;background:#e7efd8;color:#426644;border-radius:12px;font-size:16px;font-weight:500}.theme-mindthera .mindthera-services{padding-top:35px!important}.theme-mindthera .landing-page .mindthera-process{background:#eef5e7}.theme-mindthera .mindthera-process .card{background:transparent;border:0;box-shadow:none;padding:20px 22px 10px 0}.process-number{font-family:Jost,sans-serif;color:#709560;font-size:49px;font-weight:400;line-height:1}.theme-mindthera .mindthera-process .card h3{font-size:23px;margin:20px 0 12px}.theme-mindthera .landing-page details{border-radius:10px;padding:24px;background:#fafcf7;border-color:#e1e9da;margin-top:14px}.theme-mindthera summary{font-size:17px;font-weight:500;color:#315940}.theme-mindthera details p{font-size:15px}.theme-mindthera .landing-page .final-cta{background:#3b6b4f;border-radius:18px;padding:65px 30px}.theme-mindthera .final-cta h2{font-family:Jost,sans-serif;font-size:46px;font-weight:500;letter-spacing:-1px}.theme-mindthera .final-cta p{font-size:16px}.theme-mindthera .footer{background:#253f30}.theme-mindthera .footer-grid h2{font-size:16px;font-weight:500}.theme-mindthera .footer-grid>div>a:not(.brand){font-size:14px}.theme-mindthera .footer-brand p{font-size:16px}.theme-mindthera .footer-disclaimer{font-size:12px}.theme-mindthera .footer-bottom{font-size:12px}.theme-mindthera .auth-card{border:1px solid #dde8d6;background:#fbfdf8;border-radius:14px}.theme-mindthera input,.theme-mindthera textarea,.theme-mindthera select{border-color:#cedac6;border-radius:7px}.theme-mindthera .narrow{max-width:700px;padding:32px}
@media(max-width:1000px){.mindthera-intro{gap:35px}.intro-visual>img{height:350px}.intro-note{left:15px;right:15px;padding:17px}.theme-mindthera .site-nav nav{gap:18px}.theme-mindthera .slide-copy{max-width:49%}.theme-mindthera .slide-copy h1,.theme-mindthera .slide-copy h2{font-size:47px}}
@media(max-width:640px){.theme-mindthera .site-nav>.container{padding:12px 18px}.theme-mindthera .brand-title{font-size:22px}.theme-mindthera .site-nav nav{font-size:12px;gap:11px}.theme-mindthera .site-nav nav>.btn{font-size:12px;padding:8px 15px}.theme-mindthera .home-slide,.theme-mindthera .slide-inner{min-height:630px}.theme-mindthera .slide-inner{padding-top:240px;padding-bottom:115px}.theme-mindthera .slide-copy{max-width:100%}.theme-mindthera .slide-copy h1,.theme-mindthera .slide-copy h2{font-size:41px;letter-spacing:-1px}.theme-mindthera .slide-copy p{font-size:15px;line-height:1.7}.theme-mindthera .slide-kicker{font-size:10px}.theme-mindthera .slide-note{font-size:10px}.theme-mindthera .landing-page .section{padding-top:48px;padding-bottom:48px}.mindthera-intro{grid-template-columns:1fr;gap:25px}.intro-visual>img{height:310px;border-radius:80px 15px 15px 15px}.intro-note strong{font-size:18px}.intro-copy>p:not(.eyebrow){font-size:15px}.theme-mindthera .landing-page .section-title{font-size:35px}.theme-mindthera .landing-page .card{padding:25px}.theme-mindthera .mindthera-process .card{padding:15px 0}.theme-mindthera .final-cta h2{font-size:35px}.theme-mindthera .footer-grid{gap:30px 20px}.theme-mindthera .narrow{margin:25px 16px;padding:24px}.theme-mindthera .landing-page .final-cta{padding:40px 23px}}

.theme-mindthera .landing-page .final-cta .eyebrow{color:#fff1d4}

.theme-mindthera .slide--asset .slide-copy h2,.theme-mindthera .slide--asset .slide-copy p,.theme-mindthera .slide--asset .slide-note{color:#254838}
.theme-mindthera .slide--asset .slide-kicker{color:#365f44}
@media(max-width:640px){
 .theme-mindthera .slide--asset::after{background:linear-gradient(0deg,#f5eadcf5 3%,#f5eadc88 45%,#f5eadc00 80%)}
 .theme-mindthera .slide--asset .slide-background{object-position:center top}
 .theme-mindthera .slide--asset .slide-inner{padding-top:235px;padding-bottom:130px;min-height:680px}
 .theme-mindthera .slide--asset .slide-copy{padding:20px;background:#fff9efed;border:1px solid #fff7e8;border-radius:14px}
 .theme-mindthera .slide--asset .slide-copy h2{font-size:34px}
 .theme-mindthera .slide--asset .slide-copy p{font-size:14px;margin-bottom:18px}
 .theme-mindthera .slider-controls{flex-wrap:wrap;justify-content:center;gap:8px;bottom:34px}
 .theme-mindthera .slider-dots{order:-1;flex-basis:100%;justify-content:center;gap:8px}
 .theme-mindthera .slider-dots button{width:22px;height:22px;background:#18362ba6}
 .theme-mindthera .slider-dots button[aria-pressed="true"]{background:#f47a20}
 .theme-mindthera .slider-counter{margin-left:0}
}

.theme-mindthera .landing-page .final-cta{position:relative;overflow:hidden;text-align:left;background-color:#183e32;background-image:linear-gradient(90deg,rgba(17,49,39,.97) 0%,rgba(17,49,39,.90) 40%,rgba(17,49,39,.35) 100%),url('/branding/assets-20261011/desktop/hero-04-kampus.webp');background-size:cover;background-position:center;isolation:isolate}
.theme-mindthera .landing-page .final-cta h2{max-width:650px;color:#fff}
.theme-mindthera .landing-page .final-cta .rich-content{max-width:520px;color:#f0f6f1}
.theme-mindthera .landing-page .final-cta .rich-content p{color:#f0f6f1}
.theme-mindthera .landing-page .final-cta .eyebrow{color:#ffe1b7}
@media(max-width:640px){.theme-mindthera .landing-page .final-cta{background-image:linear-gradient(0deg,rgba(17,49,39,.97),rgba(17,49,39,.82)),url('/branding/assets-20261011/mobile/hero-04-kampus-mobile.webp');background-position:center top}.theme-mindthera .landing-page .final-cta h2{font-size:32px}}

.theme-mindthera .landing-page .service-card--image{position:relative;isolation:isolate;overflow:hidden;min-height:390px;background:#183e32;border:0;padding:28px;box-shadow:0 10px 26px #1a482b14}
.service-card-background{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:78% center;z-index:-2;transition:transform .35s ease}
.service-card--image::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,44,35,.18) 0%,rgba(15,44,35,.45) 28%,rgba(15,44,35,.95) 65%,#0f2c23 100%);z-index:-1}
.service-card-content{display:flex;flex-direction:column;flex:1;min-width:0}
.theme-mindthera .landing-page .service-card--image .service-number{margin-bottom:85px;background:#fff5e9;color:#315c44;box-shadow:0 3px 12px #132c2520}
.theme-mindthera .landing-page .service-card--image h3{color:#fff;margin:0 0 12px;font-size:26px;line-height:1.25}
.theme-mindthera .landing-page .service-card--image p{color:#f0f5f1;margin:0 0 20px;font-size:15px;line-height:1.75}
.theme-mindthera .service-card--image .text-link{color:#ffe1af;text-decoration:none;font-weight:650;padding-top:8px;line-height:1.6;align-self:flex-start}
.theme-mindthera .service-card--image .text-link:hover{text-decoration:underline;color:#fff}
.service-card--image:hover .service-card-background{transform:scale(1.04)}
.service-card--image .text-link:focus-visible{outline:2px solid #fff;outline-offset:5px;border-radius:3px}
@media(max-width:640px){.theme-mindthera .landing-page .service-card--image{min-height:360px;padding:25px}.theme-mindthera .landing-page .service-card--image .service-number{margin-bottom:75px}}
@media(prefers-reduced-motion:reduce){.service-card-background{transition:none}.service-card--image:hover .service-card-background{transform:none}}

@media(max-width:640px){.theme-mindthera .site-nav nav{flex-wrap:wrap;justify-content:flex-start;gap:10px 14px}.theme-mindthera .site-nav nav>a{white-space:nowrap}}

.theme-mindthera .slide-description{color:#e1e9f5;font-size:17px;line-height:1.7;max-width:470px;margin:0 0 26px}.theme-mindthera .slide-description p{margin:0 0 12px}.theme-mindthera .slide--asset .slide-description{color:#254838}
.theme-mindthera .landing-page .service-card--image .service-description{color:#f0f5f1;margin:0 0 20px;font-size:15px;line-height:1.75}
.theme-mindthera .landing-page .final-cta:has(.cta-custom-background){background-image:none}.cta-custom-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}.final-cta:has(.cta-custom-background)::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#113127f7,#113127e6 40%,#11312759)}
@media(max-width:640px){.theme-mindthera .slide-description{font-size:15px}.final-cta:has(.cta-custom-background)::before{background:#113127d9}}

.footer-brand>.rich-content{margin:20px 0;font-size:14px;line-height:1.8}
