/* --- OJS --- */
/* Jasa Upload OJS Jurnal — interface-inspired service page */
.ojs-page{
  --ojs-ink: #0b1220;
  --ojs-blue: #3157f6;
  --ojs-blue-dark: #1f3fc8;
  --ojs-soft: #edf2ff;
  --ojs-line: #dce3f0;
  --ojs-muted: #69768a;
  --ojs-cyan: #11b7a4;
  background: #f8faff;
  color: var(--ojs-ink);
}.ojs-page main{ overflow: hidden; }.ojs-page .breadcrumb{ display:flex; align-items:center; gap:10px; padding-top:38px; font-size:13px; font-weight:700; color:#7b879a; }.ojs-page .breadcrumb a{ color:#182233; text-decoration:none; }.ojs-page .breadcrumb span[aria-hidden="true"]{ color:#c2c9d4; }body.ojs-page .ojs-hero{
  position:relative;
  padding: 0 0 92px;
  background:
    radial-gradient(circle at 80% 20%, rgba(49,87,246,.10), transparent 31%),
    linear-gradient(180deg,#f7f9fe 0%,#fbfcff 100%);
}body.ojs-page .ojs-hero::before{
  content:"";
  position:absolute;
  width:520px;height:520px;
  right:-270px;top:80px;
  border:1px solid rgba(49,87,246,.12);
  border-radius:50%;
  box-shadow:0 0 0 85px rgba(49,87,246,.025),0 0 0 170px rgba(49,87,246,.02);
}body.ojs-page .ojs-hero-layout{ display:grid; grid-template-columns:minmax(0,.92fr) minmax(530px,1.08fr); gap:72px; align-items:center; min-height:690px; }body.ojs-page .ojs-hero-copy{ padding:78px 0 56px; position:relative; z-index:2; }body.ojs-page .eyebrow-line{ display:flex; align-items:center; gap:10px; margin-bottom:24px; color:var(--ojs-blue); text-transform:uppercase; letter-spacing:.15em; font-size:12px; font-weight:850; }body.ojs-page .signal-dot{ width:8px;height:8px;border-radius:50%;background:var(--ojs-cyan);box-shadow:0 0 0 7px rgba(17,183,164,.11); }body.ojs-page .ojs-hero h1{ margin:0; max-width:720px; font-size:clamp(58px,6vw,96px); line-height:.93; letter-spacing:-.065em; }body.ojs-page .ojs-hero .lead{ max-width:680px; margin:26px 0 0; color:var(--ojs-muted); font-size:19px; line-height:1.75; }body.ojs-page .ojs-hero .hero-actions{ display:flex; align-items:center; gap:22px; margin-top:34px; }body.ojs-page .ojs-hero .text-link{ color:var(--ojs-ink); font-weight:800; text-decoration:none; border-bottom:1px solid #aeb8c8; padding:9px 1px 7px; }body.ojs-page .ojs-hero .text-link span{ color:var(--ojs-blue); margin-left:6px; }body.ojs-page .hero-mini-proof{ display:flex; flex-wrap:wrap; gap:0; margin-top:38px; border-top:1px solid var(--ojs-line); border-bottom:1px solid var(--ojs-line); }body.ojs-page .hero-mini-proof span{ padding:13px 18px 13px 0; margin-right:18px; font-size:13px; font-weight:750; color:#586579; position:relative; }body.ojs-page .hero-mini-proof span:not(:last-child)::after{ content:""; position:absolute; right:0; top:50%; width:3px;height:3px;border-radius:50%;background:#b8c1cf; }body.ojs-page /* Single OJS workspace mock — intentionally distinct from editorial pages */
.submission-stage{ position:relative; z-index:2; background:#fff; border:1px solid #d9e0eb; box-shadow:0 28px 70px rgba(24,42,80,.13); min-height:520px; transform:rotate(.35deg); }body.ojs-page .browser-top{ height:50px; border-bottom:1px solid #e3e8f0; display:flex; align-items:center; gap:7px; padding:0 16px; background:#f5f7fb; }body.ojs-page .browser-top > span{ width:8px;height:8px;border-radius:50%;background:#c7cfda; }body.ojs-page .browser-top > span:first-child{background:#ff7b72}body.ojs-page .browser-top > span:nth-child(2){background:#f2c94c}body.ojs-page .browser-top > span:nth-child(3){background:#35c98e}body.ojs-page .browser-url{ margin-left:12px; flex:1; background:#fff; border:1px solid #e0e6ee; color:#8b96a8; font:600 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace; padding:9px 12px; }body.ojs-page .submission-body{ display:grid; grid-template-columns:150px 1fr; min-height:470px; }body.ojs-page .submission-side{ padding:26px 20px; border-right:1px solid #e7ebf2; background:#fbfcfe; display:flex; flex-direction:column; gap:16px; color:#94a0b1; font-size:11px; font-weight:750; }body.ojs-page .submission-side strong{ color:#202b3c; font-size:13px; margin-bottom:9px; }body.ojs-page .submission-side .is-done{ color:#728096; }body.ojs-page .submission-side .is-done::before{ content:"✓"; color:var(--ojs-cyan); margin-right:7px; }body.ojs-page .submission-side .is-active{ color:var(--ojs-blue); font-weight:850; }body.ojs-page .submission-main{ padding:30px 30px 26px; }body.ojs-page .mock-label{ margin:0 0 8px; color:#59667a; font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }body.ojs-page .mock-input{ height:36px; border:1px solid #dfe5ee; background:linear-gradient(90deg,#f7f9fc 0 68%,#fff 68%); margin-bottom:19px; }body.ojs-page .mock-input.wide{ height:42px; }body.ojs-page .mock-row{ display:grid; grid-template-columns:1fr 1fr; gap:15px; }body.ojs-page .tag-row{ display:flex; gap:8px; margin:4px 0 24px; }body.ojs-page .tag-row i{ display:block; height:22px; width:70px; background:#edf1ff; border:1px solid #d7defc; }body.ojs-page .tag-row i:nth-child(2){width:94px}body.ojs-page .tag-row i:nth-child(3){width:58px}body.ojs-page .upload-line{ display:grid; grid-template-columns:42px 1fr auto; align-items:center; gap:12px; padding:14px 0; border-top:1px solid #e7ebf2; border-bottom:1px solid #e7ebf2; }body.ojs-page .file-icon{ width:38px;height:42px;display:grid;place-items:center;background:#fff0ef;color:#d34b44;font:850 9px/1 ui-monospace,monospace;border:1px solid #ffd7d3; }body.ojs-page .upload-line strong{ display:block;font-size:11px;margin-bottom:3px; }body.ojs-page .upload-line small{color:#95a0b1;font-size:9px}body.ojs-page .ready-mark{color:var(--ojs-cyan);font-weight:900}body.ojs-page .mock-submit{ margin-top:24px; margin-left:auto; width:112px; background:var(--ojs-blue); color:#fff; padding:12px 14px; display:flex; justify-content:space-between; font-size:10px; font-weight:850; }body.ojs-page .status-float{ position:absolute; display:flex;align-items:center;gap:9px;background:#fff;border:1px solid #dce3ef;box-shadow:0 15px 40px rgba(21,37,73,.12);padding:11px 14px;font-size:11px;font-weight:800; }body.ojs-page .status-float i{ width:25px;height:25px;display:grid;place-items:center;background:#e9fbf7;color:#0b9b88;font-style:normal;font-size:10px; }body.ojs-page .status-a{ left:-38px;bottom:62px; }body.ojs-page .status-b{right:-28px;top:93px}body.ojs-page .status-b i{background:#edf1ff;color:var(--ojs-blue)}body.ojs-page .ojs-strip{ background:#0d1526; color:#fff; }body.ojs-page .strip-grid{ display:grid; grid-template-columns:repeat(3,1fr); }body.ojs-page .strip-grid > div{ padding:31px 32px 30px; border-left:1px solid rgba(255,255,255,.12); }body.ojs-page .strip-grid > div:last-child{border-right:1px solid rgba(255,255,255,.12)}body.ojs-page .strip-grid span{ color:#7f9bff; font:800 11px/1 ui-monospace,monospace; }body.ojs-page .strip-grid strong{ display:block; margin:9px 0 5px; font-size:15px; }body.ojs-page .strip-grid p{ margin:0; color:#9ca9bd; font-size:13px; line-height:1.55; }body.ojs-page .ojs-scope{ padding:118px 0 126px; background:#fff; }body.ojs-page .scope-layout{ display:grid; grid-template-columns:.8fr 1.2fr; gap:110px; align-items:start; }body.ojs-page .scope-intro{ position:sticky; top:120px; }body.ojs-page .scope-intro h2, body.ojs-page .ready-heading h2, body.ojs-page .process-head h2, body.ojs-page .fit-title h2, body.ojs-page .related-layout h2{ margin:13px 0 18px; font-size:clamp(40px,4.5vw,66px); line-height:1.02; letter-spacing:-.045em; }body.ojs-page .scope-intro p{ max-width:500px;color:var(--ojs-muted);line-height:1.75;font-size:17px; }body.ojs-page .scope-flow{ border-top:1px solid var(--ojs-line); }body.ojs-page .scope-flow article{ display:grid; grid-template-columns:74px 1fr; gap:24px; padding:28px 0; border-bottom:1px solid var(--ojs-line); }body.ojs-page .flow-no{ color:var(--ojs-blue); font:800 12px/1 ui-monospace,monospace; padding-top:5px; }body.ojs-page .scope-flow h3{ margin:0 0 7px; font-size:20px; letter-spacing:-.02em; }body.ojs-page .scope-flow p{margin:0;color:var(--ojs-muted);line-height:1.7;}body.ojs-page .ojs-boundary{ background:#0a1020; color:#fff; padding:104px 0; position:relative; overflow:hidden; }body.ojs-page .ojs-boundary::after{ content:"SUBMIT"; position:absolute; right:-40px; bottom:-45px; font-size:180px; font-weight:900; letter-spacing:-.08em; color:rgba(255,255,255,.025); }body.ojs-page .boundary-layout{ display:grid; grid-template-columns:1fr .9fr; gap:100px; position:relative; z-index:1; }body.ojs-page .boundary-layout h2{ margin:15px 0 0; max-width:720px; font-size:clamp(44px,5vw,72px); line-height:1; letter-spacing:-.05em; }body.ojs-page .eyebrow.light{ color:#88a2ff; }body.ojs-page .boundary-copy{ align-self:end; }body.ojs-page .boundary-copy > p{color:#a7b3c6;font-size:17px;line-height:1.75;margin:0 0 28px}body.ojs-page .boundary-copy ul{list-style:none;margin:0;padding:0;border-top:1px solid rgba(255,255,255,.13)}body.ojs-page .boundary-copy li{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.13);color:#d6deea;font-size:14px}body.ojs-page .boundary-copy li span{color:#55d4bf;margin-right:10px}body.ojs-page .ojs-ready{ padding:112px 0; background:#f4f7fc; }body.ojs-page .ready-layout{ display:grid; grid-template-columns:.8fr 1.2fr; gap:110px; }body.ojs-page .ready-list{ border-top:1px solid #ccd5e2; }body.ojs-page .ready-list > div{ display:grid; grid-template-columns:65px 1fr; gap:24px; padding:23px 0; border-bottom:1px solid #ccd5e2; }body.ojs-page .ready-list span{ color:var(--ojs-blue); font:850 11px/1.8 ui-monospace,monospace; }body.ojs-page .ready-list p{margin:0;color:#667388;line-height:1.6}body.ojs-page .ready-list strong{color:#172033;font-size:16px}body.ojs-page .ojs-process{ padding:118px 0 128px; background:#fff; }body.ojs-page .process-head{ max-width:780px; margin-bottom:70px; }body.ojs-page .process-rail{ position:relative; display:grid;grid-template-columns:repeat(4,1fr);gap:38px; }body.ojs-page .rail-line{ position:absolute; left:0;right:0;top:17px;height:1px;background:#ccd5e2; }body.ojs-page .process-rail article{ position:relative; padding-top:55px; }body.ojs-page .process-rail article::before{ content:""; position:absolute;top:10px;left:0;width:15px;height:15px;border-radius:50%;background:#fff;border:4px solid var(--ojs-blue);box-shadow:0 0 0 5px #edf1ff; }body.ojs-page .process-rail span{ color:#8b97a8; font:800 10px/1 ui-monospace,monospace; }body.ojs-page .process-rail h3{margin:10px 0 8px;font-size:19px}body.ojs-page .process-rail p{margin:0;color:var(--ojs-muted);line-height:1.65;font-size:14px}body.ojs-page .ojs-fit{ padding:112px 0; background:#eff3fa; }body.ojs-page .fit-layout{ display:grid;grid-template-columns:.9fr 1.1fr;gap:90px; }body.ojs-page .fit-lines{ border-top:1px solid #ccd4e1; }body.ojs-page .fit-lines > div{ display:grid; grid-template-columns:185px 1fr; gap:25px; padding:25px 0; border-bottom:1px solid #ccd4e1; }body.ojs-page .fit-lines span{ font-weight:850; color:#152036; }body.ojs-page .fit-lines p{margin:0;color:#69768a;line-height:1.65}body.ojs-page .ojs-faq{ background:#fff; }body.ojs-page .ojs-faq .faq-item{ border-radius:0; border-left:0;border-right:0; }body.ojs-page .ojs-faq .faq-item:first-child{border-top:1px solid var(--ojs-line)}body.ojs-page .ojs-faq .faq-q{ padding-left:0;padding-right:0; }body.ojs-page .ojs-faq .faq-a > div{ padding-left:0;padding-right:36px; }body.ojs-page .ojs-related{ padding:94px 0; background:#fff; border-top:1px solid #e3e8f0; }body.ojs-page .related-layout{ display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:end; }body.ojs-page .related-layout h2{font-size:44px;margin-bottom:0}body.ojs-page .related-links{ border-top:1px solid #d7deea; }body.ojs-page .related-links a{ display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid #d7deea;text-decoration:none;color:#151f31;font-weight:800; }body.ojs-page .related-links a i{font-style:normal;color:var(--ojs-blue);font-size:20px}body.ojs-page .ojs-final-cta{ background:var(--ojs-blue); color:#fff; padding:82px 0; }body.ojs-page .cta-inline{ display:grid;grid-template-columns:1fr auto;gap:70px;align-items:center; }body.ojs-page .cta-inline h2{margin:10px 0 10px;max-width:760px;font-size:clamp(38px,4vw,58px);line-height:1.02;letter-spacing:-.045em}body.ojs-page .cta-inline p{margin:0;color:#dce4ff;max-width:720px;line-height:1.65}body.ojs-page .cta-white{background:#fff!important;color:#132049!important;border-color:#fff!important;white-space:nowrap}

@media (max-width: 1050px) {body.ojs-page .ojs-hero-layout{ grid-template-columns:1fr; gap:10px; min-height:auto; }body.ojs-page .ojs-hero-copy{ padding-bottom:28px; }body.ojs-page .submission-stage{ max-width:720px; margin:0 auto 20px; }body.ojs-page .scope-layout, body.ojs-page .ready-layout, body.ojs-page .boundary-layout, body.ojs-page .fit-layout, body.ojs-page .related-layout{ grid-template-columns:1fr; gap:48px; }body.ojs-page .scope-intro{ position:static; }body.ojs-page .process-rail{ grid-template-columns:1fr 1fr; row-gap:50px; }body.ojs-page .rail-line{ display:none; }body.ojs-page .process-rail article::before{ top:7px; }body.ojs-page .strip-grid{ grid-template-columns:1fr; }body.ojs-page .strip-grid>div{border-left:1px solid rgba(255,255,255,.12);border-right:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.08)}
}

@media (max-width: 700px) {.ojs-page .breadcrumb{ padding-top:22px; }body.ojs-page .ojs-hero{ padding-bottom:58px; }body.ojs-page .ojs-hero-copy{ padding-top:54px; }body.ojs-page .ojs-hero h1{ font-size:clamp(48px,15vw,72px); }body.ojs-page .ojs-hero .lead{ font-size:17px; }body.ojs-page .ojs-hero .hero-actions{ flex-direction:column;align-items:flex-start;gap:13px; }body.ojs-page .hero-mini-proof{ display:grid;grid-template-columns:1fr 1fr; }body.ojs-page .hero-mini-proof span{padding-right:8px;margin-right:0}body.ojs-page .hero-mini-proof span::after{display:none}body.ojs-page .submission-stage{ min-height:auto; margin-top:16px; transform:none; }body.ojs-page .browser-url{ font-size:8px; }body.ojs-page .submission-body{ grid-template-columns:82px 1fr; min-height:370px; }body.ojs-page .submission-side{ padding:19px 10px; font-size:8px; gap:12px; }body.ojs-page .submission-side strong{font-size:10px}body.ojs-page .submission-side .is-done::before{display:none}body.ojs-page .submission-main{ padding:22px 16px; }body.ojs-page .mock-row{grid-template-columns:1fr}body.ojs-page .status-float{display:none}body.ojs-page .ojs-scope, body.ojs-page .ojs-ready, body.ojs-page .ojs-process, body.ojs-page .ojs-fit{ padding:82px 0; }body.ojs-page .scope-flow article{ grid-template-columns:48px 1fr;gap:12px; }body.ojs-page .scope-intro h2, body.ojs-page .ready-heading h2, body.ojs-page .process-head h2, body.ojs-page .fit-title h2{font-size:42px}body.ojs-page .ojs-boundary{ padding:80px 0; }body.ojs-page .boundary-layout h2{font-size:44px}body.ojs-page .process-rail{ grid-template-columns:1fr;gap:34px; }body.ojs-page .process-rail article{padding-top:48px}body.ojs-page .fit-lines > div{ grid-template-columns:1fr;gap:7px; }body.ojs-page .ready-list>div{grid-template-columns:44px 1fr;gap:12px}body.ojs-page .related-layout h2{font-size:38px}body.ojs-page .related-links a{font-size:14px}body.ojs-page .cta-inline{ grid-template-columns:1fr;gap:28px; }body.ojs-page .cta-inline h2{font-size:42px}
}

/* OJS hero minimal */
body.ojs-page .ojs-hero{
  padding:74px 0 88px;
  background:#f7f9fc;
  border-bottom:1px solid #dfe6f0;
}
body.ojs-page .ojs-hero::before{
  display:none;
}
body.ojs-page .ojs-hero-layout{
  display:block;
  min-height:0;
}
body.ojs-page .ojs-hero-copy{
  max-width:820px;
  padding:0;
}
body.ojs-page .eyebrow-line{
  margin-bottom:18px;
}
body.ojs-page .signal-dot{
  display:none;
}
body.ojs-page .ojs-hero h1{
  max-width:760px;
  font-size:clamp(3.1rem,5.6vw,5.65rem);
  line-height:.96;
  letter-spacing:-.058em;
}
body.ojs-page .ojs-hero .lead{
  max-width:620px;
  margin-top:22px;
  font-size:1.08rem;
  line-height:1.75;
}
body.ojs-page .ojs-hero .hero-actions{
  gap:12px;
  margin-top:30px;
}
body.ojs-page .ojs-hero-note{
  max-width:600px;
  margin:22px 0 0;
  color:#667388;
  font-size:.9rem;
  line-height:1.65;
}
@media(max-width:700px){
  body.ojs-page .ojs-hero{
    padding:44px 0 64px;
  }
  body.ojs-page .ojs-hero-copy{
    padding:0;
  }
  body.ojs-page .ojs-hero h1{
    font-size:clamp(2.55rem,12.5vw,4.2rem);
  }
  body.ojs-page .ojs-hero .hero-actions{
    flex-direction:row;
    flex-wrap:wrap;
  }
}