/* Presentation layer only: routes, data and interaction hooks are preserved. */
:root{--green-dark:#123e35;--green-mid:#236653;--green-light:#5d9b7c;--gold:#d5ad62;--gold-light:#edce91;--cream:#f7f8f4;--dark:#172e28;--text:#243d35;--text-muted:#6b7c74;--gray-light:#e1e8e1;--shadow:0 12px 36px #173f3509;--radius:20px}
body{background:var(--cream);line-height:1.9}button,input,textarea,select{font-family:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}a,button{touch-action:manipulation}:focus-visible{outline:3px solid #bc8531;outline-offset:4px}section[id]{scroll-margin-top:150px}
.topbar{background:#123e35;padding:9px max(24px,calc((100vw - 1200px)/2));font-size:11px}
body>header{background:#ffffffed;color:var(--text);box-shadow:0 2px 0 #153e3510;backdrop-filter:blur(18px)}.header-inner{max-width:1280px;flex-wrap:wrap;padding:17px 28px;gap:12px 24px}.logo-area{border:0;flex:1}.logo-img{width:49px;height:49px;box-shadow:none;border:1px solid #e5e9df}.logo-text h1{font-size:16px}.logo-text p{color:var(--text-muted);margin-top:5px}.header-inner nav{order:4;flex-basis:100%;background:transparent;border:0;border-top:1px solid #edf0e9;border-radius:0;padding:12px 0 0;gap:4px;backdrop-filter:none}.header-inner nav a{font-size:12px;color:#5c7066;padding:8px 5px;border-radius:9px}.header-inner nav a.active,.header-inner nav a:hover{background:#eaf2eb;color:var(--green-dark);box-shadow:none;transform:none}.header-auth-btn.primary{background:var(--green-dark);color:white;border-radius:10px;box-shadow:none;padding:12px 20px}.user-menu-btn{color:var(--green-dark);background:#edf3ed;border-color:#dce6dd}.hamburger{background:#edf3ed}.hamburger span{background:var(--green-dark)}
.hero{max-width:1200px;margin:32px auto 0;border-radius:28px;background:#eaf0e7;color:var(--green-dark);padding:66px 52px;text-align:right;min-height:440px;display:flex;align-items:center;gap:50px;overflow:hidden}.hero::before,.hero::after{display:none}.hero-copy{flex:1;min-width:0}.hero h2{font-size:clamp(30px,3.5vw,48px);line-height:1.55;letter-spacing:-1.4px}.hero h2 span{color:#41816a}.hero p{color:#64746a;font-size:15px;margin:16px 0 25px;line-height:2.1}.hero-kicker{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:#3d6956;margin-bottom:14px}.hero-kicker::before{content:'';height:7px;width:7px;background:#699779;border-radius:50%}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-actions a{display:inline-flex;align-items:center;justify-content:center;padding:11px 23px;border-radius:10px;text-decoration:none;font-size:13px;font-weight:700}.hero-primary{background:var(--green-dark);color:white}.hero-secondary{border:1px solid #bdccbe;color:var(--green-dark)}.hero-visual{width:45%;position:relative;flex-shrink:0}.hero-visual img{display:block;width:100%;height:315px;object-fit:cover;border-radius:90px 20px 20px 20px;filter:saturate(.8)}.hero-caption{position:absolute;bottom:18px;right:18px;left:18px;background:#ffffffed;border-radius:12px;padding:12px 17px;font-size:12px;color:var(--green-dark)}.hero-caption b{display:block;font-size:15px}
.stats-bar{max-width:1120px;margin:0 auto;background:transparent;box-shadow:none;border-bottom:1px solid #dfe6da;padding:32px 10px}.stats-inner{max-width:none}.stat-item+.stat-item{border-right:1px solid #dfe6da}.stat-num{font-size:30px;font-weight:800}.stat-label{font-size:12px;margin-top:10px}
section{padding:75px 24px}.section-inner{max-width:1160px}.section-head{margin-bottom:34px}.section-head h2{font-size:29px;letter-spacing:-.7px}.section-head p{font-size:14px;line-height:2}.section-eyebrow{font-size:11px;background:#e9efe5;color:#446950;padding:6px 13px;font-weight:600}.divider{width:36px;height:3px;background:#cead6c;margin-top:17px}
#education{background:var(--cream)}#education .section-head h2{color:var(--green-dark)!important}#education .section-head p{color:var(--text-muted)!important}#education .section-eyebrow{background:#e9efe5!important}.edu-card{background:white;border:1px solid #e1e8dc;border-radius:18px;padding:28px;text-align:right;box-shadow:var(--shadow)}.edu-card .icon{background:#eff4e9;border-radius:14px;width:54px;height:54px;font-size:27px;margin:0 0 18px;box-shadow:none}.edu-card h3{color:var(--green-dark);font-size:18px}.edu-card p{color:var(--text-muted);font-size:13px;line-height:2}.edu-card .btn-link{border-radius:9px;background:#edf3e9;color:var(--green-dark);margin-top:18px}.edu-video-section{background:white;border:1px solid #dfe7dc;border-radius:20px;box-shadow:none;color:var(--text)}.edu-video-section h3,.video-category h4{color:var(--green-dark)}.edu-video-section .sub{color:var(--text-muted)}.video-tab-btn{background:#edf3e9;color:var(--green-dark);border-color:#dce7d8}.video-tab-btn.active{background:var(--green-dark);color:white;border-color:var(--green-dark)}.edu-sublinks a{background:white;color:var(--green-dark);border:1px solid #dae4d7}.edu-group-info{background:#f2f6ee;color:var(--green-dark)}.edu-group-info .group-title,.edu-group-info a{color:var(--green-dark)}
#fields,#gallery,#teaching-staff,#user-comments{background:#fff}#schedule,#bulletin,#poll-teaser{background:#f3f6ef}.field-card,.staff-card,.bulletin-card,.poll-teaser-box,.comment-item,.schedule-box,.auth-box,.blog-card,.blog-single,.profile-card,.poll-card{border:1px solid #e1e7de;border-radius:20px;box-shadow:var(--shadow)}.field-header{background:#f2f6ed;padding:25px}.field-title h3{font-size:19px}.field-tabs{background:white}.field-tab-btn{font-size:12px}.field-tab-btn.active{color:var(--green-dark);border-bottom-color:var(--green-mid)}.book-links{background:#f6f8f1}.book-link{border-radius:8px}.btn-gold{background:var(--green-dark);color:white;box-shadow:none;border:1px solid transparent;border-radius:10px}.btn-gold:hover{background:var(--green-mid);color:white;box-shadow:0 6px 16px #123e3518}.gallery-item{border-radius:18px;min-height:230px;box-shadow:none}.staff-card{padding:30px 22px}.staff-tab-btn.active,.schedule-grade-btn.active{background:var(--green-dark);color:white;box-shadow:none}.bulletin-card{border-right:4px solid #acc5a3;padding:24px;background:white}.bulletin-card.urgent{border-right-color:#d57862}.bulletin-card.gold{border-right-color:#c7a766}.schedule-table th{background:var(--green-dark)}.schedule-table td{padding:18px 12px}.schedule-table-wrap{overflow-x:auto}.poll-teaser-card{background:#f1f5eb;border:1px solid #e0e7d9;border-radius:14px}.form-group input,.form-group textarea,.form-group select{border-radius:10px;padding:13px 15px}.auth-head{background:var(--green-dark)}.auth-page{background:#eaf0e7}.page-hero{background:#eaf0e7;color:var(--green-dark);border-bottom:1px solid #dae3d4}.page-hero h2{color:var(--green-dark)}.page-hero p{color:var(--text-muted)}.page-hero .section-eyebrow,.page-hero-stats span{background:#dce8d7!important;color:var(--green-dark)!important}.gallery-filter-btn.active{background:var(--green-dark);color:white;box-shadow:none;border-color:var(--green-dark)}#contact{background:#153f35}.contact-item,.contact-form-box{border-radius:16px;background:#ffffff08;border:1px solid #ffffff16}#contact .btn-gold{background:var(--gold-light);color:var(--green-dark)}footer{background:#102e27}.footer-bottom{border-top-color:#ffffff15}
@media(min-width:901px){.edu-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:1250px){.hero{margin:24px 24px 0}}
@media(max-width:1000px){.header-inner nav{display:none}.hamburger{display:flex}.header-inner{flex-wrap:nowrap}.hero{padding:40px 30px;gap:25px}.hero h2{font-size:35px}.hero-visual img{height:290px}.logo-text h1{font-size:14px}}
@media(max-width:650px){.topbar{padding:8px 16px;font-size:10px}.topbar span{flex-wrap:wrap}.header-inner{padding:13px 16px;gap:10px}.logo-area{padding:0;gap:7px}.logo-img{width:37px;height:37px}.logo-text h1{font-size:10px;white-space:normal}.logo-text p{font-size:9px}.header-auth-btn.primary{padding:8px 10px;font-size:10px;white-space:nowrap}.hero{margin:16px 14px 0;padding:30px 23px;border-radius:20px;flex-direction:column;align-items:stretch;gap:24px}.hero h2{font-size:33px}.hero p{font-size:13px}.hero-visual{width:100%}.hero-visual img{height:225px;border-radius:45px 12px 12px 12px}.hero-actions a{font-size:12px;padding:10px 17px}.stats-bar{margin:0 18px;padding:23px 0}.stats-inner{grid-template-columns:repeat(2,1fr);gap:22px 0}.stat-item:nth-child(3){border-right:0}.stat-num{font-size:26px}section{padding:48px 18px}.section-head h2{font-size:24px}.section-head p{font-size:12px}.edu-grid,.fields-grid{grid-template-columns:1fr}.edu-card{padding:25px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-item{min-height:170px}.staff-tabs,.video-tabs{gap:5px;flex-wrap:wrap}.contact-grid{grid-template-columns:1fr}.section-inner{min-width:0}.user-name{max-width:65px;overflow:hidden;text-overflow:ellipsis}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Original homepage markup, without adding or moving sections. */
.hero{display:block;padding-inline:52px 52%;min-height:425px;background:#eaf0e7 url('../img/nama/1.jpg') no-repeat 5% center;background-size:42% auto}.hero p{margin-bottom:0}.hero h2{padding-top:25px}
@media(max-width:1000px){.hero{padding-inline:30px 50%}}
@media(max-width:650px){.hero{padding:28px 24px 260px;background-size:calc(100% - 48px) auto;background-position:center calc(100% - 24px)}.hero h2{padding-top:0}}