/* Ruang Digital Bu Meri — tema Biru Langit v1.1. Tidak membutuhkan CDN. */
:root{--navy:#153b63;--sea:#167db3;--sea2:#0b96bd;--sky:#d8f3ff;--sky2:#effaff;--bg:#f4faff;--white:#fff;--text:#18334c;--muted:#607c93;--gold:#f5b957;--line:#d6e9f4;--shadow:0 10px 30px rgba(20,94,139,.09)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#f1fbff 0,#f7fbff 430px,#f4faff 100%);color:var(--text);font-family:system-ui,-apple-system,'Segoe UI',Arial,sans-serif;font-size:15px;line-height:1.65}a{color:var(--sea);text-decoration:none}a:hover{color:var(--navy)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}:focus-visible{outline:3px solid #f4bb54;outline-offset:3px}
.top{background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);box-shadow:0 2px 14px rgba(25,100,150,.04);padding:15px max(24px,calc((100% - 1180px)/2));display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;z-index:10}.brand{display:flex;align-items:center;gap:12px;color:var(--navy);font-size:17px;font-weight:850;letter-spacing:.02em;line-height:1.2}.brand-mark{width:43px;height:43px;display:grid;place-items:center;background:linear-gradient(135deg,#b6ebff,#43b7e5);border-radius:13px;font-size:24px;color:#0c527f}.brand small{display:block;color:#638ca8;font-size:10px;font-weight:750;letter-spacing:.13em;margin-top:6px}.nav{display:flex;align-items:center;gap:23px}.nav a{font-size:13px;font-weight:750;color:#2a526e}.nav a:hover{color:var(--sea2)}.nav .nav-button,.nav-button{display:inline-block;color:white!important;background:linear-gradient(120deg,#1a90c4,#1275b0);padding:10px 20px;border-radius:12px;border:0;box-shadow:0 5px 13px rgba(19,124,177,.16)}.menu-toggle{display:none;border:1px solid var(--line);background:white;border-radius:10px;padding:7px 12px;font-size:22px;color:var(--navy)}
.container{max-width:1180px;margin:0 auto;padding:30px 24px 78px;min-height:72vh}.hero{position:relative;isolation:isolate;overflow:hidden;border-radius:28px;background:linear-gradient(115deg,#126aab 0%,#25a5d2 65%,#72d1eb 100%);padding:68px clamp(24px,6vw,76px);color:#fff;box-shadow:0 18px 36px rgba(23,123,177,.17)}.hero:before{content:'';position:absolute;width:440px;height:440px;border:75px solid rgba(255,255,255,.09);border-radius:50%;right:-135px;top:-190px;z-index:-1}.hero:after{content:'';position:absolute;width:330px;height:330px;border:65px solid rgba(255,255,255,.08);border-radius:50%;right:90px;bottom:-255px;z-index:-1}.hero .eyebrow{color:#e0f8ff;font-weight:850;font-size:12px;letter-spacing:.16em;text-transform:uppercase}.hero h1{font-size:clamp(30px,4vw,49px)!important;line-height:1.17!important;letter-spacing:-.035em;margin:16px 0;max-width:760px;color:#fff!important;font-weight:850}.hero p{max-width:680px;color:#e8f8ff;font-size:clamp(14px,1.6vw,17px);margin:0 0 24px}.hero-actions,.actions,.quick{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:linear-gradient(120deg,#118ac0,#126ba7);color:white!important;border:1px solid transparent;border-radius:12px;padding:11px 18px;font-weight:750;font-size:13px;box-shadow:0 5px 15px rgba(15,114,174,.12)}.btn:hover{filter:brightness(.96)}.btn.outline{background:white;color:var(--sea)!important;border-color:#bce3f5;box-shadow:none}.hero .btn{background:#fff;color:#126fa8!important}.hero .btn.outline{background:rgba(255,255,255,.1);color:white!important;border-color:rgba(255,255,255,.65)}
.section{margin-top:42px}.section h2{font-size:clamp(21px,2.5vw,27px);letter-spacing:-.025em;color:var(--navy);margin:0 0 18px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:var(--white);border:1px solid var(--line);border-radius:19px;padding:23px;box-shadow:var(--shadow);min-width:0}.grid a.card{display:block;transition:transform .2s,box-shadow .2s;color:inherit}.grid a.card:hover{transform:translateY(-3px);box-shadow:0 16px 30px rgba(25,100,145,.15);border-color:#95d4f0}.card h3{font-size:17px;line-height:1.35;color:var(--navy);margin:10px 0 8px}.card p{font-size:13px;color:#58758c;margin:6px 0 0}.emoji{display:grid;place-items:center;background:linear-gradient(135deg,#e1f7ff,#bcecff);width:49px;height:49px;border-radius:14px;font-size:25px}.muted{color:var(--muted)!important}.tag,.pill{display:inline-block;padding:4px 10px;border-radius:99px;background:#e0f5ff;color:#096c9e;font-weight:750;font-size:11px}.noticebox{border-left:4px solid #3cb7e5}.pagehead{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px}.pagehead h1{font-size:clamp(25px,3vw,34px);line-height:1.2;color:var(--navy);margin:8px 0}.form{max-width:540px;margin:40px auto}.form h1{margin-top:0;color:var(--navy)}.field{display:flex;flex-direction:column;gap:6px;margin:14px 0}.field label{font-size:13px;font-weight:750;color:#244f71}.field input,.field select,.field textarea{width:100%;background:#fff;border:1px solid #bdd9e8;border-radius:11px;padding:11px 12px;color:var(--text);min-height:43px}.field textarea{min-height:115px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#279dcf;outline:3px solid #d5f1ff}.alert{padding:13px 17px;background:#e6f9ef;border:1px solid #8cdcb1;border-radius:12px;color:#176142;margin-bottom:20px}.alert.error{background:#fff1f1;color:#8e2e3c;border-color:#efb8bf}.tablewrap{overflow-x:auto;background:white;border:1px solid var(--line);border-radius:15px}table{border-collapse:collapse;width:100%;font-size:13px;min-width:580px}th,td{padding:13px;text-align:left;border-bottom:1px solid var(--line)}th{background:#eaf7fe;color:var(--navy);font-weight:800}tr:last-child td{border-bottom:0}.inline{display:inline}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.stat strong{font-size:34px;display:block;color:var(--sea);line-height:1.2}.stat span{font-size:12px}.empty{text-align:center;padding:25px;color:var(--muted)}footer{background:#e6f5fd;border-top:1px solid #cce7f4;text-align:center;padding:24px;color:#557b96;font-size:12px}
@media(max-width:900px){.top{padding:12px 22px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:100%;left:12px;right:12px;background:white;box-shadow:var(--shadow);border:1px solid var(--line);border-radius:15px;padding:16px;flex-direction:column;align-items:stretch;gap:4px}.nav.show{display:flex}.nav a{padding:10px}.nav .nav-button{text-align:center}.nav form button{width:100%}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{padding:55px 35px}}
@media(max-width:600px){.container{padding:18px 15px 52px}.top{padding:12px 15px}.brand{font-size:14px}.brand small{font-size:8px;letter-spacing:.06em}.brand-mark{width:38px;height:38px}.hero{padding:38px 24px;border-radius:21px}.hero h1{font-size:clamp(29px,8vw,38px)!important}.hero-actions{align-items:stretch}.hero-actions .btn{width:100%}.grid,.grid.two,.stats{grid-template-columns:1fr}.card{padding:19px}.section{margin-top:32px}.pagehead{align-items:flex-start;flex-direction:column}.pagehead h1{font-size:26px}.form{margin:12px auto}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}