/*
Theme Name: Pasar123 Midnight Atlas 7tFO0Uim
Theme URI: https://pasar123login.asia/
Author: Pasar123 Panduan Indonesia
Description: Tema editorial independen untuk panduan Pasar123 Indonesia.
Version: 1.0.0
Text Domain: pasar123-atlas
*/
:root{
  --bg:#071221;--bg-soft:#0d1d31;--panel:#13263d;--panel-hi:#183552;
  --text:#f5f8fc;--muted:#b8c7d8;--cyan:#4cc9f0;--violet:#8d9bff;
  --coral:#ff8f73;--gold:#efbd63;--line:#2d4c6e;--focus:#a2edff;
  --content:1220px;--reading:790px;--radius:18px;--shadow:0 18px 50px rgba(0,0,0,.28)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"Noto Sans",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:17px;line-height:1.75;text-rendering:optimizeLegibility}img{max-width:100%;height:auto}a{color:#7edcff;text-decoration-thickness:1px;text-underline-offset:.18em}a:hover{color:#fff}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.site-shell{width:min(calc(100% - 48px),var(--content));margin-inline:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(7,18,33,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.header-inner{min-height:74px;display:flex;align-items:center;gap:22px}.custom-logo-link{display:flex;flex:0 0 auto}.custom-logo{width:220px;max-height:58px;object-fit:contain}.site-title-fallback{font-weight:800;color:#fff;text-decoration:none}.primary-nav{margin-left:auto}.primary-nav ul{list-style:none;display:flex;align-items:center;gap:6px;margin:0;padding:0}.primary-nav a{display:flex;min-height:46px;align-items:center;padding:8px 10px;color:var(--text);font-size:14px;font-weight:650;text-decoration:none;border-radius:10px}.primary-nav a:hover,.current-menu-item>a{background:var(--panel-hi);color:#fff}.menu-toggle{display:none;margin-left:auto;min-width:48px;min-height:48px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:#fff;font:inherit;font-weight:700}.site-main{overflow:hidden}.hero-copy{width:min(calc(100% - 48px),var(--content));margin:0 auto;padding:clamp(64px,9vw,124px) 0 48px;display:grid;grid-template-columns:minmax(0,8fr) minmax(220px,4fr);gap:24px}.hero-copy:after{content:"";grid-column:2;grid-row:1/5;min-height:330px;border:1px solid var(--line);border-radius:24px;background:radial-gradient(circle at 28% 25%,rgba(76,201,240,.34),transparent 24%),radial-gradient(circle at 78% 32%,rgba(141,155,255,.28),transparent 25%),radial-gradient(circle at 55% 78%,rgba(255,143,115,.24),transparent 24%),linear-gradient(145deg,var(--panel-hi),var(--bg-soft));box-shadow:var(--shadow)}.eyebrow{margin:0 0 10px;color:var(--cyan);font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.hero-copy h1,.dynamic-article>h1,.trust-page>h1{margin:0;max-width:900px;font-size:clamp(2.35rem,5.2vw,4.15rem);line-height:1.06;letter-spacing:-.045em}.hero-copy .lead{font-size:clamp(1.1rem,1.8vw,1.35rem);color:#dbe8f5;max-width:800px;margin:26px 0 0}.hero-copy>p:last-of-type{max-width:720px;color:var(--muted)}.content-section,.faq-section,.dynamic-article,.trust-page{width:min(calc(100% - 48px),var(--content));margin:0 auto}.content-section{padding:clamp(62px,8vw,105px) 0;border-top:1px solid rgba(45,76,110,.75)}.content-section h2,.faq-section h2,.dynamic-article h2,.trust-page h2{font-size:clamp(1.75rem,3.7vw,2.75rem);line-height:1.14;letter-spacing:-.03em;margin:0 0 24px}.content-section>p,.trust-page>p,.trust-page>ul{max-width:var(--reading)}.content-section p,.module p,.trust-page p{color:#d5dfeb}.editorial-image{margin:34px 0 36px;position:relative}.editorial-image img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow);background:var(--panel)}.editorial-image figcaption{color:var(--muted);font-size:.88rem;margin-top:10px}.coverage-products,.coverage-mobile,.coverage-verdict{display:grid;grid-template-columns:minmax(0,7fr) minmax(320px,5fr);gap:26px}.coverage-products h2,.coverage-mobile h2,.coverage-verdict h2{grid-column:1/-1}.coverage-products .editorial-image,.coverage-mobile .editorial-image{grid-column:2;grid-row:2/6;margin:0}.coverage-products p,.coverage-mobile p{grid-column:1}.verdict-grid{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:24px}.verdict-grid>div{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:28px}.verdict-grid h3{margin-top:0;font-size:1.3rem}.faq-section{padding:76px 0 110px}.faq-item{max-width:900px;background:var(--panel);border:1px solid var(--line);border-radius:14px;margin:12px 0}.faq-item summary{cursor:pointer;min-height:56px;padding:15px 52px 15px 20px;font-weight:750;position:relative;list-style:none}.faq-item summary:after{content:"+";position:absolute;right:20px;color:var(--cyan);font-size:1.35rem}.faq-item[open] summary:after{content:"–"}.faq-item p{padding:0 20px 20px;margin:0;color:#d5dfeb}.dynamic-article,.trust-page{padding:clamp(62px,8vw,104px) 0 110px}.dynamic-article>h1,.trust-page>h1{margin-bottom:32px}.module{max-width:var(--reading);padding:46px 0;border-top:1px solid var(--line)}.module:first-of-type{border-top:0}.module:nth-of-type(3n){max-width:100%;background:linear-gradient(135deg,var(--panel),var(--bg-soft));border:1px solid var(--line);border-radius:var(--radius);padding:clamp(24px,4vw,44px);margin:28px 0}.module:nth-of-type(3n) p{max-width:var(--reading)}table{width:100%;border-collapse:collapse;margin:30px 0 8px;background:var(--bg-soft);font-size:.95rem}th,td{padding:14px 16px;text-align:left;vertical-align:top;border:1px solid var(--line)}th{background:var(--panel-hi);color:#fff}.checklist,.decision,.flow,.timeline{margin:30px 0;padding:24px;background:var(--panel);border-left:5px solid var(--coral);border-radius:0 var(--radius) var(--radius) 0}.checklist figcaption,.decision figcaption,.flow figcaption,.timeline figcaption{font-weight:800;font-size:1.12rem}.trust-page{max-width:900px}.trust-page>h1{font-size:clamp(2.2rem,4.5vw,3.7rem)}.trust-page ul{padding-left:24px}.site-footer{border-top:1px solid var(--line);background:#050d18;padding:54px 0 28px}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:28px}.footer-brand{font-size:1.2rem;font-weight:800}.footer-note,.footer-meta{color:var(--muted);font-size:.92rem}.footer-links{list-style:none;padding:0;margin:0;columns:2;column-gap:24px}.footer-links li{margin-bottom:8px}.footer-links a{color:#dce8f4}.footer-bottom{border-top:1px solid var(--line);margin-top:35px;padding-top:22px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:.86rem}
@media(max-width:1050px){.primary-nav a{font-size:13px;padding-inline:7px}.custom-logo{width:190px}.hero-copy{grid-template-columns:1fr}.hero-copy:after{grid-column:1;grid-row:auto;min-height:220px}.coverage-products,.coverage-mobile,.coverage-verdict{display:block}.coverage-products .editorial-image,.coverage-mobile .editorial-image{margin:30px 0}}
@media(max-width:820px){body{font-size:16px}.site-shell,.hero-copy,.content-section,.faq-section,.dynamic-article,.trust-page{width:min(calc(100% - 32px),var(--content))}.menu-toggle{display:block}.primary-nav{display:none;position:absolute;left:16px;right:16px;top:74px;background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:10px}.primary-nav.is-open{display:block}.primary-nav ul{display:block}.primary-nav a{min-height:48px;padding:10px 14px;font-size:16px}.header-inner{min-height:70px}.custom-logo{width:205px;max-height:54px}.hero-copy{padding-top:48px}.verdict-grid,.footer-grid{grid-template-columns:1fr}.footer-links{columns:1}.footer-bottom{display:block}.footer-bottom>*{display:block;margin-bottom:8px}.table-wrap,table{overflow-x:auto}table{display:block;max-width:100%;white-space:normal}.editorial-image img{aspect-ratio:4/3}.module:nth-of-type(3n){margin-inline:0}}
@media(max-width:390px){.custom-logo{width:180px}.site-shell,.hero-copy,.content-section,.faq-section,.dynamic-article,.trust-page{width:min(calc(100% - 32px),var(--content))}.hero-copy h1,.dynamic-article>h1,.trust-page>h1{font-size:clamp(2rem,10.5vw,2.6rem)}th,td{min-width:150px;padding:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
