:root{--navy:#10243d;--navy2:#173655;--gold:#f3b72b;--ink:#18283a;--muted:#667487;--line:#e3e9ef;--bg:#f5f7fa;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.65}a{color:inherit;text-decoration:none}.container{width:min(1140px,92%);margin:auto}.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.nav-wrap{display:flex;align-items:center;justify-content:space-between;min-height:82px;gap:24px}.brand{display:flex;align-items:center;gap:11px;color:var(--navy);font-size:16px;font-weight:900;line-height:1.1;letter-spacing:.4px}.brand b{color:#c48b05}.brand small{display:block;font-size:9px;letter-spacing:1px;margin-top:6px;color:var(--muted)}.brand-mark{display:grid;place-items:center;width:44px;height:44px;background:var(--gold);color:var(--navy);font-weight:900;border-radius:8px;font-size:18px}.nav{display:flex;align-items:center;gap:24px;font-size:14px;font-weight:700}.nav a:hover,.text-link{color:#b17b00}.nav-cta{background:var(--navy);color:white!important;padding:11px 16px;border-radius:5px}.menu-toggle{display:none;background:none;border:0;font-size:25px}.hero{background:linear-gradient(115deg,#0c2038,#183d60);color:#fff;padding:78px 0 74px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.3fr .7fr;align-items:center;gap:60px}.eyebrow{display:inline-block;color:#d69d17;font-size:11px;font-weight:900;letter-spacing:1.8px}.hero h1{font-size:clamp(36px,5vw,58px);line-height:1.12;margin:15px 0 18px;letter-spacing:-1.5px}.hero h1 em{display:block;color:var(--gold);font-style:normal}.hero p{color:#d6e0ea;font-size:17px;max-width:520px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:5px;font-weight:800;font-size:14px;border:1px solid transparent}.btn-gold{background:var(--gold);color:var(--navy)}.btn-outline{border-color:#8295a8;color:white}.btn-light{background:white;color:var(--navy)}.hero-points{display:flex;gap:22px;flex-wrap:wrap;margin-top:30px;font-size:12px;color:#d8e2eb}.hero-card{background:#fff;color:var(--ink);border-radius:12px;padding:28px;box-shadow:0 25px 55px #0003}.crane-art{font-size:100px;text-align:center;background:#f4f6f8;border-radius:8px;padding:18px}.hero-card h3{font-size:22px;line-height:1.3}.hero-card p{color:var(--muted);font-size:14px}.section{padding:70px 0}.section-muted{background:var(--bg)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.section-head h2,.cta h2{font-size:clamp(27px,3vw,36px);line-height:1.2;margin:8px 0}.section-head p{color:var(--muted);max-width:400px;margin:0}.cards{display:grid;gap:22px}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-card,.job-card,.post-card,.panel,.form-card,.content-card{background:white;border:1px solid var(--line);border-radius:9px;overflow:hidden}.feature-card{padding:27px;transition:transform .2s,box-shadow .2s}.feature-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #10243d12}.icon{font-size:34px}.feature-card h3,.job-card h3,.post-card h3{margin:12px 0 7px;line-height:1.3}.feature-card p,.job-card p,.post-card p{color:var(--muted);font-size:14px}.feature-card b{font-size:13px;color:#b17b00}.job-card{padding:23px}.tag{display:inline-block;background:#fff3d2;color:#7a5700;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:800}.job-card small,.post-body small{color:#8490a0;font-size:12px}.job-card .text-link{display:block;margin-top:16px;font-weight:800;font-size:13px}.post-card img{width:100%;height:180px;object-fit:cover}.post-placeholder{height:180px;background:linear-gradient(135deg,#142a45,#315777);display:grid;place-items:center;color:#f3b72b;font-weight:900;letter-spacing:2px}.post-body{padding:22px}.empty{grid-column:1/-1;padding:25px;background:white;border:1px dashed #cad3dd;border-radius:8px;color:var(--muted)}.cta{background:var(--navy);color:white;padding:48px 0}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.cta p{color:#d1dce7;margin:8px 0}.footer{background:#09182a;color:#d4deea;padding:50px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.brand-footer{color:white}.footer p{color:#9fb0c2;max-width:380px;font-size:14px}.footer h4{color:white;margin-top:0}.footer-grid>div>a:not(.brand){display:block;color:#aebdcc;font-size:14px;margin:9px 0}.footer-bottom{border-top:1px solid #29394a;margin-top:35px;padding-top:18px;display:flex;justify-content:space-between;color:#92a3b6;font-size:12px}.whatsapp{position:fixed;right:18px;bottom:18px;background:#168c52;color:white;padding:12px 18px;border-radius:30px;font-weight:800;box-shadow:0 5px 18px #0003;z-index:15}.page-hero{background:var(--navy);color:white;padding:42px 0}.page-hero h1{margin:5px 0;font-size:36px}.page-hero p{color:#c9d7e5;margin:4px 0}.content-area{padding:40px 0 70px;background:var(--bg);min-height:45vh}.content-card,.form-card,.panel{padding:26px}.content-card h2{margin-top:0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-weight:800;font-size:13px}.field input,.field textarea,.field select,.searchbar input{width:100%;padding:12px;border:1px solid #ccd5df;border-radius:5px;font:inherit;background:white}.field textarea{min-height:130px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{outline:2px solid #f3b72b66;border-color:#d4a222}.notice{margin:14px auto;padding:13px 18px;width:min(1140px,92%);border-radius:5px}.notice.success{background:#e6f7ed;color:#17633b}.notice.error{background:#fff0ed;color:#9c2d20}.searchbar{display:flex;gap:10px;margin-bottom:24px}.searchbar input{flex:1}.pagination{display:flex;gap:8px;margin-top:25px}.pagination a{padding:8px 12px;background:white;border:1px solid var(--line);border-radius:4px}.admin-layout{display:grid;grid-template-columns:220px 1fr;gap:24px}.admin-side{background:var(--navy);color:white;padding:20px;border-radius:8px;height:max-content}.admin-side a{display:block;padding:10px 4px;color:#d9e2eb}.admin-main{min-width:0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:22px}.stat{background:white;border:1px solid var(--line);border-radius:8px;padding:20px}.stat strong{font-size:28px;display:block;color:var(--navy)}.table-wrap{overflow:auto;background:white;border:1px solid var(--line);border-radius:7px}table{border-collapse:collapse;width:100%;min-width:700px}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line);font-size:13px}th{background:#eef2f6}.inline-form{display:inline-flex;gap:5px;align-items:center}.small-btn{border:0;background:var(--navy);color:white;padding:7px 10px;border-radius:4px;cursor:pointer}.danger{background:#a93226}.muted{color:var(--muted)}.checkbox-line{display:flex;gap:8px;align-items:center}.content-copy{white-space:normal;overflow-wrap:anywhere}.content-copy img{max-width:100%;height:auto}@media(max-width:850px){.nav{gap:12px}.hero-grid{gap:28px}.three{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-wrap{min-height:72px}.brand{font-size:14px}}@media(max-width:650px){.menu-toggle{display:block}.nav{display:none;position:absolute;top:72px;left:0;right:0;background:white;padding:15px 5%;box-shadow:0 12px 18px #0001;flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a{padding:12px 0}.nav .nav-cta{padding:12px;text-align:center}.hero{padding:48px 0}.hero-grid{grid-template-columns:1fr}.hero h1{font-size:40px}.hero-card{padding:20px}.crane-art{font-size:75px}.section{padding:48px 0}.section-head{display:block}.section-head p{margin-top:12px}.three{grid-template-columns:1fr}.cta-inner{display:block}.footer-grid{grid-template-columns:1fr 1fr;gap:25px}.footer-grid>div:first-child{grid-column:1/-1}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.admin-layout{grid-template-columns:1fr}.admin-side{display:grid;grid-template-columns:repeat(2,1fr);gap:0}.stats{grid-template-columns:1fr}.page-hero h1{font-size:29px}.content-card,.form-card,.panel{padding:19px}.footer-bottom{gap:15px;flex-wrap:wrap}.searchbar{flex-direction:column}}