:root{
  --navy:#203047; --navy2:#162236; --navy3:#0f1a2b;
  --gold:#c9ae00; --gold2:#f7d531; --green:#12a150; --red:#ee5b6b;
  --bg:#f3f6fb; --paper:#fff; --line:#dfe7f2; --soft:#eef3fa;
  --text:#182335; --muted:#657286; --shadow:0 18px 50px rgba(15,32,55,.10);
  --radius:14px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:Inter,Segoe UI,Arial,sans-serif;margin:0;background:var(--bg);color:var(--text);font-size:15px;line-height:1.5}
a{color:#375a9e;text-decoration:none}a:hover{text-decoration:underline}
img{max-width:100%;height:auto}.hide{display:none!important}

/* ===== Header portal mirip referensi SPMB ===== */
.spmb-head{background:#fff;position:sticky;top:0;z-index:60;box-shadow:0 1px 0 rgba(0,0,0,.08)}
.head-inner{max-width:1280px;margin:auto;min-height:72px;padding:0 24px;display:grid;grid-template-columns:260px 1fr 180px 42px;gap:18px;align-items:center}
.spmb-logo{display:flex;align-items:center;gap:9px;color:#333;text-decoration:none}.spmb-logo:hover{text-decoration:none}
.logo-mark{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#d9e7f3,#fff);font-weight:900;color:#40556e;border:1px solid #c9d8e7;font-size:12px;box-shadow:inset 0 0 0 4px rgba(255,255,255,.7)}
.logo-text{font-size:25px;font-weight:900;line-height:.88;letter-spacing:-1px}.logo-text::first-line{letter-spacing:0}
.head-search{justify-self:center;width:min(430px,100%);height:42px;border:1px solid #d7dde6;border-radius:9px;background:#fff;display:flex;align-items:center;padding:0 13px;gap:8px;color:#6b7280;box-shadow:0 6px 16px rgba(20,35,55,.04)}
.head-search input{border:0;outline:0;flex:1;font-size:14px;min-width:0;background:transparent}.head-search small{color:#9aa4b2;white-space:nowrap}
.head-btn{border:1px solid #9ca8b8;border-radius:7px;color:#203047;text-decoration:none;padding:11px 15px;text-align:center;font-weight:900;background:#fff;transition:.2s}.head-btn:hover{background:#203047;color:#fff;text-decoration:none}
.nav-toggle{display:none}.hamb{display:none;width:42px;height:42px;border:1px solid #d9e2ee;border-radius:9px;align-items:center;justify-content:center;background:#fff;color:#203047;font-size:24px;cursor:pointer}
.spmb-nav{height:36px;background:#27364b;display:flex;align-items:center;justify-content:center;gap:1px;padding:0 20px;overflow-x:auto}
.spmb-nav a{background:#1f2b3c;color:#fff;text-decoration:none;font-size:13px;padding:10px 17px;font-weight:800;white-space:nowrap}.spmb-nav a:hover{background:#31445e}
.announce{min-height:36px;background:#c8ad00;color:#1d2530;display:flex;align-items:center;padding:0 24px;font-size:15px;white-space:nowrap;overflow:hidden}.announce span{display:inline-block;animation:marq 22s linear infinite}@keyframes marq{from{transform:translateX(25%)}to{transform:translateX(-100%)}}

/* ===== Portal homepage ===== */
.layout{max-width:1120px;margin:36px auto;padding:0 18px;display:grid;grid-template-columns:235px minmax(0,1fr);gap:34px}.left-panel{background:#fff;border-radius:8px;padding:22px 0;height:max-content;box-shadow:0 8px 28px rgba(15,32,55,.06);border:1px solid #e8eef6}.province{text-align:center;padding:0 18px 18px}.crest{width:72px;height:72px;border-radius:18px;background:linear-gradient(135deg,#b91922,#ffc83d);display:grid;place-items:center;color:#fff;font-weight:900;margin:0 auto 10px;box-shadow:0 9px 24px rgba(185,25,34,.25)}.province small{display:block;color:#777;margin-top:5px}.register-main{display:block;margin:0 18px 18px;background:#27364b;color:#fff;text-align:center;text-decoration:none;padding:13px;border-radius:4px;font-weight:900;font-size:13px}.register-main:hover{background:#162236;text-decoration:none}.left-title{font-weight:900;color:#333;margin:16px 20px 8px}.left-panel>a:not(.register-main){display:block;text-decoration:none;color:#5b6471;padding:10px 20px 10px 33px;font-size:14px;border-left:3px solid transparent}.left-panel>a:not(.register-main):hover{border-left-color:#27364b;background:#f4f7fb;color:#27364b;text-decoration:none}.main-card,.card{background:#fff;border:1px solid #e6edf5;border-radius:var(--radius);box-shadow:var(--shadow);padding:26px;margin-bottom:18px}.portal-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:35px;align-items:center;margin-bottom:26px}.welcome h1{font-size:29px;margin:0 0 8px}.welcome h2{font-size:42px;margin:0 0 10px;color:#111827}.welcome p{line-height:1.7;color:#475569}.banner{min-height:210px;border-radius:16px;background:linear-gradient(135deg,#0f7bb5,#0b3860);color:#fff;padding:30px;position:relative;overflow:hidden;box-shadow:0 20px 55px rgba(11,56,96,.25)}.banner:after{content:'👦👧';position:absolute;right:18px;bottom:8px;font-size:86px;filter:drop-shadow(0 8px 20px rgba(0,0,0,.25))}.banner b{font-size:30px;text-shadow:0 3px 4px rgba(0,0,0,.35)}.student-illus{font-size:112px;text-align:left;margin:5px 0 0}.stats-row{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:0 0 26px}.stat-box{min-height:110px;border-radius:13px;background:#152231;color:#fff;display:grid;place-items:center;text-align:center;font-weight:900;font-size:24px;text-decoration:none;transition:.2s}.stat-box:hover{transform:translateY(-2px);text-decoration:none}.stat-box span{display:block;font-size:16px;font-weight:600;color:#cbd5e1}.section-title{font-size:24px;margin:10px 0 18px}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.guide{display:flex;gap:14px;background:#fff;border:1px solid #e5eaf1;border-radius:12px;padding:16px;box-shadow:0 6px 18px rgba(15,32,55,.04)}.guide .icon{width:42px;height:42px;flex:0 0 42px;border-radius:50%;background:#eef4fb;display:grid;place-items:center}.guide h3{margin:0 0 8px}.guide p{margin:0 0 10px;color:#64748b;font-size:14px}
.btn{display:inline-block;background:#27364b;color:white;padding:11px 20px;border-radius:7px;text-decoration:none;border:0;font-weight:900;cursor:pointer;transition:.2s}.btn:hover{background:#162236;text-decoration:none}.btn-light{background:white;color:#27364b;border:1px solid #d8dee8}.btn-light:hover{background:#eef3fa;color:#27364b}.btn-red{background:#ef5b69}.spmb-footer{max-width:1120px;margin:55px auto 20px;padding:28px 18px;border-top:1px solid #e5eaf1;color:#606b7a;display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px;font-size:14px}.store{display:inline-block;background:#111827;color:#fff;border-radius:4px;padding:6px 10px;margin:6px 5px 0 0;font-size:12px}

/* ===== Modal jalur ===== */
.modal-backdrop{display:none;position:fixed;z-index:200;inset:0;background:rgba(15,23,42,.62);align-items:center;justify-content:center;padding:18px}.modal-backdrop.show{display:flex}.jalur-modal{width:min(660px,94vw);max-height:92vh;overflow:auto;background:white;border-radius:13px;padding:22px;box-shadow:0 30px 100px rgba(0,0,0,.25);position:relative}.modal-x{position:absolute;right:18px;top:14px;border:0;background:none;font-size:27px;color:#667085;cursor:pointer}.jalur-modal h2{font-size:22px;margin:0 0 18px}.tabs{display:flex;border-bottom:1px solid #d9e0ea;margin-bottom:15px}.tabs button{border:0;background:transparent;padding:12px 20px;font-weight:900;color:#667085}.tabs .active{border-bottom:2px solid #27364b;color:#27364b}.jalur-item{display:block;border:1px solid #d9e0ea;border-radius:8px;padding:15px;text-decoration:none;color:#333;font-weight:800;margin:9px 0}.jalur-item:hover{background:#f4f7fb;text-decoration:none}

/* ===== Pages / forms presisi Word ===== */
.page-box{max-width:1120px;margin:30px auto;padding:0 18px}.daftar-shell{background:#fff;border:1px solid #e6edf5;border-radius:0;box-shadow:0 10px 32px rgba(15,32,55,.05);padding:30px 36px;margin-bottom:18px}.daftar-top{display:grid;grid-template-columns:1fr 190px;gap:20px;align-items:start}.daftar-top h2{font-size:21px;margin:18px 0 14px}.daftar-top h1{font-size:31px;margin:0 0 14px;color:#17233a}.student-art{font-size:92px;text-align:right;line-height:1}.stepper{display:flex;align-items:center;gap:0;margin:22px 0;border-bottom:1px solid #e5e7eb;padding-bottom:14px;overflow-x:auto}.step{display:flex;align-items:center;gap:8px;color:#98a2b3;font-weight:900;margin-right:22px;white-space:nowrap;font-size:14px}.step:before{content:attr(data-no);width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#edf1f6;color:#8a95a6}.step.active:before{background:#27364b;color:#fff}.step.done:before{background:#15a65a;color:#fff}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-group{margin-bottom:10px}.form-group label{font-weight:900;margin-bottom:7px;display:block}.form-control,select,textarea,input[type=file]{width:100%;border:1px solid #d8e0eb;border-radius:6px;padding:12px;background:#fff;font-size:15px;color:#152238}textarea{min-height:95px;resize:vertical}.radio-stack label{font-weight:600;display:block;margin:4px 0}.captcha{height:72px;background:linear-gradient(100deg,#fff,#f2f2f2);border:1px solid #d8e0eb;display:flex;align-items:center;justify-content:center;font-size:52px;letter-spacing:14px;color:#050505;font-weight:900}.upload-card{border:1px solid #e1e7f0;border-radius:10px;background:#fbfdff;padding:16px}.file-rules{font-size:13px;color:#64748b}.alert{background:#fff7db;border:1px solid #f4d46b;border-radius:8px;padding:12px;color:#594300}.success{background:#eafff3;border-color:#8fdcb0;color:#116533}.table-wrap{width:100%;overflow:auto}table{width:100%;border-collapse:collapse;background:white}th,td{border:1px solid #e2e8f0;padding:11px;text-align:left;vertical-align:top}th{background:#f7f9fc}

/* ===== Login modern ===== */
.login-page{min-height:100vh;background:radial-gradient(circle at 15% 20%,#dcecff 0,#f6f8fb 32%,#eef3f9 100%);display:flex;flex-direction:column}.login-wrap{width:min(1080px,100%);margin:auto;padding:36px 20px;display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:stretch}.login-hero{background:linear-gradient(135deg,#203047,#0e1829);border-radius:24px;color:white;padding:40px;position:relative;overflow:hidden;box-shadow:var(--shadow)}.login-hero:after{content:'SPMB\A ONLINE';white-space:pre;position:absolute;right:-20px;bottom:-30px;font-weight:900;font-size:78px;line-height:.8;color:rgba(255,255,255,.055);letter-spacing:-4px}.login-hero h1{font-size:38px;line-height:1.05;margin:18px 0 14px}.login-hero p{color:#d8e3f1;font-size:16px}.login-badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.login-badges span{background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.16);padding:9px 12px;border-radius:999px;font-weight:800;font-size:13px}.login-card{background:rgba(255,255,255,.95);border:1px solid #e1e8f2;border-radius:24px;padding:34px;box-shadow:var(--shadow)}.login-card h2{font-size:28px;margin:0 0 8px}.login-card .muted{color:#637083;margin:0 0 24px}.input-icon{position:relative}.input-icon input{padding-left:44px}.input-icon span{position:absolute;left:14px;top:41px;color:#79859a}.login-default{background:#f4f7fb;border:1px dashed #b7c5d8;border-radius:12px;padding:12px;color:#4d5c70;font-size:14px;margin-top:18px}.back-link{display:inline-block;margin-bottom:14px;font-weight:800}

/* ===== Admin modern ===== */
.admin-body{background:#f4f7fb}.admin-shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.admin-side{background:#162236;color:#fff;padding:24px 18px;position:sticky;top:0;height:100vh}.admin-brand{font-size:22px;font-weight:900;margin-bottom:24px}.admin-user{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:14px;margin-bottom:18px}.admin-menu a{display:block;color:#dce7f5;text-decoration:none;padding:12px 14px;border-radius:10px;font-weight:800;margin:3px 0}.admin-menu a:hover,.admin-menu .active{background:rgba(255,255,255,.1);color:#fff;text-decoration:none}.admin-main{padding:28px}.admin-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.admin-top h1{margin:0;font-size:28px}.kpi-grid,.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.kpi{background:#fff;border:1px solid #e6edf5;border-radius:16px;padding:20px;box-shadow:0 10px 28px rgba(15,32,55,.06)}.kpi h3{margin:0 0 10px;color:#657286;font-size:14px}.kpi h1{margin:0;font-size:36px;color:#162236}.status{display:inline-block;border-radius:999px;padding:5px 10px;background:#eef3fa;font-size:12px;font-weight:900}.status.diterima{background:#e4fff1;color:#0b7d42}.status.ditolak{background:#ffe8ec;color:#ad2436}.status.menunggu_verifikasi{background:#fff7db;color:#776000}.status.cadangan,.status.perlu_perbaikan{background:#edf1ff;color:#314a9c}

/* ===== Responsive ===== */
@media(max-width:980px){
  .head-inner{grid-template-columns:1fr auto;min-height:64px}.head-search,.head-btn{display:none}.hamb{display:flex}.spmb-nav{display:none;flex-direction:column;height:auto;align-items:stretch;padding:8px;background:#27364b}.spmb-nav a{border-radius:7px;margin:2px 0}.nav-toggle:checked ~ .spmb-nav{display:flex}.announce{font-size:13px;height:auto;min-height:34px}.layout{grid-template-columns:1fr;margin:22px auto}.left-panel{order:2}.portal-hero{grid-template-columns:1fr}.welcome h1{font-size:24px}.welcome h2{font-size:34px}.student-illus{display:none}.guide-grid,.form-grid,.spmb-footer{grid-template-columns:1fr}.daftar-shell{padding:22px 18px}.daftar-top{grid-template-columns:1fr}.student-art{display:none}.login-wrap{grid-template-columns:1fr;padding:20px}.login-hero{padding:28px}.login-hero h1{font-size:30px}.admin-shell{grid-template-columns:1fr}.admin-side{position:relative;height:auto}.admin-main{padding:18px}.kpi-grid,.grid{grid-template-columns:1fr}.admin-top{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){
  body{font-size:14px}.head-inner{padding:0 14px}.logo-text{font-size:22px}.logo-mark{width:42px;height:42px}.layout,.page-box{padding:0 12px}.main-card,.card{padding:18px;border-radius:12px}.welcome h2{font-size:30px}.banner{min-height:160px;padding:22px}.banner b{font-size:24px}.stats-row{grid-template-columns:1fr}.stepper{padding-bottom:10px}.step{font-size:13px;margin-right:15px}.step:before{width:27px;height:27px}.captcha{font-size:38px;letter-spacing:8px}.login-card{padding:24px;border-radius:18px}.spmb-footer{margin-top:30px}.announce span{animation:none}.table-wrap table{min-width:680px}.btn{width:100%;text-align:center;margin-top:6px}.btn.btn-light{width:100%}}
@media print{.spmb-head,.spmb-footer,.btn,.left-panel,.admin-side{display:none!important}body{background:#fff}.page-box,.layout{max-width:none;margin:0;padding:0}.card,.daftar-shell{box-shadow:none;border:0}}


/* ===== FINAL HALAMAN DEPAN SESUAI SCREENSHOT REFERENSI ===== */
.home-ntt{background:#f4f8fc;min-height:100vh;overflow-x:hidden;background-image:linear-gradient(118deg,rgba(255,255,255,.1) 0 38%,rgba(221,235,249,.55) 38.1% 48%,rgba(255,255,255,.1) 48.1%)}
.spmb-head{background:rgba(255,255,255,.96);box-shadow:0 1px 0 rgba(15,23,42,.08)}
.head-inner{max-width:1180px;min-height:62px;grid-template-columns:260px 1fr 170px 44px;padding:0 16px}.spmb-logo img{height:54px;width:auto;display:block}.spmb-logo .logo-mark,.spmb-logo .logo-text{display:none}.head-search{height:42px;width:min(390px,100%);justify-self:end}.head-btn{display:none}.spmb-nav{display:none}.announce{height:36px;min-height:36px;background:#d1b900;color:#111827;font-size:16px;letter-spacing:.2px;padding:0;box-shadow:inset 0 -1px 0 rgba(0,0,0,.08)}.announce span{padding-left:0;animation:marq2 28s linear infinite}@keyframes marq2{from{transform:translateX(0)}to{transform:translateX(-72%)}}
.home-wrap{max-width:1180px;margin:0 auto;padding:38px 18px 0}.home-hero-final{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center;min-height:275px}.hero-copy-final h1{font-size:21px;line-height:1.25;margin:0 0 22px;color:#111827;font-weight:900}.province-line{display:grid;grid-template-columns:96px 1fr;gap:18px;align-items:center;margin-bottom:22px}.province-line img{width:86px;height:86px;object-fit:contain}.province-line h2{font-size:40px;line-height:1;margin:0 0 12px;color:#0f172a;font-weight:900;letter-spacing:-.7px}.province-line p{font-size:30px;margin:0;color:#0f172a}.hero-desc{max-width:620px;font-size:17px;line-height:1.55;color:#334155;margin:0}.hero-banner-final{border-radius:14px;overflow:hidden;box-shadow:0 22px 46px rgba(2,24,43,.10);background:#eaf2fb}.hero-banner-final img{display:block;width:100%;height:auto;aspect-ratio:1.78/1;object-fit:cover}.jalur-final-section{display:grid;grid-template-columns:250px minmax(0,1fr);gap:90px;align-items:end;margin-top:50px}.student-final img{width:260px;max-width:100%;display:block}.jalur-content-final{padding-bottom:8px}.jalur-content-final h2{font-size:26px;line-height:1.2;margin:0 0 22px;color:#0f172a;font-weight:900;letter-spacing:.3px}.jalur-card-grid{display:grid;grid-template-columns:repeat(2,220px);gap:16px}.jalur-card-final{position:relative;min-height:225px;border-radius:13px;padding:46px 18px 22px;color:#fff;text-align:center;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 18px 42px rgba(15,23,42,.14);background-color:#182536;transition:.25s}.jalur-card-final:before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:32px 32px;opacity:.75}.jalur-card-final.sma{background:linear-gradient(135deg,#718494,#405163)}.jalur-card-final.smk{background:linear-gradient(135deg,#26364b,#0f1c2b)}.jalur-card-final:hover{transform:translateY(-5px);text-decoration:none;color:#fff}.jalur-card-final strong{position:relative;font-size:42px;line-height:1;margin-bottom:24px;font-weight:500;letter-spacing:.5px}.jalur-card-final span{position:relative;font-size:28px;font-weight:900;line-height:1.05}.jalur-card-final small{position:relative;font-size:19px;font-weight:700;color:#f8fafc}.floating-message{position:fixed;right:36px;bottom:28px;z-index:70;background:#f59e0b;color:#fff;border-radius:999px;padding:13px 22px 13px 18px;display:flex;align-items:center;gap:9px;text-decoration:none;font-weight:900;box-shadow:0 14px 38px rgba(245,158,11,.35)}.floating-message:hover{text-decoration:none;background:#ea8a00}.floating-message span{width:36px;height:36px;margin:-8px 0 -8px -8px;border-radius:50%;background:#fff;display:grid;place-items:center;color:#f59e0b}.province-logo{width:78px;height:78px;object-fit:contain;margin:0 auto 10px;display:block}.preview-img{height:110px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;display:grid;place-items:center;margin:10px 0;overflow:hidden}.preview-img img{max-height:100%;max-width:100%;object-fit:contain}.image-setting-grid{align-items:stretch}.muted{color:#64748b}
@media(max-width:980px){.head-inner{grid-template-columns:1fr auto}.head-search{display:none}.hamb{display:flex}.home-wrap{padding:28px 16px 0}.home-hero-final{grid-template-columns:1fr;gap:25px}.hero-banner-final{max-width:620px}.jalur-final-section{grid-template-columns:1fr;gap:16px;text-align:center;margin-top:35px}.student-final{order:2;display:flex;justify-content:center}.student-final img{width:210px}.jalur-content-final{order:1}.jalur-card-grid{justify-content:center;grid-template-columns:repeat(2,minmax(160px,220px))}.province-line{grid-template-columns:82px 1fr}.province-line h2{font-size:34px}.province-line p{font-size:24px}.hero-desc{font-size:16px}.announce{font-size:14px}.announce span{animation:none;white-space:normal;padding:6px 14px}.floating-message{right:18px;bottom:18px}}
@media(max-width:620px){.head-inner{min-height:58px;padding:0 12px}.spmb-logo img{height:48px}.home-wrap{padding:24px 14px 84px}.home-hero-final{gap:18px}.hero-copy-final h1{font-size:18px;margin-bottom:16px}.province-line{grid-template-columns:66px 1fr;gap:12px;margin-bottom:16px}.province-line img{width:62px;height:62px}.province-line h2{font-size:29px;margin-bottom:8px}.province-line p{font-size:20px}.hero-desc{font-size:14.5px}.hero-banner-final{border-radius:10px}.jalur-content-final h2{font-size:20px;margin-bottom:16px}.jalur-card-grid{grid-template-columns:1fr;gap:13px}.jalur-card-final{min-height:160px}.jalur-card-final strong{font-size:34px;margin-bottom:14px}.jalur-card-final span{font-size:24px}.jalur-card-final small{font-size:16px}.student-final img{width:175px}.floating-message{left:14px;right:14px;justify-content:center}.modal-backdrop{padding:10px}.jalur-modal{width:100%;border-radius:12px}.tabs button{flex:1}}
/* ===== Super Admin Full Management Upgrade ===== */
.alert{padding:12px 14px;border-radius:12px;border:1px solid #f3d179;background:#fff7db;color:#6d5600;margin:12px 0}.alert.success{border-color:#b7ebc8;background:#eafff0;color:#0d6738}.alert.danger{border-color:#ffbdc8;background:#fff0f2;color:#a12739}.btn.mini{padding:8px 10px;font-size:12px;border-radius:8px;width:auto}.btn.danger,.btn.mini.danger{background:#be3144;color:#fff}.btn.btn-light{background:#eef3fa;color:#182335}.admin-actions{display:flex;gap:8px;flex-wrap:wrap}.admin-kpi-6{grid-template-columns:repeat(6,1fr)}.admin-kpi-4{grid-template-columns:repeat(4,1fr)}.admin-two-col{grid-template-columns:1.1fr .9fr}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}.quick-card{display:block;background:#fff;border:1px solid #e6edf5;border-radius:16px;padding:18px;box-shadow:0 10px 28px rgba(15,32,55,.05);color:#162236;text-decoration:none}.quick-card:hover{text-decoration:none;transform:translateY(-2px);box-shadow:0 16px 34px rgba(15,32,55,.09)}.quick-card b{display:block;font-size:16px;margin-bottom:5px}.quick-card span{display:block;color:#64748b;font-size:13px}.form-grid.three{grid-template-columns:repeat(3,1fr)}.compact{margin-bottom:8px}.inline-search,.filter-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.inline-search input,.filter-bar input,.filter-bar select{height:40px;border:1px solid #dce5ef;border-radius:9px;padding:0 12px;background:#fff}.check-block{border:1px solid #e3ebf5;background:#f8fafc;border-radius:12px;padding:12px;margin-bottom:10px}.check-block b{display:block;margin-bottom:8px}.check-block label{display:block;margin:7px 0}.inline-decision{display:flex;gap:6px;align-items:center;min-width:420px}.inline-decision select,.inline-decision input{height:38px;border:1px solid #dce5ef;border-radius:8px;padding:0 9px}.admin-menu{max-height:calc(100vh - 160px);overflow:auto;padding-right:4px}.admin-menu::-webkit-scrollbar{width:6px}.admin-menu::-webkit-scrollbar-thumb{background:rgba(255,255,255,.22);border-radius:8px}pre{background:#0f172a;color:#e2e8f0;border-radius:12px;padding:14px;overflow:auto}
@media(max-width:1280px){.admin-kpi-6{grid-template-columns:repeat(3,1fr)}.quick-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:980px){.admin-kpi-6,.admin-kpi-4,.quick-grid,.admin-two-col,.form-grid.three{grid-template-columns:1fr}.admin-menu{max-height:none}.inline-decision{min-width:0;display:grid;grid-template-columns:1fr}.admin-actions{width:100%}.admin-actions .btn{width:auto}.filter-bar input,.filter-bar select,.filter-bar button,.inline-search input,.inline-search button{width:100%}}
@media(max-width:560px){.admin-main{padding:14px}.admin-top h1{font-size:24px}.quick-card{padding:14px}.inline-decision .btn{width:100%}}

/* ===== FLOW FINAL PRESISI: HOME -> MODAL -> SEKILAS -> DAFTAR STEP WORD ===== */
.front-flow .head-btn{display:none!important}
.front-container{max-width:1180px;margin:0 auto;padding:34px 18px 0}
.front-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:center;min-height:280px}
.front-copy h1{font-size:21px;line-height:1.25;margin:0 0 22px;color:#111827;font-weight:900;max-width:620px}
.front-province{display:grid;grid-template-columns:94px 1fr;gap:18px;align-items:center;margin-bottom:22px}
.front-province img{width:86px;height:86px;object-fit:contain}
.front-province h2{font-size:41px;line-height:1;margin:0 0 12px;color:#0f172a;font-weight:900;letter-spacing:-.7px}
.front-province p{font-size:29px;margin:0;color:#0f172a}
.front-copy>p{max-width:620px;font-size:17px;line-height:1.55;color:#334155;margin:0}
.front-banner{border-radius:13px;overflow:hidden;box-shadow:0 20px 50px rgba(15,23,42,.12);background:#eaf2fb}
.front-banner img{display:block;width:100%;aspect-ratio:1.78/1;object-fit:cover}
.front-jalur-flow{display:grid;grid-template-columns:260px minmax(0,1fr);gap:90px;align-items:end;margin-top:54px}
.front-student img{width:270px;display:block;max-width:100%}
.front-card-area h2{text-align:left;font-size:25px;line-height:1.2;margin:0 0 22px;color:#0f172a;font-weight:900;letter-spacing:.3px}
.front-jalur-cards{display:grid;grid-template-columns:repeat(2,220px);gap:18px}
.front-jalur-card{position:relative;border:0;cursor:pointer;min-height:225px;border-radius:13px;padding:28px 18px 22px;color:#fff;text-align:center;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 18px 42px rgba(15,23,42,.16);background:#1d2b3f;transition:.2s}
.front-jalur-card:before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:31px 31px;opacity:.7}
.front-jalur-card.sma{background:linear-gradient(135deg,#6d8092,#405164)}
.front-jalur-card.smk{background:linear-gradient(135deg,#2b3d54,#101b2a)}
.front-jalur-card:hover{transform:translateY(-5px)}
.front-jalur-card span,.front-jalur-card b,.front-jalur-card small{position:relative;z-index:1}
.front-jalur-card span{font-size:34px;font-weight:400;line-height:1.02;margin-bottom:14px;text-transform:lowercase}
.front-jalur-card b{font-size:26px;line-height:1.1;margin-bottom:4px}
.front-jalur-card small{font-size:18px;font-weight:700;color:#f8fafc}
.front-info-box{max-width:700px;background:#fff;border-top:1px solid #d8e2ee;margin:54px auto 0;padding:28px 34px 24px;box-shadow:0 6px 22px rgba(15,23,42,.04);position:relative}
.front-info-box .quote-mark{position:absolute;right:28px;top:-12px;font-size:54px;font-weight:900;color:#000;line-height:1}.front-info-box p{margin:0 0 12px}.front-info-box a{font-size:13px;color:#d32f2f;font-weight:700}

/* Sekilas/panduan setelah memilih jalur */
.sekilas-wrap{max-width:1180px;margin:0 auto;padding:36px 18px 0;display:grid;grid-template-columns:250px minmax(0,1fr);gap:42px;align-items:start;background:#fff0}
.sekilas-left .left-panel{position:sticky;top:112px;width:100%;background:transparent;box-shadow:none;border:0;padding:0}.sekilas-left .left-panel .register-main{display:none}
.sekilas-main{background:#fff0;padding:0 0 40px}.sekilas-top{display:grid;grid-template-columns:1fr 320px;gap:36px;align-items:center;margin-bottom:24px}.sekilas-top img{max-height:170px;width:100%;object-fit:contain}.muted-title{font-size:22px;color:#6b7b91;margin:0 0 2px}.sekilas-top h1{font-size:27px;margin:0;color:#111827}.sekilas-main>h2{font-size:24px;margin:0 0 24px;color:#111827}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:38px}.guide-card{background:#f1f5f9;border:1px solid #e6edf5;padding:28px 18px 22px;position:relative;min-height:140px}.guide-card span{position:absolute;left:16px;top:-18px;width:42px;height:42px;border-radius:50%;background:#66768b;color:#fff;display:grid;place-items:center;font-weight:900;font-size:13px}.guide-card h3{margin:10px 0 10px;font-size:17px;color:#0f172a}.guide-card p{font-size:14px;color:#334155}.btn-outline-full{display:block;border:1px solid #9aa8ba;background:#fff;color:#111827;text-align:center;border-radius:4px;padding:9px 12px;margin-top:12px;text-decoration:none;font-weight:700}.sekilas-feature-grid{display:grid;grid-template-columns:1fr .8fr;gap:54px;align-items:start}.feature-list h2{font-size:24px;line-height:1.25;margin:0 0 24px}.feature-row{display:grid;grid-template-columns:46px 1fr;gap:14px;margin-bottom:24px}.feature-row i{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#f1f5f9;color:#42536a;font-style:normal}.feature-row h3,.help-box h3{margin:0 0 6px}.feature-row p,.help-box p{margin:0 0 10px;color:#657286}.mini-btn{display:inline-block;border:1px solid #9aa8ba;border-radius:4px;padding:7px 12px;color:#42536a}.help-icon{font-size:70px;line-height:1;margin-bottom:10px}.help-box ul{list-style:none;padding:0;margin:10px 0}.help-box li{margin:9px 0;font-size:14px}.help-box li:before{content:'→';color:#64748b;margin-right:12px}

/* Daftar step Word presisi */
.daftar-shell{max-width:1050px;margin:32px auto 50px;background:#fff;border:1px solid #e7edf5;border-radius:2px;box-shadow:0 18px 44px rgba(15,23,42,.07);padding:48px 36px 28px}.daftar-top{display:grid;grid-template-columns:1fr 260px;gap:28px;align-items:start}.student-art{text-align:right}.student-art img{max-height:160px;width:100%;object-fit:contain}.daftar-top h2{font-size:22px;margin:18px 0 14px}.daftar-top h1{font-size:31px;letter-spacing:.2px;margin:0 0 22px}.school-origin-box{height:72px;border:1px solid #e5ebf3;background:#fff;padding:18px;display:flex;align-items:center;margin:10px 0 28px}.school-origin-box b{font-size:15px}.stepper{border-bottom:1px solid #e5ebf3;margin:22px 0 26px;padding-bottom:14px;overflow-x:auto;white-space:nowrap}.step{display:inline-flex;align-items:center;gap:9px;margin-right:18px;font-weight:800;color:#9aa8b7}.step:before{content:attr(data-no);width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#eef3f8;color:#7d8da0}.step.active{color:#203047}.step.active:before{background:#203047;color:#fff}.step.done{color:#20a466}.step.done:before{background:#20a466;color:#fff}.radio-stack label{display:block;margin:6px 0}.upload-grid .form-group{background:#f8fafc;border:1px solid #e6edf5;padding:14px;border-radius:10px}.captcha{height:72px;border:1px solid #d7dde6;background:#f7f8fa;display:grid;place-items:center;font-size:44px;font-weight:900;letter-spacing:16px;color:#000;margin-bottom:0}

@media(max-width:980px){
  .front-container{padding:28px 16px 0}.front-hero-grid{grid-template-columns:1fr;gap:28px}.front-banner{max-width:640px}.front-jalur-flow{grid-template-columns:1fr;gap:22px;text-align:center;margin-top:38px}.front-student{order:2;display:flex;justify-content:center}.front-student img{width:215px}.front-card-area{order:1}.front-card-area h2{text-align:center}.front-jalur-cards{justify-content:center;grid-template-columns:repeat(2,minmax(160px,220px))}.sekilas-wrap{grid-template-columns:1fr}.sekilas-left .left-panel{position:relative;top:0}.sekilas-top{grid-template-columns:1fr}.sekilas-top img{max-height:145px}.guide-grid,.sekilas-feature-grid{grid-template-columns:1fr}.daftar-shell{margin:22px 14px;padding:30px 18px}.daftar-top{grid-template-columns:1fr}.student-art{text-align:center}.student-art img{max-height:130px}
}
@media(max-width:620px){
  .front-province{grid-template-columns:66px 1fr}.front-province img{width:62px;height:62px}.front-province h2{font-size:30px}.front-province p{font-size:20px}.front-copy h1{font-size:18px}.front-copy>p{font-size:14.5px}.front-jalur-cards{grid-template-columns:1fr}.front-jalur-card{min-height:170px}.front-jalur-card span{font-size:29px}.front-info-box{margin:34px 10px 74px;padding:22px 18px}.sekilas-wrap{padding:24px 14px 80px}.guide-card{padding:28px 14px 18px}.daftar-top h1{font-size:24px}.daftar-top h2{font-size:18px}.captcha{font-size:34px;letter-spacing:10px}.school-origin-box{height:auto}
}