:root{--green:#a8ce3a;--lime:#d4f18a;--ink:#1b231c;--muted:#73786f;--line:#e3e7dd;--surface:#f5f7f1;--white:#fff;--radius:18px;--font:'DM Sans',Arial,sans-serif;--heading:'Manrope',Arial,sans-serif;--shadow:0 16px 50px #24331d0a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--ink);background:#fff;font-family:var(--font);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}img{display:block;max-width:100%}svg{flex-shrink:0}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:var(--heading);line-height:1.18;letter-spacing:-.045em}h1{font-weight:800}h2{font-weight:750}h3{font-weight:750}p{line-height:1.65}figure{margin:0}button{color:inherit}::selection{background:var(--lime);color:var(--ink)}:focus-visible{outline:3px solid #688821;outline-offset:4px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:1px}.container{width:min(1280px,calc(100% - 96px));margin-inline:auto}.icon{width:21px;height:21px;display:inline-block;vertical-align:middle}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:var(--ink);color:white;padding:12px 20px;border-radius:6px}.skip-link:focus{top:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:var(--green);border:1px solid transparent;border-radius:9px;padding:16px 23px;font-weight:650;font-size:14px;line-height:1.35;transition:background .2s,transform .2s;white-space:normal;min-height:49px}.button:hover{background:#badb60;transform:translateY(-2px)}.button-dark{background:var(--ink);color:white}.button-dark:hover{background:#344532}.button-secondary{background:#fff;border-color:var(--line);color:var(--ink)}.button-secondary:hover{background:var(--surface)}.button-danger{background:#fce9e5;color:#a63724;border-color:#f8d2c7}.button-danger:hover{background:#f7d3c9}.button.compact{padding:12px 17px;min-height:43px;font-size:14px;gap:18px}.text-link{display:inline-flex;align-items:center;gap:17px;font-weight:650;font-size:14px}.text-link:hover{color:#607c23}.text-link>.icon{width:18px;height:18px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:43px;height:43px;border:1px solid var(--line);background:#fff;border-radius:50%;padding:9px}.icon-button:hover{background:var(--surface)}.eyebrow{font-size:14px;font-weight:700;letter-spacing:.15em;display:flex;align-items:center;gap:10px;line-height:1.6}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #a8ce3a18;flex-shrink:0}.section{padding-block:92px}.section-index{color:#8b9481;margin-right:5px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:38px}.section-heading h2{font-size:43px;margin-top:17px;line-height:1.17}.section-heading-side{padding-bottom:4px}.section-heading-side p,.section-subtitle{color:var(--muted);font-size:14px}.section-heading-side .text-link{margin-top:20px}.muted-heading{color:#8c9683}.section-subtitle{max-width:330px;padding-bottom:5px}.muted{color:var(--muted)}.rotate-arrow{display:inline-flex;transform:rotate(180deg)}
/* Public navigation */
.site-header{height:96px;background:#ffffffee;border-bottom:1px solid #eef0e9;position:sticky;top:0;z-index:40;backdrop-filter:blur(14px)}.header-inner{height:100%;display:flex;align-items:center;gap:24px;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;font-family:var(--heading);font-size:24px;font-weight:800;letter-spacing:-.07em;white-space:nowrap;line-height:1.1}.brand small{display:block;font:700 7px var(--font);letter-spacing:.14em;margin-top:8px}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:42px;height:44px;background:var(--green);border-radius:8px;font-size:35px;font-weight:800;letter-spacing:-.08em;position:relative;padding-right:3px;line-height:1}.brand-mark>span{width:4px;height:4px;border-radius:1px;background:var(--ink);align-self:flex-end;position:absolute;bottom:11px;right:6px}.site-nav{display:flex;gap:27px;align-items:center}.site-nav a{font-size:14px;font-weight:600;color:#636d5b;transition:color .2s}.site-nav a:hover{color:var(--ink)}.header-actions{display:flex;align-items:center;gap:24px}.login-link{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:650}.login-link>.icon{width:17px;height:17px}.menu-toggle{display:none}.flash-container{padding-top:20px}
/* Hero */
.hero-section{display:grid;grid-template-columns:1.03fr 1fr;gap:46px;align-items:center;padding-block:62px 60px}.hero-copy{padding:18px 0 24px}.hero-eyebrow{margin-bottom:24px;font-size:14px;letter-spacing:.16em}.hero-copy h1{font-size:clamp(48px,4.7vw,70px);line-height:1.08;letter-spacing:-.065em;max-width:650px}.hero-copy h1>span{color:#7aa027}.hero-description{font-size:15px;color:#6a7463;max-width:405px;margin-top:25px;line-height:1.85}.hero-actions{display:flex;align-items:center;gap:23px;margin-top:32px}.hero-actions .button{font-size:14px;gap:23px;padding:17px 20px}.hero-actions .text-link{font-size:14px;gap:10px}.hero-trust{display:flex;align-items:center;gap:10px;margin-top:34px}.trust-icon{width:20px;height:20px;background:#eff6e5;color:#6d8e27;border-radius:50%;display:flex;align-items:center;justify-content:center}.trust-icon .icon{width:12px;height:12px}.hero-trust p{font-size:14px;color:#7e8777}.hero-visual{height:477px;position:relative;padding:0 0 27px 20px}.hero-slide{height:100%;width:100%;overflow:hidden;border-radius:16px;position:relative;background:#2b382b}.hero-slide>img{height:100%;width:100%;object-fit:cover;object-position:center;filter:saturate(.8)}.hero-slide::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#101a11bd,transparent 60%)}.hero-slide figcaption{position:absolute;left:28px;right:24px;bottom:67px;color:#fff;z-index:1}.photo-caption-tag{font-size:14px;font-weight:600;letter-spacing:.17em;display:block;color:#e0ecd4}.hero-slide figcaption strong{font-family:var(--heading);font-size:23px;letter-spacing:-.04em;line-height:1.3;max-width:340px;display:block;margin-top:8px}.hero-decor{position:absolute;z-index:3;top:-20px;right:-17px;width:67px;height:67px;background:var(--lime);border-radius:50%;display:flex;align-items:center;justify-content:center;transform:rotate(15deg)}.hero-decor .icon{width:40px;height:40px}.hero-floating-card{position:absolute;left:-1px;bottom:0;z-index:3;border:1px solid #eef0e8;padding:16px 26px 16px 16px;border-radius:12px;background:#fff;display:flex;gap:13px;align-items:center;box-shadow:0 10px 30px #263b1920}.floating-icon{background:var(--green);width:43px;height:43px;display:flex;align-items:center;justify-content:center;border-radius:9px}.floating-icon .icon{width:23px;height:23px}.hero-floating-card strong{display:block;font-size:14px;font-weight:700}.hero-floating-card span:not(.floating-icon){display:block;font-size:14px;color:var(--muted);margin-top:4px}.carousel-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;z-index:2}.hero-controls{position:absolute;bottom:46px;left:48px;right:25px;color:#fff}.carousel-dots{display:flex;gap:6px;align-items:center}.carousel-dots button{height:6px;width:6px;border:0;padding:0;border-radius:3px;background:#ffffff6b;transition:width .2s}.carousel-dots button.is-active{width:26px;background:var(--green)}.carousel-buttons{display:flex;gap:7px}.carousel-buttons button{width:31px;height:31px;border-radius:50%;border:1px solid #ffffff75;color:inherit;background:transparent;padding:5px;display:flex;justify-content:center;align-items:center}.carousel-buttons .icon{width:15px;height:15px}.carousel-buttons button:hover{background:#ffffff25}.carousel-buttons .carousel-pause{font-size:14px;letter-spacing:-1px}.hero-image-empty{height:100%;border-radius:18px;background:var(--green);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:40px;text-align:center}.hero-image-empty .icon{width:100px;height:100px}
/* Announcement and numbers */
.announcement-bar{background:var(--green);height:48px;overflow:hidden}.announcement-inner{display:flex;align-items:center;height:100%;gap:28px}.announcement-label{font-size:14px;letter-spacing:.12em;font-weight:800;display:flex;gap:10px;align-items:center;flex-shrink:0}.announcement-label .icon{width:16px;height:16px}.announcement-inner>a{display:flex;padding:8px 0 8px 20px}.ticker{overflow:hidden;flex:1;white-space:nowrap;mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent)}.ticker-content{display:inline-flex;align-items:center;gap:48px;font-size:14px;font-weight:550;animation:ticker 28s linear infinite;min-width:max-content}.ticker:hover .ticker-content,.ticker:focus .ticker-content{animation-play-state:paused}@keyframes ticker{from{transform:translateX(35%)}to{transform:translateX(-100%)}}.stats-section{padding-block:47px 48px;display:grid;grid-template-columns:1.1fr 3fr;gap:60px}.stats-intro .eyebrow{font-size:14px;color:#7c8674}.stats-intro h2{font-size:23px;line-height:1.35;margin-top:10px;letter-spacing:-.04em}.public-stats{display:grid;grid-template-columns:repeat(4,1fr);align-items:center}.public-stat{display:flex;flex-direction:column;justify-content:center;border-left:1px solid var(--line);padding:3px 0 3px 28px;gap:6px}.public-stat strong{font:750 35px/1.25 var(--heading);letter-spacing:-.05em}.public-stat span{font-size:14px;color:#7b8474;max-width:110px}
/* Courses */
.courses-section{background:var(--surface);border-block:1px solid #edf0e7}.course-teaser-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.course-teaser{padding:21px 18px 17px;border:1px solid #e5e9de;background:#fff;border-radius:12px;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s,border-color .2s;min-width:0}.course-teaser:hover{transform:translateY(-5px);border-color:#b6d771;box-shadow:0 16px 25px #3c5b1810}.course-topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:29px}.course-symbol{width:43px;height:43px;border-radius:10px;display:inline-flex;justify-content:center;align-items:center;background:#eff5e4;color:#608422}.course-symbol .icon{width:25px;height:25px}.color-0{background:#eff5df;color:#6b902b}.color-1{background:#f1eee4;color:#9a8044}.color-2{background:#e8f0ec;color:#44866a}.color-3{background:#e8eff1;color:#4a7a8c}.color-4{background:#f7ece4;color:#ab7746}.course-arrow{color:#a0a694}.course-arrow .icon{width:17px;height:17px}.course-teaser h3{font-size:17px;letter-spacing:-.04em;line-height:1.35;min-height:46px}.course-teaser p{font-size:14px;line-height:1.75;color:#859078;margin-top:9px;margin-bottom:23px;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.course-meta{border-top:1px solid #edf0e6;padding-top:13px;display:flex;flex-direction:column;gap:10px;font-size:14px;color:#88907f}.course-meta>span:first-child{display:flex;align-items:center;gap:5px}.course-meta .icon{width:12px;height:12px}.course-meta strong{font-size:14px;color:#35402f;font-weight:700}
/* Editorial cards */
.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:27px}.news-card{min-width:0}.news-image{height:226px;background:var(--surface);border-radius:13px;overflow:hidden;position:relative}.news-image img{height:100%;width:100%;object-fit:cover;transition:transform .5s;filter:saturate(.8)}.news-card:hover img{transform:scale(1.035)}.news-tag{position:absolute;bottom:14px;left:14px;background:#ffffffed;border-radius:5px;padding:5px 9px;font-size:14px;font-weight:700;letter-spacing:.015em}.news-copy{padding:20px 1px 0}.news-copy time{font-size:14px;color:#8c9485}.news-copy h3{font-size:22px;line-height:1.4;margin-top:11px;letter-spacing:-.035em}.news-details{margin-top:21px}.news-details summary{list-style:none;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:14px;font-weight:650;border-top:1px solid var(--line);padding-top:14px}.news-details summary::-webkit-details-marker{display:none}.news-details summary .icon{width:17px;height:17px}.news-details[open] summary .icon{transform:rotate(90deg)}.news-details>p{font-size:14px;color:#76806c;line-height:1.85;margin:16px 0}.achievement-section{background:#202b20;color:#fff;overflow:hidden}.achievement-layout{display:grid;grid-template-columns:.95fr 1fr;gap:90px;align-items:center}.achievement-copy{position:relative}.achievement-copy .eyebrow{color:#b2bf9f;font-size:14px}.achievement-copy .section-index{color:#809773}.achievement-copy h2{font-size:46px;line-height:1.2;margin-top:25px}.achievement-copy h2>span{color:var(--lime)}.achievement-copy>p{font-size:14px;color:#a0b095;margin-top:24px;max-width:355px;line-height:1.9}.achievement-copy>.button{font-size:14px;margin-top:29px;gap:19px}.achievement-sign{position:absolute;bottom:-93px;right:-30px;color:#a8ce3a11;font:800 115px var(--heading);letter-spacing:-.08em;transform:rotate(-10deg)}.achievement-carousel{position:relative;min-width:0}.achievement-slide{position:relative;border-radius:14px;overflow:hidden;background:#40503b;height:420px}.achievement-slide>img{height:100%;width:100%;object-fit:cover;filter:saturate(.75)}.achievement-slide::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0c170cef,transparent 85%)}.achievement-slide figcaption{position:absolute;bottom:32px;left:26px;right:26px;z-index:1}.achievement-slide figcaption>span{font-size:14px;letter-spacing:.13em;font-weight:600;color:var(--lime)}.achievement-slide h3{font-size:26px;margin-top:9px;letter-spacing:-.045em;line-height:1.2}.achievement-slide p{font-size:14px;line-height:1.7;color:#ccd9c3;margin-top:10px}.achievement-controls{margin-top:20px}.achievement-controls .carousel-buttons button{width:36px;height:36px;border-color:#76866b}.team-scroll-controls{display:flex;gap:8px}.mentor-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 90px)/4);gap:30px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--line) transparent;padding:12px 0 22px}.mentor-card{text-align:center;scroll-snap-align:start}.mentor-photo{height:170px;width:170px;margin:0 auto 23px;border-radius:50%;padding:7px;border:1px solid #e5ebdd;background:linear-gradient(145deg,#f7f9ef,#e9efde)}.mentor-photo img{border-radius:50%;height:100%;width:100%;object-fit:cover;object-position:center 25%;filter:saturate(.7)}.mentor-card h3{font-size:19px;letter-spacing:-.035em}.mentor-card>span{font-size:14px;color:#6c8b32;margin-top:8px;display:block;font-weight:600}.mentor-card p{font-size:14px;line-height:1.75;color:#8b9480;margin:12px auto 0;max-width:205px}.cta-section{background:var(--lime);border-radius:16px;padding:48px 53px;display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;overflow:hidden;margin-top:10px}.cta-section .eyebrow{font-size:14px;color:#526a2b}.cta-section h2{font-size:43px;line-height:1.13;margin-top:16px;position:relative;z-index:1}.cta-section p{font-size:14px;color:#61773c;margin-top:17px;max-width:350px}.cta-section>.button{position:relative;z-index:1;font-size:14px;gap:31px;margin-right:22px}.cta-decoration{position:absolute;right:7px;top:-114px;font-size:405px;font-family:Arial,sans-serif;color:#b9db74;line-height:1.5;transform:rotate(-8deg);pointer-events:none}.contact-layout{display:grid;grid-template-columns:.9fr 1.3fr;gap:63px}.contact-info{padding-top:4px}.contact-line{display:flex;align-items:center;gap:17px;padding:21px 0;border-bottom:1px solid var(--line)}.contact-line>span{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--surface);border-radius:50%;flex-shrink:0}.contact-line>span>.icon{width:18px;height:18px}.contact-line>div{flex:1}.contact-line small{font-size:14px;color:#939b8a;display:block;margin-bottom:6px}.contact-line strong{font-size:14px;font-weight:550;display:block;line-height:1.5}.contact-line:first-child strong{font:750 22px var(--heading);letter-spacing:-.04em}.contact-line>.icon{width:18px;height:18px}.social-links{display:flex;gap:14px 20px;flex-wrap:wrap;margin-top:26px}.social-links>a{font-size:14px;display:inline-flex;gap:6px;align-items:center;font-weight:550}.social-links .icon{height:12px;width:12px}.map-card{border:1px solid #e4e7de;border-radius:15px;overflow:hidden;min-height:350px;background:var(--surface);position:relative;padding-bottom:61px}.map-card iframe{border:0;width:100%;height:100%;min-height:290px;position:absolute;inset:0 0 60px}.map-link{position:absolute;bottom:0;left:0;width:100%;height:61px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:18px 23px;font-size:14px;font-weight:600}.map-link>span{display:flex;align-items:center;gap:10px}.map-link .icon{width:17px;height:17px}.sample-note{font-size:14px;color:#9ba391;text-align:center;margin-top:43px}.site-footer{background:#f5f7f0;border-top:1px solid #e7ebdf;padding-top:55px}.footer-main{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:55px;padding-bottom:45px}.footer-brand .brand{font-size:23px}.footer-brand .brand-mark{width:37px;height:39px;font-size:31px}.footer-brand .brand small{font-size:14px;letter-spacing:.1em}.footer-brand>p{font-size:14px;color:#859078;margin-top:19px;line-height:1.9}.resident-badge{font-size:14px;letter-spacing:.12em;font-weight:750;display:flex;align-items:center;gap:9px;margin-top:22px}.resident-badge .status-dot{width:5px;height:5px}.footer-main h4{font-size:14px;letter-spacing:0;margin-bottom:22px}.footer-main>div:not(:first-child)>a{display:block;font-size:14px;color:#7f8a73;margin-top:12px}.footer-main>div:not(:first-child)>a .icon{width:12px;height:12px;margin-left:7px}.footer-main>div:not(:first-child)>p{font-size:14px;color:#7f8a73;margin-top:12px;max-width:220px}.footer-bottom{border-top:1px solid #dfe5d7;display:flex;justify-content:space-between;gap:20px;padding-block:21px;color:#929b87;font-size:14px}.footer-bottom>span:last-child{display:flex;gap:12px;align-items:center}.footer-bottom .icon{width:15px;height:15px;color:#768761}
/* Registration */
.registration-section{padding-top:35px;padding-bottom:90px}.back-link{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:#849078}.registration-heading{margin-top:44px;text-align:center}.registration-heading .eyebrow{justify-content:center;font-size:14px;color:#82906f}.registration-heading h1{font-size:43px;margin-top:15px}.registration-heading p{font-size:14px;color:#859079;max-width:650px;margin:19px auto 0}.stepper{display:flex;justify-content:center;align-items:center;list-style:none;padding:0;margin:38px 0 43px;gap:52px}.stepper li{display:flex;align-items:center;gap:10px;color:#9ca690;font-size:14px;position:relative;font-weight:550}.stepper li:not(:last-child):after{content:'';height:1px;width:30px;background:#dfe4d6;position:absolute;right:-40px}.stepper li>span{width:28px;height:28px;background:#f0f3e9;border:1px solid #e6ebdd;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:14px}.stepper li.active{color:#2b3824;font-weight:650}.stepper li.active>span{background:var(--green);border-color:var(--green)}.stepper li.complete>span{background:#e4efd0;border-color:#d6e7b9;color:#678a27}.course-choice-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:17px}.course-choice{position:relative;min-width:0;display:block;cursor:pointer}.course-choice>input{position:absolute;top:24px;right:24px;width:21px;height:21px;opacity:0}.choice-card{display:flex;flex-direction:column;border:1px solid #e2e8d8;border-radius:13px;padding:21px 18px;background:#fff;height:100%;transition:border .2s,background .2s,box-shadow .2s}.course-choice:hover .choice-card{border-color:#b6cd8e}.course-choice>input:checked+.choice-card{border-color:#8bad46;box-shadow:inset 0 0 0 1px #8bad46;background:#f7faef}.course-choice>input:focus-visible+.choice-card{outline:3px solid #6d8e27;outline-offset:3px}.radio-indicator{width:21px;height:21px;border:1px solid #dce3d2;border-radius:50%;display:flex;align-items:center;justify-content:center;color:transparent}.radio-indicator .icon{width:13px;height:13px}.course-choice>input:checked+.choice-card .radio-indicator{background:var(--green);border-color:var(--green);color:var(--ink)}.choice-title{font-family:var(--heading);font-weight:750;font-size:16px;line-height:1.35;letter-spacing:-.025em;display:block;min-height:44px}.choice-description{font-size:14px;color:#869376;line-height:1.8;display:block;margin-top:10px;flex:1;margin-bottom:23px}.choice-duration{display:flex;align-items:center;gap:6px;font-size:14px;color:#84906f}.choice-duration .icon{width:13px;height:13px}.choice-price{border-top:1px solid #e7ecde;padding-top:15px;margin-top:15px;font-weight:700;font-size:14px;display:block;white-space:nowrap}.choice-price small{font-size:14px;font-weight:400;color:#8a967b}.registration-next{display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:19px 24px;margin-top:30px}.registration-next p{font-size:14px;color:#7c8a6c}.registration-next .button{font-size:14px}.registration-details{display:grid;grid-template-columns:1.8fr 1fr;gap:32px;align-items:start;max-width:1060px;margin:auto}.registration-form{padding:35px!important}.registration-form>h2{font-size:22px;margin-bottom:10px}.registration-form>p{font-size:14px;margin-bottom:27px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 23px}.field{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:550;min-width:0}.field>small{color:#939f84;font-size:14px;font-weight:400;line-height:1.6}.full-width{grid-column:1/-1}input:not([type=checkbox]):not([type=radio]),select,textarea{width:100%;max-width:100%;border:1px solid #dfe6d4;background:#fff;border-radius:7px;padding:12px 13px;color:var(--ink);font-size:14px;min-height:45px;line-height:1.4;transition:border-color .2s;min-width:0}input::placeholder,textarea::placeholder{color:#a2ab98;opacity:1}input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus{border-color:#8dab53}textarea{resize:vertical;min-height:100px}input[type=checkbox],input[type=radio]{accent-color:#7c9f39}input[type=checkbox]{width:16px;height:16px;flex-shrink:0}fieldset{min-width:0;border:1px solid var(--line);border-radius:9px;padding:16px}legend{padding-inline:8px;font-size:14px;font-weight:600}.consent{display:flex;gap:10px;align-items:flex-start;margin:24px 0 28px;max-width:530px;font-size:14px;color:#7f8d6e;line-height:1.8}.consent input{margin-top:4px}.registration-form .actions{justify-content:space-between}.registration-form .button{font-size:14px;padding:14px 17px;gap:15px}.registration-summary{background:#f3f7ea;border:1px solid #e5ecd9;padding:30px;border-radius:15px;position:sticky;top:125px}.registration-summary>.eyebrow{font-size:14px;color:#82926b;margin-bottom:28px}.registration-summary>.course-symbol{width:53px;height:53px;border-radius:12px}.registration-summary>h2{font-size:26px;margin-top:22px}.registration-summary>p{font-size:14px;color:#80916c;margin-top:12px;line-height:1.85}.registration-summary dl{margin-block:25px;font-size:14px}.registration-summary dl>div{display:flex;justify-content:space-between;gap:15px;padding-block:13px;border-bottom:1px solid #dfe8d0}.registration-summary dt{color:#8a9977}.registration-summary dd{margin:0;font-weight:650;text-align:right}.registration-summary>.text-link{font-size:14px}.registration-summary .notice{margin-top:28px;font-size:14px;background:#e7eedb;border:0;padding:19px;border-radius:9px}.registration-summary .notice strong{font-size:14px}.registration-summary .notice p{color:#80936b;font-size:14px;margin-top:7px}.telegram-confirm-card{max-width:580px;margin:auto;text-align:center;padding:38px 43px!important}.telegram-large-icon{height:72px;width:72px;border-radius:50%;background:#edf5df;color:#7da72c;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.telegram-large-icon>.icon{width:36px;height:36px}.telegram-confirm-card>.eyebrow{justify-content:center;font-size:14px;color:#8a9877}.telegram-confirm-card>h2{font-size:30px;margin-top:14px}.telegram-confirm-card>p{font-size:14px;color:#859572;margin:17px auto;max-width:420px}.telegram-instructions{list-style:none;padding:0;margin:28px 0;text-align:left;display:flex;flex-direction:column;gap:18px}.telegram-instructions li{display:flex;align-items:center;gap:15px}.telegram-instructions li>span{width:29px;height:29px;background:#f2f6ea;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:14px;color:#789352;flex-shrink:0}.telegram-instructions strong{font-size:14px;display:block}.telegram-instructions small{font-size:14px;display:block;color:#99a889;margin-top:4px}.button-telegram{background:#279bd1;color:white;width:100%;margin-block:4px 10px;font-size:14px}.button-telegram:hover{background:#168aba}.check-status{font-size:14px;margin-block:15px}.telegram-confirm-card>.telegram-footnote{font-size:14px;margin-bottom:0;max-width:330px}
/* Login */
.login-section{display:grid;grid-template-columns:1.1fr 1fr;margin-block:40px 60px;min-height:685px;border:1px solid var(--line);border-radius:20px;overflow:hidden;padding:0}.login-story{background:#eff5e4;padding:46px 45px 31px;position:relative;display:flex;flex-direction:column;overflow:hidden}.login-story>.eyebrow{font-size:14px;color:#748665}.login-story h1{font-size:52px;line-height:1.1;margin-top:37px;letter-spacing:-.055em}.login-story>p{font-size:14px;line-height:1.9;color:#829475;margin-top:19px}.login-illustration{height:260px;position:relative;margin-top:24px;flex:1;min-height:200px}.illustration-orbit{width:240px;height:240px;border:1px solid #d3dfc0;border-radius:50%;position:absolute;top:7px;left:50%;transform:translateX(-50%)}.illustration-orbit:before{content:'';position:absolute;inset:27px;border:1px solid #d5e2be;border-radius:50%}.illustration-orbit:after{content:'';position:absolute;inset:-30px;border:1px solid #e0e9d2;border-radius:50%}.illustration-code{font:700 58px var(--heading);letter-spacing:-.12em;width:148px;height:134px;display:flex;align-items:center;justify-content:center;background:var(--green);border:1px solid #8fb032;border-radius:25px;transform:rotate(-9deg);position:absolute;top:59px;left:calc(50% - 74px);box-shadow:0 20px 35px #799c3020}.illustration-card{position:absolute;background:white;padding:13px 16px;border-radius:10px;box-shadow:0 5px 15px #2b431310;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600}.illustration-card .icon{width:20px;height:20px;color:#86a750}.card-a{left:0;top:38px;transform:rotate(-5deg)}.card-b{right:-10px;bottom:32px;transform:rotate(5deg)}.illustration-star{position:absolute;right:12px;top:9px;font-size:58px;font-family:Arial,sans-serif;color:#94b757;transform:rotate(7deg)}.login-story-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;color:#90a57c;margin-top:23px}.login-story-bottom>span:first-child{font-weight:750;letter-spacing:.12em}.login-form-side{padding:30px 44px 45px;background:#fff}.login-form-container{max-width:350px;margin:40px auto 0}.login-form-container>.eyebrow{color:#879973;font-size:14px}.login-form-container>h2{font-size:31px;letter-spacing:-.05em;margin-top:11px}.login-form-container>p{font-size:14px;margin-top:13px;line-height:1.8}.login-form{margin-top:29px}.portal-selector{border:0;border-radius:9px;padding:5px;display:flex;background:#f3f6ed;gap:5px;margin:0 0 25px}.portal-selector>label{position:relative;flex:1;cursor:pointer}.portal-selector input{position:absolute;opacity:0}.portal-selector label>span{padding:12px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px;border:1px solid transparent;border-radius:6px;color:#91a17c}.portal-selector .icon{height:16px;width:16px}.portal-selector input:checked+span{background:#fff;color:#3e522e;border-color:#e7eddc;box-shadow:0 3px 9px #23380c08;font-weight:650}.portal-selector input:focus-visible+span{outline:3px solid #7c9c47}.login-form>.field{margin-top:19px;font-size:14px;gap:9px}.login-form input:not([type=radio]){height:46px;font-size:14px}.password-field{position:relative;display:block}.password-field input{padding-right:45px!important}.password-toggle{border:0;background:transparent;position:absolute;top:0;right:0;height:46px;width:42px;display:flex;align-items:center;justify-content:center;color:#8c9f77}.password-toggle .icon{width:18px;height:18px}.login-submit{width:100%;font-size:14px;margin-top:26px;justify-content:space-between}.login-help{display:flex;align-items:flex-start;gap:10px;background:#f7f9f2;border-radius:8px;padding:13px;margin-top:21px}.login-help>span{margin-top:2px;color:#849b68}.login-help .icon{width:17px;height:17px}.login-help>p{font-size:14px;color:#92a07d;line-height:1.85}.login-form-container>.login-register{font-size:14px;text-align:center;margin-top:23px;color:#93a17f}.login-register a{color:#587d28;font-weight:650;display:inline-block;margin-left:4px}.login-form-container>.login-support{text-align:center;font-size:14px;color:#a2ad95;margin-top:13px}.login-support>a{text-decoration:underline;text-underline-offset:3px}
/* Shared private workspace */
.dashboard-body{background:#f5f7f1;font-size:14px}.sidebar{position:fixed;top:0;bottom:0;left:0;width:248px;border-right:1px solid #e4e9db;background:#fff;z-index:50;padding:30px 19px 20px;display:flex;flex-direction:column;overflow-y:auto}.sidebar>.brand{font-size:24px;margin:0 12px 43px;gap:10px}.sidebar .brand-mark{height:40px;width:39px;font-size:31px}.sidebar .brand small{font-size:14px;letter-spacing:.14em}.sidebar-label{font-size:14px;letter-spacing:.17em;color:#a0ae8e;font-weight:650;margin:0 14px 13px}.sidebar-nav{display:flex;flex-direction:column;gap:5px}.sidebar-nav>a{padding:12px 14px;display:flex;align-items:center;gap:11px;border-radius:8px;font-size:14px;color:#83916f;font-weight:550}.sidebar-nav>a.active{background:#ebf4dc;color:#4d6b20;font-weight:700}.sidebar-nav>a:hover{background:#f5f8ef}.sidebar-nav .icon{height:18px;width:18px}.nav-divider{height:1px;background:#ebefe3;margin:16px 12px}.sidebar-bottom{margin-top:auto;padding:28px 10px 0}.sidebar-user{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:21px;min-width:0}.avatar-initial{width:35px;height:35px;border-radius:50%;background:#e7efd9;display:flex;align-items:center;justify-content:center;font:700 15px var(--heading);color:#6b823f;flex-shrink:0}.sidebar-user>div{min-width:0}.sidebar-user strong{font-size:14px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user small{display:block;font-size:14px;color:#a0ac90;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-button{border:0;background:transparent;display:flex;align-items:center;gap:10px;font-size:14px;color:#9ba98c;padding:18px 0 0}.logout-button .icon{width:16px;height:16px}.dashboard-shell{margin-left:248px;min-height:100vh;display:flex;flex-direction:column}.dashboard-topbar{height:73px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #e5eade;background:#fff;padding:0 36px;font-size:14px;font-weight:550}.dashboard-topbar>span>.muted{margin:0 14px;color:#b0bc9e}.topbar-actions{display:flex;align-items:center;gap:20px}.today-label{color:#a1ae8e;font-size:14px}.topbar-actions .icon-button{height:34px;width:34px;background:#f7f9f3;border-color:#eff2e8}.topbar-actions .icon{height:16px;width:16px}.dashboard-main{padding:35px;flex:1;min-width:0}.dashboard-footer{padding:19px 36px;border-top:1px solid #e6ebde;font-size:14px;color:#a0ad91}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:27px}.page-head h1{font-size:30px;line-height:1.2}.page-head h2{font-size:25px}.page-head p{font-size:14px;color:#94a17f;margin-top:10px}.page-head .eyebrow{font-size:14px;color:#849969;margin-bottom:10px}.page-head .actions{margin-top:0}.grid{display:grid;gap:20px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.card,.panel{background:#fff;border:1px solid #e3e9d9;border-radius:13px;padding:24px;min-width:0;box-shadow:var(--shadow)}.panel+.panel,.card+.panel{margin-top:24px}.panel>h2,.card>h2{font-size:20px;margin-bottom:18px}.panel>h3,.card>h3{font-size:16px;margin-bottom:13px}.panel>p,.card>p{font-size:14px;line-height:1.8}.stat-card{background:white;border:1px solid #e3e9d9;border-radius:13px;padding:22px;min-width:0}.stat-card h3,.stat-card small,.stat-card>.muted{font-size:14px;letter-spacing:0;color:#879970;font-family:var(--font);font-weight:500}.stat-card strong,.stat-card .stat-value{font:750 28px/1.3 var(--heading);letter-spacing:-.035em;display:block;margin:10px 0 7px;overflow-wrap:anywhere}.stat-card p{font-size:14px;color:#8ca177}.badge,.pill{display:inline-flex;align-items:center;gap:5px;font-size:14px;font-weight:600;line-height:1.4;border-radius:20px;background:#edf4e0;color:#648738;padding:5px 9px;white-space:nowrap}.badge.success,.badge.active,.badge-paid,.badge-success,.badge.completed{background:#eaf4df;color:#598120}.badge.warning,.badge.planned,.badge-warning,.badge-pending{background:#fff3d7;color:#9f7a28}.badge.danger,.badge-danger,.badge-failed,.badge.cancelled{background:#fcebe5;color:#b76548}.badge.info,.badge-info{background:#e9f1f2;color:#548293}.table-wrap{overflow-x:auto;border:1px solid #e5eadf;border-radius:9px;margin:18px 0;max-width:100%;scrollbar-width:thin}table{border-collapse:collapse;width:100%;text-align:left;font-size:14px}th{background:#f6f8f1;font-size:14px;text-transform:uppercase;letter-spacing:.06em;color:#879975;font-weight:650;white-space:nowrap}th,td{padding:14px 15px;border-bottom:1px solid #e8ede0;vertical-align:top}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fcfdf9}td .button{min-height:30px;font-size:14px;padding:7px 10px;gap:6px}td>form{display:inline-block}td input:not([type=checkbox]):not([type=radio]),td select{min-width:75px;min-height:32px;padding:7px 8px;font-size:14px}td textarea{min-width:140px}td .muted,td small{font-size:14px;display:block;margin-top:4px;line-height:1.7}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:20px}.dashboard-main .button{font-size:14px;min-height:39px;padding:11px 15px;gap:12px}.dashboard-main .field{font-size:14px;gap:7px}.dashboard-main input:not([type=checkbox]):not([type=radio]),.dashboard-main textarea,.dashboard-main select{font-size:14px;min-height:39px;padding:10px 11px}.dashboard-main .form-grid{margin-top:17px}.dashboard-main label:has(>input[type=checkbox]),.dashboard-main label:has(>input[type=radio]){display:inline-flex;align-items:center;gap:7px}.dashboard-main label>input[type=checkbox],.dashboard-main label>input[type=radio]{margin:0}.stack{display:flex;flex-direction:column;gap:18px}.empty-state{background:#f7f9f2;border:1px dashed #d8e2ca;border-radius:12px;padding:45px 30px;text-align:center;color:#95a480;font-size:14px;line-height:1.85}.empty-state>h2{color:#536a3b;font-size:23px;margin-bottom:15px}.empty-state>.icon{width:39px;height:39px;color:#8faa64;margin-bottom:15px}.empty-state>.button{margin-top:20px}.setup-state{max-width:800px;margin:auto;padding-block:70px}.setup-state .eyebrow{justify-content:center}.setup-state h1{font-size:40px;color:var(--ink);margin:20px 0}.setup-state>p{max-width:500px;margin:auto}.alert,.notice{border:1px solid #dfe8d3;background:#f0f6e6;border-radius:9px;padding:15px 18px;font-size:14px;color:#688447;margin-bottom:20px;line-height:1.75;overflow-wrap:anywhere}.alert.error,.alert-error,.alert-danger{border-color:#f0d8d0;background:#fff0eb;color:#a85539}.alert.success,.alert-success{border-color:#d5e6c0;background:#eff6e7;color:#5b7f31}.alert.warning,.alert-warning{border-color:#eddfb7;background:#fff8e5;color:#9d7e2e}.alert.info,.alert-info{border-color:#d6e4e4;background:#eff6f6;color:#4f8580}.notice{margin-block:18px}.notice p{font-size:14px}.tabs{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-block:20px 25px;border-bottom:1px solid var(--line);padding-bottom:13px}.tabs a,.tabs button{display:inline-flex;gap:7px;align-items:center;border-radius:7px;border:0;background:transparent;font-size:14px;padding:10px 13px;color:#8b9b77}.tabs .active{background:#e6f0d4;color:#5e7e2d;font-weight:650}.progress{width:100%;height:7px;background:#edf2e4;border-radius:6px;overflow:hidden;margin-block:12px}.progress>span,.progress>div{display:block;height:100%;background:var(--green);border-radius:6px}progress{width:100%;height:9px;accent-color:var(--green)}details{border-radius:8px}summary{cursor:pointer;font-weight:600}.dashboard-main details{margin:13px 0}.dashboard-main details>summary{background:#f5f8ee;border:1px solid #e4ecd8;border-radius:8px;padding:13px 16px;font-size:14px}.dashboard-main details[open]>summary{margin-bottom:18px}.dashboard-main ul,.dashboard-main ol{line-height:1.9}.dashboard-main pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f4f7ed;padding:15px;border:1px solid var(--line);border-radius:8px;font-size:14px}.dashboard-main a:not(.button):not(.pill):not(.badge):hover{color:#739337}.dashboard-main form>button:last-child{margin-top:18px}.dashboard-main .actions>button{margin-top:0}.dashboard-main hr{border:0;border-top:1px solid var(--line);margin:24px 0}
/* Responsive */
@media(min-width:1600px){.hero-copy h1{font-size:72px}.hero-section{gap:65px;padding-block:75px}.hero-visual{height:500px}}@media(max-width:1200px){.container{width:calc(100% - 64px)}.site-nav{gap:18px}.site-nav a{font-size:14px}.header-actions{gap:15px}.header-actions .button{font-size:14px}.hero-section{gap:26px}.hero-copy h1{font-size:55px}.hero-actions{gap:16px;flex-wrap:wrap}.hero-visual{height:445px}.hero-description{font-size:14px}.hero-floating-card{padding:13px 18px 13px 13px}.hero-floating-card strong{font-size:14px}.stats-section{gap:30px}.public-stat{padding-left:20px}.public-stat strong{font-size:30px}.course-teaser-grid,.course-choice-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.course-teaser,.choice-card{padding:17px 14px}.course-teaser h3,.choice-title{font-size:15px}.course-meta strong{font-size:14px}.course-teaser p,.choice-description{font-size:14px}.choice-price{font-size:14px}.achievement-layout{gap:48px}.achievement-copy h2{font-size:40px}.contact-layout{gap:40px}.footer-main{gap:30px}.sidebar{width:226px}.dashboard-shell{margin-left:226px}.dashboard-main{padding:27px}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.login-story{padding-inline:32px}.login-form-side{padding-inline:32px}.login-story h1{font-size:46px}.illustration-card{font-size:14px;padding:11px}.login-story-bottom{font-size:14px}.news-image{height:200px}}
@media(max-width:1000px){.site-nav{display:none;position:absolute;top:95px;left:0;right:0;background:white;padding:22px 32px;border-bottom:1px solid var(--line);box-shadow:0 10px 20px #2030150a;flex-direction:column;align-items:stretch;gap:0}.site-nav>a{padding:13px;font-size:14px}.nav-open .site-nav{display:flex}.menu-toggle{display:flex}.hero-copy h1{font-size:46px}.hero-section{gap:20px;padding-top:42px}.hero-visual{height:430px;padding-left:10px}.hero-decor{width:55px;height:55px;right:-10px}.hero-decor .icon{width:33px;height:33px}.hero-slide figcaption{left:22px}.hero-slide figcaption strong{font-size:20px}.hero-controls{left:32px}.hero-description{font-size:14px}.hero-actions .button{font-size:14px;padding:15px 18px}.hero-actions .text-link{font-size:14px}.hero-trust p{font-size:14px}.hero-eyebrow{font-size:14px}.hero-floating-card{left:-11px}.hero-floating-card strong{font-size:14px}.hero-floating-card span:not(.floating-icon){font-size:14px}.stats-section{grid-template-columns:1fr;gap:23px;padding-block:34px}.stats-intro{display:flex;align-items:center;justify-content:space-between}.stats-intro h2{font-size:21px;margin:0}.stats-intro h2 br{display:none}.public-stat:first-child{border-left:0;padding-left:0}.public-stat strong{font-size:33px}.public-stat span{font-size:14px;max-width:none}.course-teaser-grid,.course-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.course-teaser,.choice-card{padding:22px 18px}.course-teaser p,.choice-description{font-size:14px}.course-meta strong{font-size:14px}.choice-price{font-size:14px}.course-teaser h3,.choice-title{font-size:18px}.course-meta{flex-direction:row;justify-content:space-between;flex-wrap:wrap;font-size:14px}.section{padding-block:70px}.section-heading h2{font-size:35px}.eyebrow{font-size:14px}.section-heading-side p,.section-subtitle{font-size:14px}.news-grid{gap:20px}.news-image{height:180px}.news-copy h3{font-size:18px}.achievement-layout{gap:30px}.achievement-copy h2{font-size:33px}.achievement-copy>p{font-size:14px}.achievement-copy>.button{font-size:14px;gap:10px;padding:14px}.achievement-slide{height:390px}.achievement-slide h3{font-size:23px}.achievement-slide figcaption{left:22px;right:22px}.mentor-track{grid-auto-columns:calc((100% - 56px)/3);gap:28px}.mentor-photo{height:160px;width:160px}.mentor-card h3{font-size:17px}.cta-section{padding:38px 36px}.cta-section h2{font-size:36px}.cta-section>.button{font-size:14px;margin-right:0}.contact-layout{grid-template-columns:1fr 1.15fr;gap:25px}.contact-line{gap:10px}.contact-line:first-child strong{font-size:18px}.contact-line strong{font-size:14px}.social-links{gap:15px}.social-links>a{font-size:14px}.footer-main{grid-template-columns:1.4fr 1fr 1fr;gap:30px}.footer-main>div:last-child{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:20px;border-top:1px solid #e0e8d4}.footer-main>div:last-child>h4{margin:0}.footer-main>div:last-child>a,.footer-main>div:last-child>p{margin-top:0}.registration-details{grid-template-columns:1.6fr 1fr;gap:22px}.registration-form{padding:25px!important}.registration-form .form-grid{grid-template-columns:1fr}.registration-summary{padding:23px}.registration-summary h2{font-size:23px}.registration-summary dl>div{flex-direction:column;gap:4px}.registration-summary dd{text-align:left}.registration-form .actions{flex-direction:column-reverse;align-items:stretch}.login-section{grid-template-columns:1fr 1.05fr;min-height:640px}.login-story{padding:35px 25px}.login-story h1{font-size:40px}.login-story>p{font-size:14px}.login-story>.eyebrow{font-size:14px}.login-form-side{padding:25px 27px 35px}.login-form-container>h2{font-size:28px}.illustration-card{font-size:14px;padding:10px}.illustration-card .icon{width:16px;height:16px}.card-a{left:-12px}.card-b{right:-9px}.login-story-bottom{flex-direction:column;align-items:flex-start;gap:9px}.sidebar{width:205px;padding-inline:12px}.sidebar>.brand{font-size:22px;margin-inline:8px}.sidebar-nav>a{font-size:14px;padding-inline:12px;gap:9px}.dashboard-shell{margin-left:205px}.dashboard-main{padding:23px}.dashboard-topbar{padding-inline:25px}.grid-3,.grid-2{grid-template-columns:1fr}.dashboard-main .grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.panel,.card{padding:21px}.page-head h1{font-size:27px}.page-head{flex-wrap:wrap}.page-head .actions{margin-top:0}.stat-card strong,.stat-card .stat-value{font-size:25px}}
@media(max-width:760px){.container{width:calc(100% - 40px)}.site-header{height:77px}.brand{font-size:22px;gap:8px}.brand-mark{width:36px;height:39px;font-size:30px}.brand-mark>span{bottom:10px;right:5px;width:3px;height:3px}.brand small{font-size:14px;margin-top:7px;letter-spacing:.1em}.site-nav{top:76px}.header-register{display:none}.header-actions{gap:17px}.login-link{font-size:14px}.menu-toggle{width:36px;height:36px}.hero-section{grid-template-columns:1fr;gap:28px;padding-top:39px;padding-bottom:38px}.hero-copy{padding:0}.hero-eyebrow{font-size:14px;margin-bottom:19px}.hero-copy h1{font-size:53px;max-width:580px}.hero-description{font-size:14px;max-width:400px;margin-top:22px;line-height:1.85}.hero-actions{margin-top:26px;gap:20px}.hero-actions .button{font-size:14px;padding:15px 18px;gap:17px}.hero-actions .text-link{font-size:14px}.hero-trust{margin-top:25px}.hero-trust p{font-size:14px}.hero-visual{height:365px;padding:0 0 25px 12px;max-width:550px;width:100%;margin-top:5px}.hero-decor{right:-5px;top:-14px}.hero-slide figcaption{bottom:61px}.hero-slide figcaption strong{font-size:23px;max-width:380px}.hero-controls{bottom:42px;left:35px}.hero-floating-card{left:0;padding:11px 21px 11px 12px}.hero-floating-card strong{font-size:14px}.hero-floating-card span:not(.floating-icon){font-size:14px}.floating-icon{height:37px;width:37px}.announcement-inner{gap:15px}.announcement-label{font-size:14px;gap:7px}.announcement-label .icon{height:14px;width:14px}.announcement-inner>a{padding-left:5px}.announcement-inner>a>.icon{height:18px;width:18px}.ticker-content{font-size:14px}.announcement-bar{height:43px}.stats-section{padding-block:29px;gap:23px}.stats-intro{display:block}.stats-intro .eyebrow{font-size:14px}.stats-intro h2{font-size:21px;margin-top:6px}.public-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 0}.public-stat{padding-left:24px;gap:4px}.public-stat:nth-child(3){border-left:0;padding-left:0}.public-stat strong{font-size:33px}.public-stat span{font-size:14px}.section{padding-block:53px}.section-heading{gap:20px;margin-bottom:29px;align-items:flex-start;flex-wrap:wrap}.section-heading h2{font-size:32px;margin-top:13px}.section-heading .eyebrow{font-size:14px;letter-spacing:.1em;gap:6px}.section-heading-side{display:flex;justify-content:space-between;align-items:center;width:100%}.section-heading-side p{font-size:14px}.section-heading-side .text-link{font-size:14px;margin:0}.section-subtitle{font-size:14px;max-width:280px}.course-teaser-grid,.course-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.course-teaser,.choice-card{padding:19px 15px}.course-topline{margin-bottom:24px}.course-symbol{width:37px;height:37px;border-radius:9px}.course-symbol .icon{width:22px;height:22px}.course-arrow .icon{width:15px;height:15px}.course-teaser h3,.choice-title{font-size:16px;min-height:43px}.course-teaser p,.choice-description{font-size:14px;margin-top:7px;margin-bottom:18px}.course-meta{flex-direction:column;gap:10px;font-size:14px;padding-top:12px}.course-meta strong{font-size:14px}.news-grid{grid-template-columns:1fr;gap:30px}.news-image{height:235px}.news-copy{padding-top:16px}.news-copy h3{font-size:21px;margin-top:8px}.news-copy time{font-size:14px}.news-details{margin-top:16px}.news-details summary{font-size:14px}.news-details p{font-size:14px}.achievement-layout{grid-template-columns:1fr;gap:33px}.achievement-copy h2{font-size:36px;margin-top:19px}.achievement-copy>.eyebrow{font-size:14px}.achievement-copy>p{max-width:410px;font-size:14px;margin-top:20px}.achievement-copy>.button{margin-top:25px;font-size:14px}.achievement-sign{font-size:110px;right:0;bottom:-30px}.achievement-slide{height:390px}.achievement-slide figcaption{left:23px;right:23px}.achievement-slide h3{font-size:26px}.achievement-slide p{font-size:14px}.mentor-track{grid-auto-columns:calc((100% - 20px)/2);gap:20px;padding-top:6px}.mentor-photo{height:145px;width:145px;padding:6px;margin-bottom:18px}.mentor-card h3{font-size:16px}.mentor-card>span{font-size:14px}.mentor-card p{font-size:14px;margin-top:9px}.team-scroll-controls{margin-left:auto}.team-scroll-controls>.icon-button{height:34px;width:34px}.team-scroll-controls .icon{height:17px;width:17px}.cta-section{padding:32px 26px;border-radius:13px;display:block;margin-top:4px}.cta-section h2{font-size:35px;margin-top:15px}.cta-section p{font-size:14px;max-width:275px}.cta-section>.button{font-size:14px;margin-top:26px;gap:28px}.cta-section .eyebrow{font-size:14px}.cta-decoration{font-size:310px;top:-1px;right:-22px}.contact-layout{grid-template-columns:1fr;gap:30px}.contact-info{padding-top:0}.contact-line{padding-block:18px;gap:15px}.contact-line:first-child strong{font-size:22px}.contact-line strong{font-size:14px}.contact-line>span{height:38px;width:38px}.contact-line small{font-size:14px}.social-links{gap:17px 23px}.social-links>a{font-size:14px}.map-card{min-height:340px}.map-card iframe{min-height:280px}.sample-note{font-size:14px;line-height:1.8;margin-top:29px;max-width:330px;margin-inline:auto}.site-footer{padding-top:39px}.footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 30px;padding-bottom:30px}.footer-brand{grid-column:1/-1}.footer-brand .brand{font-size:25px}.footer-brand>p{margin-top:14px;font-size:14px}.resident-badge{margin-top:16px;font-size:14px}.footer-main h4{font-size:14px;margin-bottom:16px}.footer-main>div:not(:first-child)>a{font-size:14px;margin-top:11px}.footer-main>div:last-child{display:block;padding-top:23px}.footer-main>div:last-child>h4{margin-bottom:14px}.footer-main>div:last-child>a,.footer-main>div:last-child>p{margin-top:9px;font-size:14px}.footer-bottom{display:block;font-size:14px;padding-block:20px}.footer-bottom>span:last-child{margin-top:11px}.registration-section{padding-top:24px;padding-bottom:55px}.registration-heading{margin-top:31px}.registration-heading .eyebrow{font-size:14px}.registration-heading h1{font-size:32px;margin-top:13px}.registration-heading p{font-size:14px;max-width:350px;margin-top:14px}.stepper{gap:28px;margin-top:29px;margin-bottom:29px;align-items:flex-start}.stepper li{font-size:14px;flex-direction:column;gap:8px;text-align:center;flex:1}.stepper li:not(:last-child):after{width:45px;right:-36px;top:13px}.stepper li>span{height:26px;width:26px;font-size:14px}.choice-duration{font-size:14px;gap:4px}.choice-price{font-size:14px;padding-top:12px;margin-top:12px;white-space:normal}.choice-price small{font-size:14px}.radio-indicator{height:19px;width:19px}.registration-next{padding:16px;gap:17px;align-items:stretch;flex-direction:column;margin-top:23px}.registration-next p{font-size:14px;text-align:center}.registration-next .button{font-size:14px}.registration-details{grid-template-columns:1fr}.registration-summary{grid-row:1;position:static;display:grid;grid-template-columns:1fr 2fr;gap:0 18px;padding:20px}.registration-summary>.eyebrow{grid-column:1/-1;margin-bottom:15px}.registration-summary>.course-symbol{width:45px;height:45px;grid-row:2/4}.registration-summary>h2{margin-top:0;font-size:22px;grid-column:2}.registration-summary>p{font-size:14px;margin-top:8px;grid-column:2}.registration-summary dl{grid-column:1/-1;display:flex;justify-content:space-between;gap:15px;margin-block:14px}.registration-summary dl>div{border:0;padding:0;gap:3px;font-size:14px}.registration-summary>.text-link{font-size:14px;grid-column:1/-1}.registration-summary .notice{display:none}.registration-form{padding:23px 19px!important}.registration-form>h2{font-size:21px}.registration-form>p{font-size:14px;margin-bottom:20px}.field{font-size:14px}.field>small{font-size:14px}.form-grid{gap:17px}.registration-form input:not([type=checkbox]){font-size:14px}.consent{font-size:14px;gap:9px;margin-top:21px}.registration-form .actions{flex-direction:row;gap:10px}.registration-form .actions>.button{font-size:14px;gap:10px;flex:1;padding:12px 10px}.telegram-confirm-card{padding:28px 22px!important}.telegram-confirm-card>h2{font-size:27px}.telegram-confirm-card>p{font-size:14px}.telegram-instructions strong{font-size:14px}.telegram-instructions small{font-size:14px}.button-telegram{font-size:14px;padding:14px 17px}.telegram-large-icon{height:63px;width:63px}.login-section{grid-template-columns:1fr;margin-block:24px 40px;min-height:0}.login-story{display:none}.login-form-side{padding:25px 23px 33px}.login-form-container{margin-top:31px;max-width:400px}.login-form-container>h2{font-size:31px}.login-form-container>.eyebrow{font-size:14px}.login-form-container>p{font-size:14px}.login-form{margin-top:25px}.login-form .field{font-size:14px}.login-help>p{font-size:14px}.login-form-container>.login-register{font-size:14px}.login-form-container>.login-support{font-size:14px}.sidebar{transform:translateX(-100%);width:250px;transition:transform .25s;box-shadow:12px 0 40px #19311112}.nav-open .sidebar{transform:translateX(0)}.nav-open.dashboard-body:after{content:'';position:fixed;inset:73px 0 0 250px;background:#1b231c44;z-index:45}.sidebar>.brand{font-size:25px;margin-inline:10px}.sidebar-nav>a{font-size:14px;padding-block:13px}.sidebar-label{font-size:14px}.sidebar-nav .icon{width:20px;height:20px}.sidebar-user strong{font-size:14px}.sidebar-user small{font-size:14px}.logout-button{font-size:14px}.dashboard-shell{margin-left:0}.dashboard-topbar{padding:0 20px;gap:15px;height:68px}.dashboard-topbar>span{flex:1;font-size:14px}.dashboard-topbar>span>.muted{margin:0 7px}.today-label{display:none}.dashboard-topbar>.menu-toggle{border:0;border-radius:8px;background:#f2f6e8;position:relative;z-index:60}.dashboard-main{padding:24px 17px}.dashboard-footer{padding-inline:20px;font-size:14px}.page-head h1{font-size:26px}.page-head p{font-size:14px}.page-head{margin-bottom:23px;gap:18px}.grid-4,.dashboard-main .grid-4{gap:13px}.stat-card{padding:16px}.stat-card strong,.stat-card .stat-value{font-size:23px;margin-top:10px}.stat-card h3,.stat-card small,.stat-card>.muted{font-size:14px}.stat-card p{font-size:14px}.card,.panel{padding:20px 17px}.panel>h2,.card>h2{font-size:20px}.dashboard-main .form-grid{grid-template-columns:1fr;gap:17px}.dashboard-main .button{font-size:14px;padding:10px 12px;min-height:37px}.table-wrap{margin-block:16px}table{font-size:14px}th,td{padding:12px 11px}th{font-size:14px}.tabs{gap:3px}.tabs a,.tabs button{font-size:14px;padding:9px 10px}.alert,.notice{font-size:14px;padding:13px 15px}.empty-state{font-size:14px;padding:32px 19px}.setup-state h1{font-size:30px}.setup-state>.eyebrow{font-size:14px}}
@media(max-width:380px){.container{width:calc(100% - 32px)}.brand{font-size:20px}.brand small{font-size:14px}.header-actions{gap:11px}.hero-copy h1{font-size:44px}.hero-description{font-size:14px}.hero-actions{gap:16px}.hero-actions .button{font-size:14px;padding:14px;gap:15px}.hero-actions .text-link{font-size:14px}.hero-visual{height:322px}.hero-slide figcaption strong{font-size:21px}.hero-floating-card{padding-right:15px}.hero-floating-card strong{font-size:14px}.section-heading h2{font-size:29px}.course-teaser,.choice-card{padding:16px 12px}.course-teaser h3,.choice-title{font-size:14px}.course-teaser p,.choice-description{font-size:14px}.course-meta strong{font-size:14px}.course-meta{font-size:14px}.choice-price{font-size:14px}.mentor-photo{height:125px;width:125px}.mentor-card h3{font-size:14px}.mentor-card>span{font-size:14px}.mentor-card p{font-size:14px}.cta-section{padding:28px 23px}.cta-section h2{font-size:31px}.cta-section p{font-size:14px}.registration-heading h1{font-size:28px}.registration-form .actions{flex-direction:column-reverse}.stepper{gap:15px}.stepper li:not(:last-child):after{width:33px;right:-22px}.stepper li{font-size:14px}.login-form-side{padding-inline:19px}.dashboard-main .grid-4{grid-template-columns:1fr 1fr}.stat-card strong{font-size:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.ticker-content{animation:none;transform:none}.ticker{overflow:auto}.carousel-slide{animation:none}}@media print{.site-header,.site-footer,.sidebar,.dashboard-topbar,.dashboard-footer,.menu-toggle,.actions,form,.tabs{display:none!important}.dashboard-shell{margin:0}.dashboard-main{padding:0}body{background:white;color:black}.panel,.card,.stat-card{box-shadow:none;break-inside:avoid}table{font-size:14px}.table-wrap{overflow:visible}a{text-decoration:none}.container{width:100%}}

/* Readability update: stronger text contrast on light surfaces. */
:root{--muted:#505b49}
.sidebar-label,.sidebar-user small,.dashboard-footer{color:#536348}
.sidebar-nav>a{color:#38482e}
.sidebar-nav>a.active{color:#304b13}
.sidebar-nav>a:hover{color:#243719;background:#edf3e3}
.page-head p{color:#505f45}
.page-head .eyebrow{color:#496035}
.dashboard-topbar>span>.muted{color:#59684d}
.tabs a,.tabs button{color:#4c5d3f}
.tabs .active{color:#344f18}
.tabs a:hover,.tabs button:hover{color:#243719;background:#edf3e3}
.empty-state{color:#526345;border-color:#b7c5a5}
.empty-state>.icon{color:#526d34}
.badge,.pill{color:#405d20}
.badge.success,.badge.active,.badge-paid,.badge-success,.badge.completed{color:#365719}
.badge.warning,.badge.planned,.badge-warning,.badge-pending{color:#705014}
.badge.danger,.badge-danger,.badge-failed,.badge.cancelled{color:#913d25}
.badge.info,.badge-info{color:#305d6a}
.field>small,input::placeholder,textarea::placeholder{color:#5c6751;opacity:1}
.dashboard-main .field,.dashboard-main label{color:#34432b}
.dashboard-main a:not(.button):not(.pill):not(.badge):hover{color:#3e5c1f}
.alert.success,.alert-success{color:#365719}
.alert.warning,.alert-warning{color:#705014}
.alert.info,.alert-info{color:#305d6a}
.section-index,.muted-heading,.hero-description,.hero-trust p,
.stats-intro .eyebrow,.public-stat span,.course-teaser p,.course-meta,
.news-copy time,.news-details>p,.mentor-card p,.contact-line small,
.sample-note,.footer-brand>p,.footer-bottom,.back-link,
.registration-heading .eyebrow,.registration-heading p,
.stepper li,.choice-description,.choice-duration,.choice-price small{color:#55634a}
.footer-main>div:not(:first-child)>a,.footer-main>div:not(:first-child)>p{color:#505f43}
.mentor-card>span{color:#466322}
.hero-copy h1>span{color:#52741c}
@media print{.dashboard-footer,.page-head p,.muted,.field>small{color:#222}}

/* Readability v2: larger text, near-black labels and room for wrapping. */
:root{--ink:#111a12;--muted:#34402f;--line:#cdd6c6}
body,.dashboard-body{font-size:16px;line-height:1.65}
.sidebar-label,.sidebar-user small,.dashboard-footer,
.page-head p,.page-head .eyebrow,.dashboard-topbar>span>.muted,
.tabs a,.tabs button,.empty-state,.field>small,
.section-index,.muted-heading,.hero-description,.hero-trust p,
.stats-intro .eyebrow,.public-stat span,.course-teaser p,.course-meta,
.news-copy time,.news-details>p,.mentor-card p,.contact-line small,
.sample-note,.footer-brand>p,.footer-bottom,.back-link,
.registration-heading .eyebrow,.registration-heading p,
.stepper li,.choice-description,.choice-duration,.choice-price small{color:#34402f}
.sidebar-nav>a,.dashboard-main .field,.dashboard-main label{color:#182516}
.sidebar-nav>a.active,.tabs .active{color:#203c0d;background:#deedc8}
.sidebar-nav>a{font-size:16px;font-weight:600;line-height:1.5;padding:13px 14px}
.sidebar-label,.page-head .eyebrow{font-size:14px;font-weight:700;letter-spacing:.08em}
.sidebar-user strong{font-size:15px;white-space:normal;overflow-wrap:anywhere}
.sidebar-user small,.dashboard-footer,.dashboard-topbar{font-size:14px}
.sidebar-nav .icon{width:23px;height:23px}
.page-head p,.empty-state,.dashboard-main p,.hero-description,
.registration-heading p,.registration-form>p,.login-form-container>p{font-size:16px;line-height:1.7}
.tabs a,.tabs button{font-size:16px;font-weight:600;padding:12px 15px;white-space:normal;line-height:1.5}
.button,.button.compact,.dashboard-main .button,.hero-actions .button,
.header-actions .button,.registration-form .actions>.button,
.login-submit,.button-telegram{font-size:16px;line-height:1.5;min-height:44px}
.field,.dashboard-main .field,.login-form .field{font-size:16px;font-weight:600}
input:not([type=checkbox]):not([type=radio]),textarea,select,
.dashboard-main input:not([type=checkbox]):not([type=radio]),
.dashboard-main textarea,.dashboard-main select,
.registration-form input:not([type=checkbox]){font-size:16px;min-height:44px;max-width:100%}
input::placeholder,textarea::placeholder{color:#4b5843}
.field>small,.notice p,.consent,.login-help>p{font-size:14px;line-height:1.65}
.badge,.pill{font-size:14px;white-space:normal;overflow-wrap:anywhere;line-height:1.5}
.dashboard-main details>summary,.dashboard-main pre{font-size:16px;line-height:1.65}
table{font-size:15px;line-height:1.6}th{font-size:14px;letter-spacing:.03em;color:#26351e}td{color:#1c2918}
.table-wrap{max-width:100%;overflow-x:auto}th,td{padding:13px 14px}
.dashboard-main small,.stat-card small,.stat-card p,.stat-card>.muted{font-size:14px;color:#34402f}
.stat-card h2{font-size:clamp(22px,2.2vw,30px);overflow-wrap:anywhere;line-height:1.3}
.footer-main>div:not(:first-child)>a,.footer-main>div:not(:first-child)>p{color:#34402f}
.course-teaser p,.choice-description{font-size:15px;display:block;overflow:visible;-webkit-line-clamp:unset}
.course-teaser h3,.choice-title{font-size:20px;line-height:1.35;min-height:0}
.course-meta strong,.choice-price{font-size:16px}
.course-teaser-grid,.course-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.brand small{display:none}
.site-nav{gap:18px}.site-nav a{font-size:15px;color:#26351e}
.header-inner{flex-wrap:nowrap}.header-actions{gap:14px}
.hero-actions,.hero-trust{flex-wrap:wrap}
.hero-floating-card{max-width:95%;padding:14px;gap:10px}
.hero-floating-card strong{font-size:15px}.hero-floating-card span:not(.floating-icon){font-size:14px}
.photo-caption-tag,.achievement-slide figcaption>span{font-size:14px;letter-spacing:.04em}
.public-stat span{max-width:none;line-height:1.5}
.stepper li{font-size:14px;line-height:1.5}
.registration-next p,.registration-summary>p,.login-register,.login-support{font-size:15px}
.achievement-copy>p{font-size:16px;color:#d3dfc8}
.achievement-slide p{font-size:15px;color:#e2ecd9}
.mentor-card>span{font-size:15px;color:#354d1a}.mentor-card p{font-size:14px}
.mentor-card h3{font-size:19px;line-height:1.4}
.eyebrow{letter-spacing:.07em}
.notification-bell {
    position: relative;
    overflow: visible;
}

.notification-bell .notification-dot {
    position: absolute;
    top: 3px;
    right: 3px;
    width: 10px;
    height: 10px;
    border: 2px solid #fff;
    border-radius: 50%;
    background: #16a34a;
    pointer-events: none;
}


@media(max-width:1200px){.site-nav{display:none;position:absolute;top:95px;left:0;right:0;background:#fff;padding:20px 28px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}.nav-open .site-nav{display:flex}.site-nav>a{padding:12px}.menu-toggle{display:flex}}
@media(max-width:1000px){.course-teaser-grid,.course-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-section{grid-template-columns:1fr}.hero-description{max-width:650px}.hero-visual{width:100%;max-width:650px;margin-inline:auto}}
@media(max-width:760px){.site-nav{top:76px}.dashboard-topbar>span{font-size:14px;line-height:1.4}.dashboard-topbar{gap:10px;padding-inline:14px}.sidebar{width:min(290px,85vw)}.nav-open.dashboard-body:after{left:min(290px,85vw)}.dashboard-main{padding:24px 16px}.dashboard-main .grid-4,.dashboard-main .grid-3{grid-template-columns:1fr}.page-head p{font-size:16px}.tabs a,.tabs button{font-size:16px}.page-head h1{font-size:30px}.hero-actions .text-link{font-size:15px}.hero-floating-card{position:relative;left:auto;bottom:auto;margin-top:-15px;margin-inline:auto}.hero-visual{height:auto;padding-bottom:0}.hero-slide{height:360px}.hero-controls{bottom:100px}.hero-copy h1{font-size:clamp(36px,10.4vw,53px)}.public-stats{gap:22px 14px}.public-stat{padding-left:14px}.registration-form .actions{flex-direction:column-reverse;align-items:stretch}.registration-summary{display:block}.registration-summary>.course-symbol{margin-bottom:14px}.stepper{gap:12px}.stepper li:not(:last-child):after{display:none}.registration-summary dl{flex-wrap:wrap}.hero-floating-card strong{font-size:14px}.footer-main{gap:26px 16px}.section-heading .eyebrow{font-size:14px}.section-heading-side{gap:18px;flex-wrap:wrap}}
@media(max-width:520px){.course-teaser-grid,.course-choice-grid{grid-template-columns:1fr}.course-teaser,.choice-card{padding:24px}.course-topline{margin-bottom:18px}.course-meta{flex-direction:row;flex-wrap:wrap}.mentor-track{grid-auto-columns:85%;gap:20px}.mentor-photo{width:160px;height:160px}.brand{font-size:22px}.header-actions{gap:10px}.login-link{font-size:14px}.hero-controls{bottom:115px}.hero-slide figcaption{bottom:80px}.hero-floating-card{min-height:80px}}
@media print{body,.dashboard-body{font-size:12pt}.dashboard-main p,table{font-size:11pt}}
.course-panel {
    position: fixed;
    inset: 0 0 0 auto;
    margin: 0;
    width: min(720px, 100vw);
    max-width: 100vw;
    height: 100dvh;
    max-height: 100dvh;
    padding: 0;
    border: 0;
    background: #fff;
    color: #202820;
}

.course-panel::backdrop {
    background: rgb(0 0 0 / 40%);
}

.course-panel[open] {
    display: flex;
    flex-direction: column;
}

.course-panel-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 20px;
    border-bottom: 1px solid #dce3d4;
}

.course-panel-head h2 {
    margin: 0;
    overflow-wrap: anywhere;
}

.course-panel-body {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding: 20px;
    overscroll-behavior: contain;
}

.course-panel-tools {
    position: sticky;
    top: -20px;
    z-index: 1;
    background: #fff;
    padding: 12px 0;
}

.course-panel-tools input {
    width: 100%;
}

.course-panel details {
    margin-top: 12px;
    overflow-wrap: anywhere;
}

.course-panel details[hidden] {
    display: none;
}

.course-panel-body .form-grid {
    grid-template-columns: 1fr;
}

.course-panel-open {
    overflow: hidden;
}

.course-card-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

@media (max-width: 600px) {
    .course-panel {
        width: 100vw;
    }
}
/* Mobil yon panel */
@media (max-width: 768px) {
    .course-panel {
        box-sizing: border-box;
        width: 100%;
        max-width: 100%;
        height: 100vh;
        height: 100dvh;
        max-height: 100dvh;
        border-radius: 0;
    }

    .course-panel-head {
        flex-shrink: 0;
        padding: 12px 16px;
        padding-top: max(12px, env(safe-area-inset-top));
    }

    .course-panel-head h2 {
        font-size: 18px;
        line-height: 1.35;
        min-width: 0;
    }

    .course-panel-head [data-close] {
        flex-shrink: 0;
        min-width: 44px;
        min-height: 44px;
        padding: 8px;
    }

    .course-panel-body {
        padding: 16px;
        padding-bottom: max(24px, env(safe-area-inset-bottom));
        -webkit-overflow-scrolling: touch;
    }

    /* Qidiruv va tugma kichik ekranni egallab qolmasin. */
    .course-panel-tools {
        position: static;
        padding: 0 0 12px;
    }

    .course-panel input:not([type="checkbox"]):not([type="radio"]),
    .course-panel select,
    .course-panel textarea {
        box-sizing: border-box;
        width: 100%;
        min-width: 0;
        font-size: 16px;
    }

    .course-panel input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),
    .course-panel select,
    .course-panel button {
        min-height: 44px;
    }

    .course-panel label {
        overflow-wrap: anywhere;
    }

    .course-panel label:has(input[type="checkbox"]) {
        display: flex;
        align-items: center;
        gap: 12px;
        min-height: 44px;
    }

    .course-panel input[type="checkbox"] {
        width: 20px;
        height: 20px;
        flex-shrink: 0;
    }

    .course-panel details summary {
        padding: 14px 12px;
        line-height: 1.5;
        overflow-wrap: anywhere;
    }

    .course-panel details > div {
        overflow-wrap: anywhere;
    }

    .course-panel form button[type="submit"] {
        width: 100%;
    }

    .course-card-actions {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .course-card-actions > button {
        min-width: 0;
        min-height: 44px;
        padding: 10px;
        white-space: normal;
    }

    .course-card-actions > button:last-child:nth-child(odd) {
        grid-column: 1 / -1;
    }
}
.course-panel-tools {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.course-panel-tools > form {
    margin: 0;
}
/* Barcha formalardagi namuna matnlari */
input::placeholder,
textarea::placeholder {
    color: #92998e;
    opacity: 1;
    font-weight: 400;
}
/* Mentor ish haqi tarixining ochiladigan kartalari */
details.salary-history {
    margin-top: 16px;
    padding: 0;
    overflow: hidden;
}

details.salary-history > summary {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 60px;
    padding: 18px 22px;
    margin: 0;
    list-style: none;
    cursor: pointer;
    color: #243120;
    font-size: 17px;
    font-weight: 700;
}

details.salary-history > summary::-webkit-details-marker {
    display: none;
}

details.salary-history > summary::after {
    content: "+";
    flex-shrink: 0;
    font-size: 24px;
    line-height: 1;
    color: #52751d;
}

details.salary-history[open] > summary::after {
    content: "−";
}

details.salary-history > summary:hover {
    background: #f3f7ec;
}

details.salary-history > summary:focus-visible {
    outline: 2px solid #52751d;
    outline-offset: -4px;
}

.salary-history-hint {
    margin-left: auto;
    font-size: 13px;
    font-weight: 400;
    color: #68745f;
}

details.salary-history[open] > summary {
    border-bottom: 1px solid #dce3d4;
}

details.salary-history > .table-wrap {
    max-height: 420px;
    overflow: auto;
    margin: 0;
}

details.salary-history > .table-wrap th {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #f3f7ec;
}

details.salary-history > .empty-state {
    padding: 20px;
}

@media (max-width: 600px) {
    details.salary-history > summary {
        padding: 16px;
        font-size: 16px;
    }

    .salary-history-hint {
        display: none;
    }

    details.salary-history > summary::after {
        margin-left: auto;
    }

    details.salary-history > .table-wrap {
        max-height: 55vh;
    }
}
.share-history-body {
    padding: 16px;
}

.share-history-body > p {
    margin: 0 0 16px;
}

details.share-group {
    margin: 0 0 12px;
    padding: 0;
    border: 1px solid #dce3d4;
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
}

details.share-group > summary {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) auto 20px;
    align-items: center;
    gap: 12px;
    margin: 0;
    padding: 16px;
    list-style: none;
    cursor: pointer;
    color: #243120;
    background: #f3f7ec;
}

details.share-group > summary::-webkit-details-marker {
    display: none;
}

details.share-group > summary::after {
    content: "+";
    text-align: center;
    font-size: 23px;
    line-height: 1;
    color: #486719;
}

details.share-group[open] > summary::after {
    content: "−";
}

details.share-group > summary:focus-visible {
    outline: 2px solid #52751d;
    outline-offset: -3px;
}

.share-number {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #dfecc9;
    color: #263c12;
    font-weight: 700;
}

.share-heading {
    display: grid;
    gap: 4px;
    min-width: 0;
    overflow-wrap: anywhere;
}

.share-heading small {
    color: #56624c;
    font-size: 13px;
}

.share-total {
    white-space: nowrap;
}

details.share-group > .table-wrap {
    max-height: 360px;
    overflow: auto;
    margin: 0;
}

details.share-group th {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #f3f7ec;
}

@media (max-width: 600px) {
    .share-history-body {
        padding: 10px;
    }

    details.share-group > summary {
        grid-template-columns: 30px minmax(0, 1fr) 20px;
        gap: 10px;
        padding: 12px;
    }

    .share-number {
        width: 30px;
        height: 30px;
    }

    .share-total {
        grid-column: 2;
        grid-row: 2;
        white-space: normal;
    }

    details.share-group > summary::after {
        grid-column: 3;
        grid-row: 1 / span 2;
    }

    details.share-group > .table-wrap {
        max-height: 50vh;
    }
}
details.topic-request-history {
    margin-top: 20px;
    padding: 0;
    border: 0;
    background: transparent;
}

details.topic-request-history > summary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    max-width: 100%;
    margin: 0;
    padding: 12px 18px;
    list-style: none;
    cursor: pointer;
    white-space: normal;
    text-align: center;
}

details.topic-request-history > summary::-webkit-details-marker {
    display: none;
}

details.topic-request-history > summary::after {
    content: none;
}

details.topic-request-history > summary:focus-visible {
    outline: 2px solid #52751d;
    outline-offset: 3px;
}

.topic-request-history .request-history-hide {
    display: none;
}

.topic-request-history[open] .request-history-show {
    display: none;
}

.topic-request-history[open] .request-history-hide {
    display: inline;
}

.topic-request-list {
    margin-top: 16px;
    max-height: 420px;
    overflow-y: auto;
}

.topic-request-item {
    padding: 14px;
    margin-bottom: 10px;
    border: 1px solid #dce3d4;
    border-radius: 10px;
    background: #f6f8f1;
}

.topic-request-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 12px;
}

.topic-request-meta time {
    color: #56624c;
    font-size: 14px;
}

.topic-request-item p {
    margin: 10px 0 0;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

@media (max-width: 600px) {
    details.topic-request-history > summary {
        width: 100%;
        box-sizing: border-box;
    }

    .topic-request-list {
        max-height: 50vh;
    }
}
details.manager-expand > summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 44px;
    margin: 0;
    list-style: none;
    cursor: pointer;
    color: #243120;
}

details.manager-expand > summary::-webkit-details-marker {
    display: none;
}

details.manager-expand > summary > span {
    flex-shrink: 0;
    color: #486719;
    font-size: 14px;
}

details.manager-expand[open] > summary {
    margin-bottom: 18px;
    padding-bottom: 14px;
    border-bottom: 1px solid #dce3d4;
}

details.manager-expand > summary:focus-visible {
    outline: 2px solid #52751d;
    outline-offset: 4px;
}

#other-applications {
    scroll-margin-top: 24px;
}

#other-applications > .tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

#other-applications > .tabs .pill {
    white-space: normal;
}

@media (max-width: 600px) {
    details.manager-expand > summary {
        align-items: flex-start;
        flex-direction: column;
        gap: 6px;
    }
}
details.finance-journal,
details.finance-payout-form {
    min-width: 0;
    scroll-margin-top: 24px;
}

details.finance-payout-form {
    margin-top: 20px;
}

details.finance-journal > summary,
details.finance-payout-form > summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 44px;
    margin: 0;
    list-style: none;
    cursor: pointer;
    color: #243120;
}

details.finance-journal > summary::-webkit-details-marker,
details.finance-payout-form > summary::-webkit-details-marker {
    display: none;
}

details.finance-journal > summary > span,
details.finance-payout-form > summary > span {
    color: #486719;
    font-size: 14px;
    flex-shrink: 0;
}

details.finance-journal[open] > summary,
details.finance-payout-form[open] > summary {
    margin-bottom: 18px;
    padding-bottom: 12px;
    border-bottom: 1px solid #dce3d4;
}

details.finance-journal > summary:focus-visible,
details.finance-payout-form > summary:focus-visible {
    outline: 2px solid #52751d;
    outline-offset: 3px;
}

.finance-journal-groups {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 12px;
    margin: 16px 0;
}

.finance-journal-choice {
    display: grid;
    align-content: start;
    gap: 8px;
    padding: 16px;
    border: 1px solid #dce3d4;
    border-radius: 12px;
    color: #243120;
    background: #f6f8f1;
    text-decoration: none;
    overflow-wrap: anywhere;
}

.finance-journal-choice:hover,
.finance-journal-choice.selected {
    border-color: #52751d;
    background: #eaf2dc;
}

.finance-journal-choice:focus-visible {
    outline: 2px solid #52751d;
    outline-offset: 3px;
}

.finance-journal-choice > span {
    color: #56624c;
    font-size: 14px;
}

@media (max-width: 600px) {
    .finance-journal-groups {
        grid-template-columns: 1fr;
    }

    details.finance-journal > summary,
    details.finance-payout-form > summary {
        flex-direction: column;
        align-items: flex-start;
        gap: 6px;
    }
}
.grid.student-summary-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.student-summary-grid > .stat-card {
    min-width: 0;
    overflow-wrap: anywhere;
}

.student-schedule-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.student-schedule-item {
    min-width: 0;
    padding: 18px;
    border: 1px solid #dce3d4;
    border-radius: 12px;
    background: #f6f8f1;
    overflow-wrap: anywhere;
}

.student-schedule-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 14px;
}

.student-schedule-meta > strong {
    color: #365218;
    font-size: 20px;
}

.student-schedule-item h3 {
    margin: 0 0 8px;
}

.student-schedule-item p {
    margin: 8px 0;
}

.student-schedule-item > .button {
    margin-top: 12px;
}

#student-course-detail {
    scroll-margin-top: 24px;
}

@media (max-width: 1200px) {
    .grid.student-summary-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .grid.student-summary-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .student-schedule-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 420px) {
    .grid.student-summary-grid {
        grid-template-columns: 1fr;
    }
}
details.student-remaining-lessons {
    margin-top: 22px;
    padding: 0;
    border: 0;
    background: transparent;
}

details.student-remaining-lessons > summary {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    max-width: 100%;
    margin: 0;
    padding: 12px 16px;
    list-style: none;
    cursor: pointer;
    white-space: normal;
}

details.student-remaining-lessons > summary::-webkit-details-marker {
    display: none;
}

details.student-remaining-lessons[open] > summary {
    margin-bottom: 16px;
}

details.student-remaining-lessons > summary:focus-visible {
    outline: 2px solid #52751d;
    outline-offset: 3px;
}

#student-lessons {
    scroll-margin-top: 24px;
}

@media (max-width: 600px) {
    details.student-remaining-lessons > summary {
        width: 100%;
        box-sizing: border-box;
    }
}
.student-schedule-meta > strong {
    font-size: 16px;
    line-height: 1.5;
}

.student-schedule-heading {
    line-height: 1.5;
}

.student-schedule-heading > span {
    font-size: inherit;
    font-weight: 400;
    color: #56624c;
}
/* O'tilmagan darslar tugmasi yuqorida. */
#student-lessons > .student-remaining-lessons {
    margin-top: 0;
    margin-bottom: 16px;
}

/* Mavzu kartalari orasidagi masofa. */
#student-lessons .stack {
    gap: 6px;
}

#student-lessons .stack {
    gap: 10px;
}

#student-lessons .stack > details.panel {
    margin: 0;
    padding: 14px 16px;
}

#student-lessons .stack > details.panel > summary {
    margin: 0;
    padding: 0;
    min-height: 28px;
    line-height: 1.6;
}
.student-summary-grid > .stat-card.student-debt-alert {
    background: #fff1f2;
    border: 1px solid #f5a3ad;
}

.student-summary-grid > .student-debt-alert > .muted,
.student-summary-grid > .student-debt-alert > h2 {
    color: #b42332;
}
#student-detail-dialog {
    position: fixed;
    inset: 0 0 0 auto;
    margin: 0;
    padding: 0;
    width: min(680px, 100vw);
    max-width: 100vw;
    height: 100vh;
    height: 100dvh;
    max-height: 100dvh;
    border: 0;
    border-radius: 18px 0 0 18px;
    background: #fff;
    color: #243120;
    box-shadow: -12px 0 40px #0002;
    overflow: hidden;
    box-sizing: border-box;
}

#student-detail-dialog[open] {
    display: flex;
    flex-direction: column;
    animation: student-detail-enter 180ms ease-out;
}

#student-detail-dialog::backdrop {
    background: #15201266;
}

.student-detail-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-shrink: 0;
    padding: 20px;
    border-bottom: 1px solid #dce3d4;
    background: #f6f8f1;
}

.student-detail-header h2 {
    margin: 0;
    min-width: 0;
    font-size: 21px;
    overflow-wrap: anywhere;
}

.student-detail-header button {
    flex-shrink: 0;
    min-height: 44px;
}

.student-detail-body {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 20px;
    padding-bottom: max(20px, env(safe-area-inset-bottom));
}

.student-detail-section + .student-detail-section {
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid #dce3d4;
}

.student-detail-section h3 {
    margin: 0 0 14px;
}

.student-detail-fields {
    margin: 0;
}

.student-detail-row {
    display: grid;
    grid-template-columns: 165px minmax(0, 1fr);
    gap: 12px;
    padding: 10px 0;
    border-bottom: 1px solid #edf0e8;
}

.student-detail-row dt {
    color: #56624c;
}

.student-detail-row dd {
    margin: 0;
    min-height: 1.5em;
    font-weight: 500;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.student-detail-group {
    padding: 16px;
    margin-top: 14px;
    border: 1px solid #dce3d4;
    border-radius: 12px;
}

.student-detail-group h4 {
    margin: 0 0 10px;
    font-size: 18px;
}

.student-detail-identity {
    overflow-wrap: anywhere;
    font-weight: 600;
}

@keyframes student-detail-enter {
    from { transform: translateX(100%); }
    to { transform: translateX(0); }
}

@media (max-width: 600px) {
    #student-detail-dialog {
        width: 100vw;
        border-radius: 0;
    }

    .student-detail-header,
    .student-detail-body {
        padding: 16px;
    }

    .student-detail-header h2 {
        font-size: 18px;
    }

    .student-detail-row {
        grid-template-columns: 1fr;
        gap: 4px;
    }
}

@media (prefers-reduced-motion: reduce) {
    #student-detail-dialog[open] {
        animation: none;
    }
}
/* Mobil kabinet menyusini yopish tugmasi */
.sidebar-mobile-close {
    display: none;
}

@media (max-width: 760px) {
    .dashboard-body .sidebar-mobile-close {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 18px;
        right: 14px;
        z-index: 2;

        width: 44px;
        height: 44px;
        padding: 0;
        border: 1px solid #dce4d4;
        border-radius: 10px;
        background: #f2f6e8;
        color: #24351d;
        font-size: 30px;
        line-height: 1;
        cursor: pointer;
    }

    /* Logotip yopish tugmasining tagiga kirmasin */
    .dashboard-body .sidebar > .brand {
        margin-right: 56px;
        white-space: normal;
    }

    .dashboard-body .sidebar > .brand > .brand-mark {
        flex-shrink: 0;
    }

    .dashboard-body .sidebar > .brand > span:last-child {
        min-width: 0;
        overflow-wrap: anywhere;
    }

    /* Menyu ochiq bo‘lganda eski ☰ logotipni yopmasin */
    .dashboard-body.nav-open .dashboard-topbar > .menu-toggle {
        visibility: hidden;
        pointer-events: none;
    }
}
/* Mentor darslari: mobil ekranda kartalar */
@media (max-width: 760px) {
    .mentor-lesson-cards {
        width: 100%;
        max-width: 100%;
        overflow: visible;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
    }

    .mentor-lesson-cards table {
        display: block;
        width: 100%;
        min-width: 0;
        border: 0;
        background: transparent;
    }

    /* Sarlavhalar ko‘zga ko‘rinmaydi, jadvalda saqlanadi */
    .mentor-lesson-cards thead {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        overflow: hidden;
        clip-path: inset(50%);
        white-space: nowrap;
    }

    .mentor-lesson-cards tbody {
        display: grid;
        width: 100%;
        gap: 12px;
    }

    .mentor-lesson-cards tbody > tr {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        gap: 12px;
        width: 100%;
        min-width: 0;
        box-sizing: border-box;
        padding: 16px;
        border: 1px solid #dfe6d7;
        border-radius: 14px;
        background: #fff;
    }

    .mentor-lesson-cards tbody > tr > td {
        display: block;
        width: auto;
        min-width: 0;
        padding: 0;
        border: 0;
        background: transparent;
        white-space: normal;
        word-break: normal;
        overflow-wrap: anywhere;
        text-align: left;
    }

    /* Birinchi qatorda: dars raqami va sana-vaqt */
    .mentor-lesson-cards td:nth-child(1) {
        font-weight: 700;
        color: #304b13;
        white-space: nowrap;
    }

    .mentor-lesson-cards td:nth-child(1)::after {
        content: "-dars";
    }

    .mentor-lesson-cards td:nth-child(2) {
        text-align: right;
        font-size: 14px;
        line-height: 1.5;
        color: #536348;
    }

    /* Mavzu nomi butun karta kengligida */
    .mentor-lesson-cards td:nth-child(3) {
        grid-column: 1 / -1;
        font-size: 16px;
        font-weight: 600;
        line-height: 1.5;
        color: #1b231c;
    }

    /* Holat ham alohida, to‘liq kenglikda */
    .mentor-lesson-cards td:nth-child(4) {
        grid-column: 1 / -1;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 8px;
    }

    .mentor-lesson-cards .badge {
        width: auto;
        flex-shrink: 0;
        white-space: nowrap;
        word-break: normal;
        overflow-wrap: normal;
    }

    /* Harakat tugmasi kartaning pastida */
    .mentor-lesson-cards td:nth-child(5) {
        grid-column: 1 / -1;
        padding-top: 12px;
        border-top: 1px solid #e8ecdf;
    }

    .mentor-lesson-cards td:nth-child(5) .button,
    .mentor-lesson-cards td:nth-child(5) > a {
        display: flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        width: 100%;
        max-width: 100%;
        min-height: 44px;
        padding: 12px;
        white-space: normal;
        text-align: center;
        line-height: 1.45;
    }
}
/* Mentorning oylik hisob-kitobi: mobil kartalar */
@media (max-width: 760px) {
    .mentor-monthly-payroll {
        width: 100%;
        max-width: 100%;
        overflow: visible;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
    }

    .mentor-monthly-payroll table {
        display: block;
        width: 100%;
        min-width: 0;
        border: 0;
        background: transparent;
    }

    .mentor-monthly-payroll thead {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        overflow: hidden;
        clip-path: inset(50%);
        white-space: nowrap;
    }

    .mentor-monthly-payroll tbody {
        display: grid;
        width: 100%;
        gap: 14px;
    }

    .mentor-monthly-payroll .salary-month-row {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px 12px;
        box-sizing: border-box;
        width: 100%;
        min-width: 0;
        padding: 16px;
        border: 1px solid #dfe6d7;
        border-radius: 16px;
        background: #fff;
        box-shadow: 0 3px 12px rgb(27 35 28 / 4%);
    }

    .mentor-monthly-payroll .salary-month-row > td {
        display: block;
        width: auto;
        min-width: 0;
        padding: 0;
        border: 0;
        background: transparent;
        text-align: left;
        white-space: normal;
        vertical-align: top;
    }

    .mentor-monthly-payroll td[data-label]::before {
        content: attr(data-label);
        display: block;
        margin-bottom: 6px;
        color: #59664f;
        font-size: 14px;
        font-weight: 500;
        line-height: 1.4;
    }

    .mentor-monthly-payroll .salary-month-value {
        display: block;
        max-width: 100%;
        color: #1b231c;
        font-size: 17px;
        font-weight: 700;
        line-height: 1.45;
        font-variant-numeric: tabular-nums;
        overflow-wrap: anywhere;
    }

    /* Oyning nomi kartaning tepasida */
    .mentor-monthly-payroll td.salary-month-name {
        grid-column: 1 / -1;
        padding-bottom: 14px;
        border-bottom: 1px solid #e8edde;
    }

    .mentor-monthly-payroll .salary-month-name .salary-month-value {
        font-size: 20px;
        color: #304b13;
    }

    /* Farq alohida ajratilgan qatorda */
    .mentor-monthly-payroll td.salary-month-balance {
        grid-column: 1 / -1;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 8px 12px;
        padding: 12px;
        border-radius: 10px;
        background: #f0f5e7;
    }

    .mentor-monthly-payroll .salary-month-balance::before {
        margin-bottom: 0;
        font-weight: 600;
        color: #354a26;
    }

    .mentor-monthly-payroll .salary-month-balance .salary-month-value {
        margin-left: auto;
        text-align: right;
        color: #304b13;
        font-size: 19px;
    }

    /* Manfiy farq: oldindan ortiqcha berilgan summa */
    .mentor-monthly-payroll td.salary-month-balance.is-negative {
        background: #fff1ef;
    }

    .mentor-monthly-payroll .is-negative::before,
    .mentor-monthly-payroll .is-negative .salary-month-value {
        color: #a33228;
    }

    /* Hisoblar bo‘lmagan holat */
    .mentor-monthly-payroll tbody > tr:not(.salary-month-row) {
        display: block;
    }

    .mentor-monthly-payroll td.empty-state {
        display: block;
        width: 100%;
        box-sizing: border-box;
        white-space: normal;
    }
}
/* Mentor: oy-guruh ichidagi ulush yozuvlari */
@media (max-width: 760px) {
    .mentor-share-cards {
        width: 100%;
        max-width: 100%;
        overflow: visible;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
    }

    .mentor-share-cards table {
        display: block;
        width: 100%;
        min-width: 0;
        border: 0;
        background: transparent;
    }

    .mentor-share-cards thead {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        overflow: hidden;
        clip-path: inset(50%);
        white-space: nowrap;
    }

    .mentor-share-cards tbody {
        display: grid;
        width: 100%;
        gap: 12px;
    }

    .mentor-share-cards .share-entry-row {
        position: relative;
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr);
        gap: 14px 12px;
        box-sizing: border-box;
        width: 100%;
        min-width: 0;
        padding: 16px;
        border: 1px solid #dfe6d7;
        border-radius: 14px;
        background: #fff;
        box-shadow: 0 3px 12px rgb(27 35 28 / 4%);
    }

    .mentor-share-cards .share-entry-row > td {
        display: block;
        width: auto;
        min-width: 0;
        padding: 0;
        border: 0;
        background: transparent;
        text-align: left;
        white-space: normal;
        word-break: normal;
        overflow-wrap: anywhere;
    }

    /* Tartib raqami */
    .mentor-share-cards td.share-entry-number {
        position: absolute;
        top: 16px;
        left: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        width: 32px;
        height: 32px;
        border-radius: 9px;
        background: #edf4df;
        color: #354f20;
        font-size: 14px;
        font-weight: 700;
    }

    /* O‘quvchining FIOsi */
    .mentor-share-cards td.share-entry-name {
        grid-column: 1 / -1;
        min-height: 32px;
        padding-left: 44px;
        color: #1b231c;
        font-size: 16px;
        font-weight: 700;
        line-height: 1.5;
    }

    .mentor-share-cards td[data-label]::before {
        content: attr(data-label);
        display: block;
        margin-bottom: 6px;
        color: #59664f;
        font-size: 14px;
        font-weight: 500;
        line-height: 1.4;
    }

    .mentor-share-cards .share-entry-value {
        display: block;
        max-width: 100%;
        color: #24351d;
        font-size: 16px;
        font-weight: 600;
        line-height: 1.5;
        font-variant-numeric: tabular-nums;
        overflow-wrap: anywhere;
    }

    /* Sana to‘liq kenglikda */
    .mentor-share-cards td.share-entry-date {
        grid-column: 1 / -1;
        padding-bottom: 14px;
        border-bottom: 1px solid #e8edde;
    }

    .mentor-share-cards .share-entry-date .share-entry-value {
        font-size: 14px;
        font-weight: 500;
    }

    /* Pastda: foiz chapda, summa o‘ngda */
    .mentor-share-cards td.share-entry-percent {
        grid-column: 1;
    }

    .mentor-share-cards td.share-entry-amount {
        grid-column: 2;
        text-align: right;
    }

    .mentor-share-cards .share-entry-amount .share-entry-value {
        color: #304b13;
        font-size: 18px;
        font-weight: 700;
    }
}
/* O‘quvchi: oylik to‘lovlarning mobil ko‘rinishi */
@media (max-width: 760px) {
    .student-payment-cards {
        width: 100%;
        max-width: 100%;
        overflow: visible;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
    }

    .student-payment-cards table {
        display: block;
        width: 100%;
        min-width: 0;
        border: 0;
        background: transparent;
    }

    .student-payment-cards thead {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        overflow: hidden;
        clip-path: inset(50%);
        white-space: nowrap;
    }

    .student-payment-cards tbody {
        display: grid;
        width: 100%;
        gap: 14px;
    }

    .student-payment-cards tbody > tr {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px 12px;
        box-sizing: border-box;
        width: 100%;
        min-width: 0;
        padding: 16px;
        border: 1px solid #dfe6d7;
        border-radius: 16px;
        background: #fff;
        box-shadow: 0 3px 12px rgb(27 35 28 / 4%);
    }

    .student-payment-cards tbody > tr > td {
        display: block;
        box-sizing: border-box;
        width: auto;
        min-width: 0;
        padding: 0;
        border: 0;
        background: transparent;
        color: #1b231c;
        font-size: 16px;
        font-weight: 600;
        line-height: 1.5;
        text-align: left;
        white-space: normal;
        word-break: normal;
        overflow-wrap: anywhere;
        font-variant-numeric: tabular-nums;
    }

    /* Kartadagi maydon nomlari */
    .student-payment-cards td::before {
        display: block;
        margin-bottom: 6px;
        color: #59664f;
        font-size: 14px;
        font-weight: 500;
        line-height: 1.4;
    }

    .student-payment-cards td:nth-child(1)::before {
        content: "Oy";
    }

    .student-payment-cards td:nth-child(2)::before {
        content: "To‘lov muddati";
    }

    .student-payment-cards td:nth-child(3)::before {
        content: "Hisob";
    }

    .student-payment-cards td:nth-child(4)::before {
        content: "To‘langan";
    }

    .student-payment-cards td:nth-child(5)::before {
        content: "Qoldiq";
    }

    .student-payment-cards td:nth-child(6)::before {
        content: "Holat";
    }

    /* Oy va muddat kartaning tepasida */
    .student-payment-cards td:nth-child(1),
    .student-payment-cards td:nth-child(2) {
        padding-bottom: 14px;
        border-bottom: 1px solid #e8edde;
    }

    .student-payment-cards td:nth-child(1) {
        color: #304b13;
        font-size: 19px;
        font-weight: 700;
    }

    .student-payment-cards td:nth-child(2) {
        text-align: right;
        font-size: 14px;
    }

    /* Qoldiq alohida ajratilgan qatorda */
    .student-payment-cards td:nth-child(5) {
        grid-column: 1 / -1;
        padding: 12px;
        border-radius: 10px;
        background: #f3f5ef;
        font-size: 19px;
        font-weight: 700;
    }

    /* Uzun holat matnlari ham to‘liq ko‘rinsin */
    .student-payment-cards td:nth-child(6) {
        grid-column: 1 / -1;
    }

    .student-payment-cards .badge {
        display: inline-block;
        box-sizing: border-box;
        max-width: 100%;
        padding: 8px 12px;
        font-size: 14px;
        line-height: 1.5;
        white-space: normal;
        word-break: normal;
        overflow-wrap: anywhere;
        text-align: left;
    }
}
/* Mentor: mobil davomat va baholash kartalari */
@media (max-width: 760px) {
    .mentor-attendance-cards {
        width: 100%;
        max-width: 100%;
        overflow: visible;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
    }

    .mentor-attendance-cards table {
        display: block;
        width: 100%;
        min-width: 0;
        border: 0;
        background: transparent;
    }

    .mentor-attendance-cards thead {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        overflow: hidden;
        clip-path: inset(50%);
        white-space: nowrap;
    }

    .mentor-attendance-cards tbody {
        display: grid;
        width: 100%;
        gap: 14px;
    }

    .mentor-attendance-cards tbody > tr {
        display: grid;
        grid-template-columns: 76px minmax(0, 1fr);
        gap: 14px 12px;
        box-sizing: border-box;
        width: 100%;
        min-width: 0;
        padding: 14px;
        border: 1px solid #dfe6d7;
        border-radius: 14px;
        background: #fff;
        box-shadow: 0 3px 12px rgb(27 35 28 / 4%);
    }

    .mentor-attendance-cards tbody > tr > td {
        display: block;
        box-sizing: border-box;
        width: auto;
        min-width: 0;
        padding: 0;
        border: 0;
        background: transparent;
        white-space: normal;
        word-break: normal;
        overflow-wrap: anywhere;
        text-align: left;
    }

    /* FIO va telefon */
    .mentor-attendance-cards td:nth-child(1) {
        grid-column: 1 / -1;
        padding-bottom: 12px;
        border-bottom: 1px solid #e8edde;
        color: #1b231c;
        font-size: 16px;
        font-weight: 700;
        line-height: 1.5;
    }

    .mentor-attendance-cards td:nth-child(1) small {
        font-size: 14px;
        font-weight: 400;
        color: #59664f;
    }

    /* Maydon sarlavhalari */
    .mentor-attendance-cards td:nth-child(n+2)::before {
        display: block;
        margin-bottom: 8px;
        color: #35452b;
        font-size: 14px;
        font-weight: 600;
        line-height: 1.4;
    }

    .mentor-attendance-cards td:nth-child(2)::before {
        content: "Davomat";
    }

    .mentor-attendance-cards td:nth-child(3)::before {
        content: "Baho (1–5)";
    }

    .mentor-attendance-cards td:nth-child(4)::before {
        content: "Izoh";
    }

    /* Davomat tanlovi to‘liq kenglikda */
    .mentor-attendance-cards td:nth-child(2) {
        grid-column: 1 / -1;
    }

    .mentor-attendance-cards .actions {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin: 0;
    }

    .mentor-attendance-cards .actions > label {
        display: flex;
        align-items: center;
        flex: 1 1 140px;
        gap: 8px;
        box-sizing: border-box;
        min-width: 0;
        min-height: 46px;
        margin: 0;
        padding: 10px;
        border: 1px solid #dce4d4;
        border-radius: 10px;
        background: #f8faf5;
        color: #26371e;
        font-size: 15px;
        line-height: 1.4;
        cursor: pointer;
    }

    .mentor-attendance-cards input[type="radio"] {
        flex-shrink: 0;
        width: 20px;
        height: 20px;
        margin: 0;
        accent-color: #638c28;
    }

    .mentor-attendance-cards label:has(input[value="1"]:checked) {
        border-color: #84a850;
        background: #edf5df;
    }

    .mentor-attendance-cards label:has(input[value="0"]:checked) {
        border-color: #cf9185;
        background: #fff0ec;
    }

    /* Baho va izoh maydonlari */
    .mentor-attendance-cards input[type="number"],
    .mentor-attendance-cards input[type="text"] {
        display: block;
        box-sizing: border-box;
        width: 100%;
        min-width: 0;
        max-width: 100%;
        min-height: 46px;
        margin: 0;
        padding: 10px;
        border: 1px solid #b8c5ac;
        border-radius: 10px;
        background: #fff;
        color: #1b231c;
        font-size: 16px;
        line-height: 1.4;
    }

    .mentor-attendance-cards input:disabled {
        background: #f1f3ee;
        color: #687360;
        cursor: not-allowed;
    }

    .mentor-attendance-cards label:has(input:disabled) {
        opacity: .65;
        cursor: default;
    }

    /* Saqlash tugmasi */
    .mentor-attendance-form > button[type="submit"] {
        box-sizing: border-box;
        width: 100%;
        min-height: 48px;
        padding: 12px 16px;
        white-space: normal;
        line-height: 1.45;
    }
}
.hero-actions {
    flex-wrap: wrap;
    gap: 12px;
}
@media (max-width: 760px) {
    .hero-actions > a[href*="download-app.php"] {
        box-sizing: border-box;
        max-width: 100%;
        min-height: 48px;
        white-space: normal;
        text-align: center;
    }
}