/*
Theme Name: OperatorSetempat
Theme URI: https://example.com/operatorsetempat
Author: OperatorSetempat
Description: Tema WordPress portal pendidikan, sosial, dan komunitas.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GPLv2 or later
Text Domain: operatorsetempat
*/
:root{--green:#125b45;--green2:#0b4233;--gold:#e5b94f;--ink:#17251f;--muted:#64736c;--paper:#f5f8f6;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);line-height:1.65;background:#fff}a{color:var(--green);text-decoration:none}a:hover{color:#087b58}.container{width:min(1160px,92%);margin:auto}.site-header{background:#fff;border-bottom:1px solid #e8eeea;position:sticky;top:0;z-index:20}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 0}.brand{font-size:1.35rem;font-weight:850;color:var(--green);letter-spacing:-.5px}.brand span{color:var(--gold)}.main-nav{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.main-nav a{font-size:.92rem;font-weight:650;color:#33463d}.main-nav a:hover{color:var(--green)}.menu-toggle{display:none;background:none;border:1px solid #dce6df;padding:8px 12px;border-radius:8px}.hero{background:linear-gradient(120deg,rgba(8,55,41,.96),rgba(18,91,69,.88)),radial-gradient(circle at 80% 20%,#5b9878,transparent 45%);color:#fff;padding:92px 0 86px}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center}.eyebrow{display:inline-block;color:#f4d783;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;font-size:.76rem}.hero h1{font-size:clamp(2.5rem,5vw,4.6rem);line-height:1.08;letter-spacing:-2px;margin:16px 0}.hero p{font-size:1.12rem;color:#e0eee7;max-width:650px}.hero-panel{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);padding:28px;border-radius:22px;backdrop-filter:blur(8px)}.hero-panel strong{font-size:1.3rem;display:block;margin-bottom:8px}.hero-panel ul{padding-left:20px;color:#e5f0e9}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.btn{display:inline-block;padding:12px 20px;border-radius:9px;font-weight:750;background:var(--gold);color:#253326;border:2px solid var(--gold)}.btn:hover{background:#f0cc70;color:#253326}.btn-outline{background:transparent;color:#fff;border-color:rgba(255,255,255,.7)}.btn-outline:hover{background:#fff;color:var(--green)}.section{padding:72px 0}.section-soft{background:var(--paper)}.section-heading{text-align:center;max-width:760px;margin:0 auto 38px}.section-heading .eyebrow{color:var(--green)}h2{font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.2;margin:8px 0 12px;letter-spacing:-.8px}.section-heading p,.muted{color:var(--muted)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.feature,.card{background:#fff;border:1px solid #e6ede8;border-radius:16px;padding:24px;box-shadow:0 8px 28px rgba(18,55,38,.045)}.feature-icon{width:48px;height:48px;border-radius:13px;background:#e8f3ed;display:grid;place-items:center;font-size:1.4rem;margin-bottom:14px}.feature h3,.card h3{margin:5px 0 8px;font-size:1.12rem}.feature p,.card p{color:var(--muted);margin:0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center}.about-visual{min-height:300px;border-radius:22px;background:linear-gradient(140deg,#e7f2eb,#f7e9bf);display:grid;place-items:center;padding:35px;text-align:center;color:var(--green)}.about-visual b{font-size:2rem;line-height:1.2}.post-card{padding:0;overflow:hidden}.post-thumb{height:170px;background:linear-gradient(135deg,#dcece2,#f2e7c9);display:grid;place-items:center;color:var(--green);font-weight:800}.post-content{padding:22px}.tag{font-size:.75rem;color:var(--green);font-weight:800;text-transform:uppercase;letter-spacing:.6px}.resource-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.resource-item{padding:15px 17px;background:#fff;border:1px solid #e5ece7;border-radius:10px;font-weight:650}.cta{background:var(--green);color:#fff;border-radius:22px;padding:42px;display:flex;justify-content:space-between;align-items:center;gap:25px}.cta p{color:#dcebe3;margin-bottom:0}.cta h2{margin-top:0}.site-footer{background:#102f25;color:#dbe8e0;padding:55px 0 22px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:35px}.site-footer h3{color:#fff}.site-footer a{color:#dbe8e0}.footer-bottom{border-top:1px solid #315244;margin-top:35px;padding-top:18px;color:#a9c1b4;font-size:.88rem}.article-list{max-width:850px;margin:auto}.article-list article{padding:22px 0;border-bottom:1px solid #e7eee9}.article-list h2{font-size:1.5rem}.form-field{width:100%;padding:12px;border:1px solid #d7e2da;border-radius:8px;margin:6px 0 14px;font:inherit}.content-area{padding:50px 0;min-height:50vh}.content-area img{max-width:100%;height:auto;border-radius:12px}@media(max-width:850px){.hero-grid,.about-grid{grid-template-columns:1fr}.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:1fr 1fr}.main-nav{display:none;position:absolute;left:4%;right:4%;top:68px;background:white;padding:18px;border:1px solid #e5ece7;border-radius:12px;box-shadow:0 10px 30px #173c2a20}.main-nav.open{display:flex;flex-direction:column;align-items:flex-start}.menu-toggle{display:block}.header-inner{position:relative}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.hero{padding:65px 0}.grid-4,.grid-3,.resource-list,.footer-grid{grid-template-columns:1fr}.section{padding:54px 0}.cta{padding:28px;display:block}.cta .btn{margin-top:18px}}