/* variable */
:root{
--err-react: '\0CA0\002C\0CA0';
--err-missing: "Telah terjadi sesuatu... Halaman yang Kamu cari tidak ada, dimodifikasi, atau dihapus.";
--err-isAll: "Kamu terlalu jauh dan tersesat...";
--err-back: 'Bawa aku kembali!';
--pros-marker: '\002A';
--cons-marker: '\007E';
--show-all: 'Show all\2026';
--copy-clipboard: 'Copy untuk clipboard.';
--copied: 'Tercopy';
--theme-light: 'Gelap';
--theme-dark: 'Terang';
--bookmarks: 'Bookmark kamu';
--no-items: '\005C(o_o)/';
--no-result: '\005C(\25C9_\25D4)/';
--no-page: '{\00B4\25D5\25E1\25D5\FF40}';
--no-bookmark: '(\00B4\FF65\76CA\FF65\FF40*)';
--no-thing: '\005C(^Д^)/';
--no-image: 'tidak bergambar.';
--cant-find: "Tidak dapat menemukan postingan apa pun.";
--close: 'Tutup';
--open: 'Buka';
--slash: '/';
--in: 'di';
--nav-prev: 'Terlama';
--nav-next: 'Terbaru';
--nav-loadmore: 'Muat lainnya';
--nav-loading: 'Memuat\2026';
--nav-tryagain: 'Coba lagi.';
--nav-error: 'Terjadi kesalahan.';
--read-prefix: '';
--read-minute: 'menit';
--read-minutes: 'menit';
--time-added: 'Ditambahkan';
--ago-prefix: '';
--ago-suffix: 'yang lalu';
--ago-second: 's';
--ago-seconds: 's';
--ago-minute: 'min';
--ago-minutes: 'min';
--ago-hour: 'jam';
--ago-hours: 'jam';
--ago-day: 'hari';
--ago-days: 'hari';
--ago-month: 'bulan';
--ago-months: 'bulan';
--ago-year: 'tahun';
--ago-years: 'tahun';
--unduh-generate: 'Buat tautan unduhan.';
--unduh-get: 'Unduh file Anda.';

/* Landing Page */
  --contentBs: #f1f1f0;
  --contentL: #e6e6e6;
--linkR: 6px;
--fontBa: Parkinsans;
--fontB: Parkinsans;
--iconCs: #767676;
/* Landing Page */ --page-1: transparent; --page-2: #f6f6f6; --page-3: #fff; --page-4: #f6f6f6; --page-5: #fff; --page-6: #f6f6f6; --page-7: #fff; --page-9: #f6f6f6 ; /* Dark */ --darkU: #9AADF6;

/* Carousel */
--sliderR: 16 / 9;

/* Warna SVG */
  --logo-google: #4285F4;
  --logo-blogger: #F25022;
  --logo-microsoft: #7FBA00;
  --logo-meta: #00A4EF;
  --logo-android: #A4C639;
  --logo-whatsapp: #25D366;
  --logo-facebook: #1877F2;
  --logo-instagram: #E4405F;
  --logo-quora: #B92B27;
  --logo-telegram: #0088CC;
  --logo-youtube: #FF0000;
  --logo-discord: #5865F2;

/* var: font */
--font-size: 16px;
--font-primary: 'Parkinsans', sans-serif;
--font-secondary: 'Parkinsans', sans-serif;
--font-tertiary: 'Parkinsans', serif;
--font-monospace: 'Google Sans Code', monospace;
--fontsize-15px: .938rem;
--fontsize-14px: .875rem;
--fontsize-14clamp: clamp(.813rem, .769rem + .1656vw, .875rem);
--fontsize-13px: .813rem;
--fontsize-13clamp: clamp(.75rem, .7065rem + .1656vw, .813rem);
--fontsize-12px: .75rem;
--fontsize-12clamp: clamp(.6875rem, .644rem + .1656vw, .75rem);
--fontsize-11px: .6875rem;
--heading-weight: 500;
--heading-h1: 2em;
--heading-h2: 1.7em;
--heading-h3: 1.5em;
--heading-h4: 1.3em;
--heading-h5: 1em;
--heading-h6: .9em;
--code: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;

/* var: color */
--bg-primary: #fff;
--bg-secondary: #f6f6f6;
--bg-blur: rgb(255 253 252 / 40%);
--bg-invert: #1E376C;
--color-link: #54C8E7;
--color-accent: #54C8E7;
--color-primary: #25282f;
--color-secondary: #626262;
--color-tertiary: #bcbcbc;
--color-invert: #fff;
--color-border: #e9e9ea;
--color-tick: rgb(135 206 235);
--color-tick-0: rgb(135 206 235 / 0%);
--color-tick-90: rgb(135 206 235 / 90%);

/* var: dark */
--dark-bg-primary: #100f10;
--dark-bg-secondary: #1b1b1b;
--dark-bg-blur: #00000080;
--dark-bg-invert: #f6f6f6;
--dark-color-link: rgb(135 206 235);
--dark-color-primary: #f6f6f6;
--dark-color-secondary: #b0b0b0;
--dark-color-tertiary: #aaaaaa;
--dark-color-invert: #100f10;
--dark-color-border: #242424;

/* var: component */
--placeholder: var(--color-secondary);
--select-color: #25282f;
--select-bg: #54C8E7;
--time: .1s ease;
--cube: .2s cubic-bezier(.34, 1.56, .64, 1);
--button-corner: 3px;
--button-font: var(--font-secondary);
--note-color: #272eb5;
--note-bg: #e2ecfa;
--warn-color: #be2e3c;
--warn-bg: #fae1e3;
--pre-green: #170;
--pre-orange: #a11;
--pre-gray: #656E77;
--pre-blue: #3f3fdc;
--pre-red: #f00;
--pre-color: #191919;
--pre-bg: #f9f9f9;

/* var: layout */
--layout-padding: 22px;
--layout-corner: clamp(.1875rem, 1.0208rem - 1.3021vw, .5rem);
--header-height: 90px;
--nav-width: 80px;
--aside-width: 160px;
--course-width: 250px;
--image-ratio: 56.25%;
--article-font: 17px;
--article-lineheight: 1.7;
}

/* font: Parkinsans */
/* latin */
@font-face {
  font-family: 'Parkinsans';
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
  src: url(../fonts/-W_7XJXvQyPb1QfpBpRrfkQLfg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Google Sans Code */
@font-face {
  font-family: 'Google Sans Code';
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
  src: url(../fonts/pxiSyogzv91QhV44Z_GQBHsGf5PuckJMZfIVTPZaiXEp_jF58LQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Google Sans Code';
  font-style: italic;
  font-weight: 300 800;
  font-display: swap;
  src: url(../fonts/pxisyogzv91QhV44Z_GQBHsGf5PuWEt-oWZnOk-ljWSpwaFBwLa0hg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* default */
::placeholder{color:var(--placeholder);opacity:.8}
::selection{color:var(--select-color);background:var(--select-bg)}
::before, ::after, *{box-sizing:border-box}
html{font:var(--font-size) var(--font-primary); overflow-x:hidden;scroll-behavior:smooth;scroll-padding-block-start:calc(var(--header-height) + 1rem)}
body{margin:0;padding-block:0!important; color:var(--color-primary);background:var(--bg-primary);accent-color:var(--color-accent)}
h1, h2, h3, h4, h5, h6{margin-block:.68em;font:var(--heading-weight) 2rem/1.3 var(--font-secondary)}
h1{font-size:var(--heading-h1)}
h2{font-size:var(--heading-h2)}
h3{font-size:var(--heading-h3)}
h4{font-size:var(--heading-h4)}
h5{font-size:var(--heading-h5)}
h6{font-size:var(--heading-h6)}
a{color:var(--color-link);text-decoration:none}
img{display:block;max-width:100%;height:auto;border-radius:var(--layout-corner)}
figure{margin-inline:0}
iframe{width:100%;margin-inline:auto;border:0}
table{border-collapse:collapse;border-spacing:0}
sub, sup{position:relative;font-size:70%;line-height:1;vertical-align:baseline}
sub{inset-block-end:-.3em}
sup{inset-block-start:-.5em}
abbr[title]{border:0;text-decoration:underline}
svg{--s:24px;min-width:var(--s);height:var(--s);flex-shrink:0}
svg >*:not([fill=none]){fill:currentColor}
svg >*[fill=none], svg.line >*{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}
svg >*[fill=none]:not([stroke-width]), svg.line >*:not([stroke-width]){stroke-width:1.4}

/* default: input */ 
input, textarea, button, select, optgroup, fieldset, legend{margin:0;outline:0;font-size:inherit;line-height:1.4;font-family:inherit} 
input, textarea{border:1px solid var(--color-border);border-radius:3px;color:var(--color-primary);background:var(--bg-primary)} 
textarea{overflow:auto} 
:is(button, [type=button], [type=reset], [type=submit]){appearance:button} 
:is(button, [type=button], [type=reset], [type=submit])::-moz-focus-inner{border-style:none;padding:0} 
[type=search]{appearance:textfield;outline-offset:-2px} 
[type=search]::-webkit-search-decoration, 
[type=search]::-webkit-search-cancel-button, 
[type=search]::-webkit-search-results-button, 
[type=search]::-webkit-search-results-decoration{display:none;appearance:none} 
[type=radio], [type=checkbox]{padding:0}

/* default: CTA */
details >.custom{list-style:none;outline:none}
details >.custom:not(.cursor-pointer){cursor:default}
details >.custom::-webkit-details-marker{display:none}
.icon{--icon:35px; flex-shrink:0;min-width:var(--icon);height:var(--icon);transition:color var(--time)}
.icon-28px :is(svg, .mask), .icon-28px.mask{--s:28px}
.icon-24px :is(svg, .mask), .icon-24px.mask{--s:24px}
.icon-22px :is(svg, .mask), .icon-22px.mask{--s:22px}
.icon-20px :is(svg, .mask), .icon-20px.mask{--s:20px}
.icon-18px :is(svg, .mask), .icon-18px.mask{--s:18px}
.icon-16px :is(svg, .mask), .icon-16px.mask{--s:16px}
.icon-14px :is(svg, .mask), .icon-14px.mask{--s:14px}
.icon-12px :is(svg, .mask), .icon-12px.mask{--s:12px}
.button{display:inline-flex;align-items:center;gap:8px;padding-block:10px;padding-inline:14px;border:0;border-radius:var(--button-corner);color:inherit;background:inherit; font:400 var(--fontsize-12px)/1.4 var(--button-font); white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:border var(--time), color var(--time), background var(--time), box-shadow var(--time)}
.button:not(.outline, .outline-bg, .outline-only, .nobg){color:var(--color-invert);background:var(--bg-invert)}
.button:not(.outline, .outline-bg, .outline-only, .nobg, .nofilter, .disabled):hover{color:var(--color-primary);background:var(--color-accent)}
.button:is(.outline, .outline-bg, .outline-only){border:.09rem solid currentColor}
.button:is(.outline, .outline-bg, .outline-only).thin{border-width:1px}
.button.outline:hover{border-color:var(--color-tertiary)}
.button.outline-bg:hover{background:var(--bg-secondary)}
.button.round{border-radius:2rem}
.button.big{padding-block:14px;padding-inline:18px}
.button.bigger{padding-block:16px;padding-inline:20px;font-size:var(--fontsize-13px)}
.button.nobg.noside{padding-inline:0}
.button.nobg.with-hover:not(.noside):hover{background:var(--bg-secondary)}
.button.disabled{color:var(--color-secondary);background:var(--bg-secondary)}
.button svg{--s:18px}
.buttons{display:flex;justify-content:flex-start;gap:12px;margin-block:1em}

/* default: icon */
.mask{--s:18px;flex-shrink:0;display:inline-flex;width:var(--s);height:var(--s);background:currentColor;mask-position:center;mask-size:var(--s);mask-repeat:no-repeat}
.mask.cart{mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M3 6h19l-3 10H6L3 6Zm0 0l-.75-2.5m8.75 16a1.5 1.5 0 0 1-3 0m9 0a1.5 1.5 0 0 1-3 0'/></svg>")}
.mask.download-circle{mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M9 17h6M12 6v7m0 0l3.5-3.5M12 13L8.5 9.5M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2S2 6.477 2 12s4.477 10 10 10Z'/></svg>")}
.mask.download-cloud{mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M12 13v9m0 0l3.5-3.5M12 22l-3.5-3.5m11.5-.893c1.494-.585 3-1.918 3-4.607c0-4-3.333-5-5-5c0-2 0-6-6-6S6 6 6 8c-1.667 0-5 1-5 5c0 2.689 1.506 4.022 3 4.607'/></svg>")}
.mask.arrow-down{mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 9l6 6l6-6'/></svg>")}
.mask.arrow-right{mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 12h18m0 0l-8.5-8.5M21 12l-8.5 8.5'/></svg>")}
.mask.arrow-up-right{--s:14px;mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.2' d='M6 19L19 6m0 0v12.48M19 6H6.52'/></svg>")}
.mask.help{mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><g fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'><circle cx='12' cy='12' r='10'/><path d='M10 9C10 7.89543 10.8954 7 12 7C13.1046 7 14 7.89543 14 9C14 9.39815 13.8837 9.76913 13.6831 10.0808C13.0854 11.0097 12 11.8954 12 13V13.5'/><path d='M11.992 17H12.001'/></g></svg>")}
.mask.check{mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><g fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'><path d='M8 12.5L10.5 15L16 9'/><path d='M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2S2 6.477 2 12s4.477 10 10 10'/></g></svg>")}
.mask.x{mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M9.172 14.828L12.001 12m2.828-2.828L12.001 12m0 0L9.172 9.172M12.001 12l2.828 2.828M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2S2 6.477 2 12s4.477 10 10 10'/></svg>")}
.mask.copy{--s:22px;mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><g fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'><path d='M19.4 20H9.6a.6.6 0 0 1-.6-.6V9.6a.6.6 0 0 1 .6-.6h9.8a.6.6 0 0 1 .6.6v9.8a.6.6 0 0 1-.6.6'/><path d='M15 9V4.6a.6.6 0 0 0-.6-.6H4.6a.6.6 0 0 0-.6.6v9.8a.6.6 0 0 0 .6.6H9'/></g></svg>")}
.mask.copied{--s:22px;mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><g fill='none' stroke='currentColor' stroke-linecap='round' stroke-width='1.5'><path d='m1.5 12.5l4.076 4.076a.6.6 0 0 0 .848 0L9 14m7-7l-4 4'/><path d='m7 12l4.576 4.576a.6.6 0 0 0 .848 0L22 7'/></g></svg>")}
.mask.spin{--s:14px;mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='currentColor' d='M12,4a8,8,0,0,1,7.89,6.7A1.53,1.53,0,0,0,21.38,12h0a1.5,1.5,0,0,0,1.48-1.75,11,11,0,0,0-21.72,0A1.5,1.5,0,0,0,2.62,12h0a1.53,1.53,0,0,0,1.49-1.3A8,8,0,0,1,12,4Z'><animateTransform attributeName='transform' dur='.75s' repeatCount='indefinite' type='rotate' values='0 12 12;360 12 12'/></path></svg>")}

/* default: func */
.full-out::after{content:'';position:fixed;inset:0;opacity:0;visibility:hidden;transition:inset var(--time), height var(--time), background var(--time), opacity var(--time) .1s, backdrop-filter var(--time);cursor:default}
.link-out::after{--s:14px;content:'';display:inline-flex;width:var(--s);height:var(--s);margin-inline-start:3px;background:var(--color-secondary);mask:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 19L19 6m0 0v12.48M19 6H6.52'/></svg>") center/var(--s) no-repeat;opacity:.8}
.inline-block{display:inline-block}
.inline-flex{display:inline-flex}
.inline-grid{display:inline-grid}
.inline{display:inline}
.block{display:block}
.flex{display:flex}
.grid{display:grid}
.grid.place-center{place-items:center}
.gridarea-a{grid-area:a}
.gridarea-b{grid-area:b}
.gridarea-c{grid-area:c}
.gridarea-d{grid-area:d}
.gridarea-e{grid-area:e}
:where(.flex, .inline-flex, .grid).align-baseline{align-items:baseline}
:where(.flex, .inline-flex, .grid).align-start{align-items:flex-start}
:where(.flex, .inline-flex, .grid).align-end{align-items:flex-end}
:where(.flex, .inline-flex, .grid).align-center{align-items:center}
:where(.flex, .inline-flex).self-baseline{align-self:baseline}
:where(.flex, .inline-flex).place-center{align-items:center;justify-content:center}
:where(.flex, .inline-flex).justify-start{justify-content:flex-start}
:where(.flex, .inline-flex).justify-end{justify-content:flex-end}
:where(.flex, .inline-flex).justify-center{justify-content:center}
:where(.flex, .inline-flex).justify-spacebetween{justify-content:space-between}
:where(.flex, .inline-flex).direction-rowreverse{flex-direction:row-reverse}
:where(.flex, .inline-flex).direction-column{flex-direction:column}
:where(.flex, .inline-flex).direction-columnreverse{flex-direction:column-reverse}
:where(.flex, .inline-flex).wrap{flex-wrap:wrap}
:where(.flex, .inline-flex) >.self-center{align-self:center}
:where(.flex, .inline-flex) >.shrink{flex-shrink:0}
:where(.flex, .inline-flex) >.grow{flex-grow:1}
.gap-0px{gap:0}
.gap-2px{gap:2px}
.gap-4px{gap:4px}
.gap-6px{gap:6px}
.gap-8px{gap:8px}
.gap-10px{gap:10px}
.gap-12px{gap:12px}
.gap-14px{gap:14px}
.gap-16px{gap:16px}
.gap-20px{gap:20px}
.gap-2rem{gap:2rem}
.relative{position:relative}
.absolute{position:absolute}
.fixed{position:fixed}
.sticky{position:sticky}
:is(.color-inherit, .color-inherit a){color:inherit}
:is(.nofilter, .nofilter a){filter:none}
:is(.noselect){user-select:none}
.text-add[data-text]::after{content:attr(data-text);display:inline-flex;margin-inline-start:4px;padding:3px 6px;border-radius:2px;color:var(--color-invert);background:var(--bg-invert);font:400 12px/1.4 var(--font-primary);vertical-align:middle}
.text-underline, .text-underlinehover:hover{text-decoration:underline}
.text-strike{text-decoration:line-through}
.text-center{text-align:center}
.text-start{text-align:start}
.text-end{text-align:end}
.text-indent{text-indent:2.4em}
.text-indent *{text-indent:0}
.text-clamp{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nowrap{white-space:nowrap}
.nomargin{margin:0}
.nopadding{padding:0}
.noborder{border:0}
.nooutline{outline:0}
.nolist{list-style:none;margin:0;padding:0}
.margintop-auto{margin-block-start:auto}
.marginleft-auto{margin-inline-start:auto}
.marginright-auto{margin-inline-end:auto}
.margininline-auto{margin-inline:auto}
.color-link{color:var(--color-link)}
.color-accent{color:var(--color-accent)}
.color-primary{color:var(--color-primary)}
.color-secondary{color:var(--color-secondary)}
.color-tertiary{color:var(--color-tertiary)}
.color-invert{color:var(--color-invert)}
.bg-primary{background:var(--bg-primary)}
.bg-secondary{background:var(--bg-secondary)}
.bg-invert{background:var(--bg-invert)}
.bg-inherit{background:inherit}
.bg-transparent{background:transparent}
.invisible{opacity:0;visibility:hidden}
.hidden, [hidden]{display:none}
.disabled, [disabled]{cursor:none}
.cursor-default, .cursor-pointer{cursor:default}
.cursor-notallowed{cursor:not-allowed}
.overflow-visible{overflow:visible}
.overflow-hidden{overflow:hidden}
.break{overflow-wrap:break-word}
.zindex--1{z-index:-1}
.zindex-0{z-index:0}
.zindex-1{z-index:1}
.zindex-2{z-index:2}
.zindex-3{z-index:3}
.zindex-4{z-index:4}
.fontweight-300{font-weight:300}
.fontweight-400{font-weight:400}
.fontweight-500{font-weight:500}
.fontweight-600{font-weight:600}
.fontweight-700{font-weight:700}
.fontweight-inherit{font-weight:inherit}
.fontsize-1rem{font-size:1rem}
.fontsize-15px{font-size:var(--fontsize-15px)}
.fontsize-14px{font-size:var(--fontsize-14px)}
.fontsize-14clamp{font-size:var(--fontsize-14clamp)}
.fontsize-13px{font-size:var(--fontsize-13px)}
.fontsize-13clamp{font-size:var(--fontsize-13clamp)}
.fontsize-12px{font-size:var(--fontsize-12px)}
.fontsize-12clamp{font-size:var(--fontsize-12clamp)}
.fontsize-11px{font-size:var(--fontsize-11px)}
.fontsize-inherit{font-size:inherit}
.fontfamily-primary{font-family:var(--font-primary)}
.fontfamily-secondary{font-family:var(--font-secondary)}
.fontfamily-tertiary{font-family:var(--font-tertiary)}
.fontfamily-monospace{font-family:var(--font-monospace)}
.lineheight-1{line-height:1.1}
.lineheight-2{line-height:1.2}
.lineheight-3{line-height:1.3}
.lineheight-4{line-height:1.4}
.lineheight-5{line-height:1.5}
.lineheight-6{line-height:1.6}

/* pop-up */ 
._pop{--width:640px;--r:6px; inset-block-start:50%;inset-inline-start:50%;width:min(calc(100% - (16px *2)), var(--width));max-height:calc(100dvh - (16px *2));margin-block-start:-100%;border:1px solid currentColor;border-radius:var(--r);font-size:1rem;transition:inset-block-start var(--time), height var(--time), max-height var(--time), margin var(--time), opacity var(--time), visibility var(--time) .2s, transform var(--time);transform:translate(-50%, -50%);z-index:5} 
._pop ._pop-container{border-radius:var(--r);overflow-y:scroll;overflow-x:hidden} 
._pop ._pop-head{inset-block-start:-.1px;padding:14px} 
._pop ._pop-head ._close{margin-inline-end:-4px} 
._pop ._pop-content{padding-inline:14px;padding-block-end:2rem} 
._po:checked ~._pop{margin-block:0%;opacity:1;visibility:visible;transition-delay:0s} 
._po:checked ~.full-out::after{background:rgb(0 0 0 / 5%);backdrop-filter:blur(4px);opacity:1;visibility:visible;z-index:4}

 /* Landing Page */ 
.contentLP {text-align:center}.contentLP h2 {margin-bottom:0px;font-size:1.5rem} .pgCont p {margin-bottom:0px;font-size:1rem;text-align: center}
.search-box{display:flex;align-items:center;margin:0 auto 20px;max-width:600px}.search-box input{width:100%;padding:10px 10px 10px 40px;border-radius:5px;border:0;background:var(--bg-secondary);font-size:16px}.search-box .icon{position:absolute;margin-left:5px;width:20px;height:20px}.animated-gradient{background:linear-gradient(270deg,#f00fff,#00ffff,#00ff00,#ffff00,#ff0000);background-size:400% 400%;animation:gradientAnimation 20s ease infinite;-webkit-background-clip:text;color:#fff0}@keyframes gradientAnimation{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.hero-labels{display:flex;flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;padding-bottom:10px}.hero-label{display:flex;align-items:center;background-color:var(--contentBs);border:1px solid var(--contentL);border-radius:5px;color:var(--color-primary);text-decoration:none;transition:background-color .3s ease;margin-right:8px;padding:4px 10px}.hero-label:hover{background-color:#fff}.hero-label svg{margin-right:8px;width:18px;height:18px}.hero-labels::-webkit-scrollbar{height:3px}.hero-labels::-webkit-scrollbar-thumb{background-color:#888;border-radius:5px}.hero-labels::-webkit-scrollbar-thumb:hover{background-color:var(--color-link)}.hero-label svg{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}
.lPage{position:relative;width:calc(100% + 40px);left:-20px;right:-20px;overflow:hidden} .lPage .pgCont{padding-left:20px;padding-right:20px} .lPage .widget .title{font-size:1.9rem;font-family:var(--fontBa);font-weight:900;line-height:1.6em} .lPage .Image a{display:block} .lPage .Image img{width:100%;display:block;border-radius:5px} .lPage .Image .caption{display:block;font-size:13px;opacity:.7;padding:7px 10px} .lPage p{font-size:15px;font-family:var(--fontBa);margin:20px 0;line-height:1.7em} .lPage .ln{position:relative;width:calc(100% + 10px);left:-5px;right:-5px;display:flex;align-items:center} .lPage .ln:not(.first-child){margin-top:10px} .lPage .ln >*:not(.titik){margin-left:5px;margin-right:5px} .lPage .ln .titik::before{content:'\2022';text-decoration:none;font-style:normal;display:inline-block} .lPage .ln .l{color:inherit;text-decoration:underline;font-size:14px;font-family:var(--fontBa);line-height:20px} .lPage ul{list-style:none;margin:20px 0;padding:0; line-height:normal;font-size:14px;font-family:var(--fontB)} .lPage ul li{display:flex;margin-bottom:10px;position:relative;width:calc(100% + 10px);left:-5px;right:-5px} .lPage ul li >*{margin:0 5px;display:block;color:inherit} .lPage ul li svg{flex-shrink:0;width:18px;height:18px; fill:var(--color-link)} .lPage ul li svg.line{fill:none;stroke:var(--color-link)} .lPage ul li a:hover{text-decoration:underline} .lPage ul.lf{display:flex;flex-wrap:wrap;position:relative;width:calc(100% + 20px);left:-10px;right:-10px} .lPage ul.lf li{width:calc(50% - 20px);margin-left:10px;margin-right:10px} .lPage ul.mf{display:flex;flex-wrap:wrap;margin:40px 0 0} .lPage ul.mf li{width:33.333%;padding:0 45px;margin-bottom:30px;left:0;right:0;display:block;text-align:center} .lPage ul.mf li >*{margin:0 auto}  .lPage ul.mf svg{width:45px;height:45px;fill:var(--iconCs);margin-bottom:25px} .lPage ul.mf svg.line{fill:none;stroke:var(--iconCs)} .lPage ul.mf .t strong{font-size:1.2rem;font-family:var(--fontBa);font-weight:900}
 .lPage ul.mf .t p{font-size:inherit;font-family:inherit;line-height:1.7em;opacity:.8} .pgCont{position:relative;padding-top:80px;padding-bottom:80px} .pgCont .secIn{padding-left:0;padding-right:0} .pgFx{display:flex;align-items:center;flex-wrap:wrap} .pgFx >*:first-child{width:55%;flex:0 0 auto} .pgFx >*:not(.HTML):Last-child{width:45%;flex:0 0 auto; display:block} .pgRw{flex-direction:row-reverse} .pgMo{display:inline-flex;align-items:center} .pgMo::before{content:attr(aria-label);display:block;line-height:18px} .pgMo svg.line{width:18px;height:18px;stroke:var(--color-link);flex-shrink:0;margin:0 7px} .lpShp{width:100%;display:block} .pgBr{width:100%;height:55px;display:block} .pgBr.tp{color:var(--bg-secondary);transform:scaleX(-1);-webkit-transform:scaleX(-1);transform:scaleY(-1);-webkit-transform:scaleY(-1);margin-bottom:-0.5px} .pgBr.bt{color:var(--bg-secondary);transform:scaleX(-1);-webkit-transform:scaleX(-1)} .pG-02 .pgBr{fill:var(--page-2)} .pG-04 .pgBr{fill:var(--page-4)} .pG-06 .pgBr{fill:var(--page-6)} #lPage-Bot .pgBr{fill:var(--page-9)}  .pG-01 .pgCont{background:var(--page-1);padding-top:50px} .pG-01 .HTML, .pG-02 .HTML, .pG-03 .HTML, .pG-04 .HTML, .pG-05 .HTML, .pG-08 .HTML{display:flex} .pG-01 .HTML:after, .pG-02 .pgRw .HTML:before, .pG-03 .HTML:after, .pG-04 .pgRw .HTML:before, .pG-05 .HTML:after, .pG-08 .HTML::after{content:'';padding-left:30px;flex-shrink:0} .pG-02 .pgRw .HTML:after, .pG-04 .pgRw .HTML:after{display:none} .pG-02 .pgCont{background:var(--page-2)} .pG-03 .pgCont{background:var(--page-3)} .pG-04 .pgCont{background:var(--page-4)} .pG-05 .pgCont{background:var(--page-5)} .pG-06 .pgCont{background:var(--page-6)} .pG-06 .widget .title, .pG-07 .widget .title{text-align:center} .pG-06 .widget .title:after, .pG-07 .widget .title:after{display:none} .pG-07 .pgCont{background:var(--page-7);border-bottom:1px solid var(--contentL)} .pG-07 p{text-align:center} .pG-09{background:var(--page-9)} .pG-09 .pgCont{max-width:820px;margin-left:auto;margin-right:auto} 
.pay{display:flex;justify-content:center;flex-wrap:wrap; font-family:var(--fontB);font-size:14px} .pyM{position:relative;min-width:250px;max-width:300px;display:block;position:relative;background:var(--bg-secondary);border-radius:3px;padding:0 0 74px;text-align:center;margin:0 10px 30px} .pyM, .pyM.jScrl{transform:scale(1);transition:opacity .7s ease,bottom .7s ease,transform .4s ease} .pyM:hover{transform:scale(1.04)} .pyM[data-disc]:not([data-disc=''])::before{content:attr(data-disc); display:block;font-weight:700;font-size:13px;width:50px;height:50px;padding:15px 0 10px;background:#ebeced;border-radius:5px 5px 50px 50px;position:absolute;top:-5px;right:10px} .pyM i.strike{display:block;font-size:15px;font-style:normal;text-decoration:line-through} .pyM ol.pyI{list-style:none;margin:30px 0;padding:0 30px;font-size:13px;line-height:1.8em;opacity:.8} .pyH{padding:20px;text-transform:uppercase} .pyP{font-size:55px;line-height:normal;color:var(--color-primary);font-weight:700} .pyP::before, .pyP::after{content:attr(data-currency);font-size:16px;font-weight:400} .pyP::after{content:attr(data-text)} .pyB{position:absolute;bottom:0;left:0;right:0} .pyB .button{display:inline-flex;align-items:center;gap:12px;margin:10px 0;padding:12px 15px;outline:0;border:0;border-radius:var(--linkR);line-height:20px;vertical-align:middle;color:#000;background:var(--color-link);font-size:14px;font-family:var(--fontB);white-space:nowrap;overflow:hidden;max-width:320px}.pyM[data-disc]:not([data-disc=''])::before{background:var(--color-link)}
/* Landing Page(Responsive) */ @media screen and (max-width:896px){ .pG-01 .HTML:after, .pG-02 .pgRw .HTML:before, .pG-03 .HTML:after, .pG-04 .pgRw .HTML:before, .pG-05 .HTML:after, .pG-08 .HTML::after{display:none} .pgFx, .pG-01 .HTML, .pG-02 .HTML, .pG-03 .HTML, .pG-04 .HTML, .pG-05 .HTML, .pG-08 .HTML{display:block} .pgFx >*:first-child{width:auto} .pgFx >*:not(.HTML):Last-child{width:auto;margin-top:30px} .lPage ul.mf li{width:50%}} @media screen and (min-width:897px){ .lPage{width:calc(100% + 50px);left:-25px;right:-25px} .lPage .pgCont{padding-left:25px;padding-right:25px}} @media screen and (max-width:640px){ .lPage ul.mf li{width:100%}} @media screen and (max-width:480px){ .lPage ul.lf li{width:calc(100% - 20px)}}

/* Custom Widget Google Translate */
.skiptranslate,.goog-te-gadget-simple img,img.goog-te-gadget-icon,.goog-te-menu-value span{display:none!important}
.goog-te-menu-frame{box-shadow:none!important}
.goog-te-gadget-simple{background-color:transparent!important;border-left:none!important;border-top:none!important;border-bottom:none!important;border-right:none!important;border-radius:4px}
body{top:0!important}
/* Dropdown Google Translate by www.inputekno.com */
.TranslateItm{position:relative;display:flex;align-items:center;justify-content:center;width:38px;height:38px;z-index:10000}
.TranslateItm .translate-trigger{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:38px!important;height:38px!important;padding:0!important;margin:0!important;border:1px solid transparent!important;border-radius:50%!important;color:var(--color-primary)!important;background:transparent!important;cursor:pointer!important;pointer-events:auto!important;position:relative!important;z-index:10001!important;transition:background .18s ease,transform .18s cubic-bezier(.34,1.56,.64,1),color .18s ease,border-color .18s ease,box-shadow .18s ease}
.TranslateItm .translate-trigger:hover,.TranslateItm.is-open .translate-trigger{background:var(--bg-secondary)!important;color:var(--color-primary)!important;border-color:color-mix(in srgb,var(--color-primary) 14%,var(--color-border))!important;transform:translateY(-1px);box-shadow:0 8px 24px rgb(0 0 0 / 8%)}
.TranslateItm .translate-trigger:active,.TranslateItm .translate-trigger.is-pressed{transform:scale(.86)!important;background:var(--bg-secondary)!important;box-shadow:0 2px 9px rgb(0 0 0 / 12%)!important}
.TranslateItm .translate-trigger svg{width:20px!important;height:20px!important;display:block!important;fill:currentColor!important;stroke:none!important;pointer-events:none!important}
.TranslateItm .translate-trigger svg path,.TranslateItm .translate-trigger svg circle,.TranslateItm .translate-trigger svg rect,.TranslateItm .translate-trigger svg polygon,.TranslateItm .translate-trigger svg polyline{fill:currentColor!important;stroke:none!important}
.TranslateItm .translate-panel-backdrop{position:fixed;inset:0;background:transparent;display:none;z-index:9998}
.TranslateItm.is-open .translate-panel-backdrop{display:block}
.TranslateItm .translate-panel{position:fixed;top:0;right:0;width:min(390px,calc(100vw - 24px));padding:14px;border:1px solid var(--color-border);border-radius:20px;background:var(--bg-primary);box-shadow:0 24px 70px rgb(0 0 0 / 16%);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px) scale(.98);transform-origin:top right;transition:opacity .2s ease,visibility .2s ease,transform .2s ease;z-index:10002!important}
.TranslateItm.is-open .translate-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)}
.TranslateItm .translate-panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:4px 4px 12px}
.TranslateItm .translate-panel-title{display:flex;align-items:center;gap:10px;color:var(--color-primary);font-size:14px;font-weight:700}
.TranslateItm .translate-panel-title i{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:var(--bg-secondary);font-style:normal}
.TranslateItm .translate-panel-sub{display:block;margin-top:2px;color:var(--color-secondary);font-size:11px;font-weight:400}
.TranslateItm .translate-search{width:100%;padding:11px 12px;border:1px solid var(--color-border)!important;border-radius:12px!important;background:var(--bg-secondary)!important;color:var(--color-primary)!important;font-size:13px!important;box-shadow:none!important}
.TranslateItm .translate-search:focus{border-color:var(--color-accent)!important}
.TranslateItm .translate-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:min(55vh,430px);overflow:auto;padding:10px 2px 2px}
.TranslateItm .translate-lang{display:flex;align-items:center;gap:8px;min-width:0;padding:9px 10px;border:1px solid transparent;border-radius:11px;color:var(--color-secondary);background:transparent;cursor:pointer;text-align:left;transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease}
.TranslateItm .translate-lang:hover{background:var(--bg-secondary);color:var(--color-primary);transform:translateY(-1px)}
.TranslateItm .translate-lang.active{background:color-mix(in srgb,var(--color-accent) 12%,var(--bg-primary));border-color:color-mix(in srgb,var(--color-accent) 28%,var(--color-border));color:var(--color-primary);font-weight:650}
.TranslateItm .translate-lang .lang-dot{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:var(--color-tertiary)}
.TranslateItm .translate-lang.active .lang-dot{background:var(--color-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-accent) 14%,transparent)}
.TranslateItm .translate-lang span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.TranslateItm .translate-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 4px 2px;border-top:1px solid var(--color-border);margin-top:8px;color:var(--color-secondary);font-size:10px}
.TranslateItm .translate-reset{border:0;background:transparent;color:var(--color-secondary);cursor:pointer;padding:5px 0;font-size:10px}
.TranslateItm .translate-reset:hover{color:var(--color-primary)}
.skiptranslate,.goog-te-gadget-simple img,img.goog-te-gadget-icon,.goog-te-menu-value span{display:none!important}
.goog-te-menu-frame{box-shadow:none!important}
.goog-te-gadget-simple{background-color:transparent!important;border:0!important;border-radius:4px}
.TranslateItm .translate-list::-webkit-scrollbar{width:5px;height:5px}
.TranslateItm .translate-list::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:10px}
@media(max-width:640px){.TranslateItm .translate-panel{left:12px;right:12px;width:auto}.TranslateItm .translate-list{grid-template-columns:1fr 1fr;max-height:58vh}}
@media(max-width:420px){.TranslateItm .translate-list{grid-template-columns:1fr}.TranslateItm .translate-panel{border-radius:18px;padding:12px}}

/* Poltek.ID Dedicated Login Page — refined premium layout */
.is-poltek-login-page{min-height:100dvh;background:var(--bg-primary)}
.is-poltek-login-page .main>header,.is-poltek-login-page .main>main,.is-poltek-login-page .main>footer{display:none!important}
.PoltekLoginPage{position:relative;min-height:100dvh;display:grid;place-items:center;overflow:hidden;padding:32px 22px;background:var(--bg-primary);color:var(--color-primary)}
.PoltekLoginPageInner{position:relative;z-index:2;width:min(1040px,100%);margin:auto}
.PoltekLoginPageBack{display:inline-flex;align-items:center;gap:8px;margin:0 0 22px;color:var(--color-secondary);font-size:12px;font-weight:600;transition:color .2s ease,transform .2s ease}
.PoltekLoginPageBack:hover{color:var(--color-primary);transform:translateX(-2px)}
.PoltekLoginPageBack svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.PoltekLoginPageGrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,430px);gap:52px;align-items:center}
.PoltekLoginPageCopy{padding:10px 0 10px}
.PoltekLoginPageBadge{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid var(--color-border);border-radius:999px;background:color-mix(in srgb,var(--bg-secondary) 72%,transparent);font:650 10px/1 var(--font-secondary);letter-spacing:.13em;color:var(--color-secondary)}
.PoltekLoginPageDot{width:7px;height:7px;border-radius:50%;background:var(--color-accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--color-accent) 13%,transparent)}
.PoltekLoginPageCopy h1{max-width:620px;margin:19px 0 13px;font-size:clamp(2.35rem,4.7vw,4rem);line-height:1.04;letter-spacing:-.05em;font-weight:700}
.PoltekLoginPageCopy>p{max-width:580px;margin:0;color:var(--color-secondary);font-size:clamp(.94rem,1.3vw,1.08rem);line-height:1.7}
.PoltekLoginPageFeatures{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:28px;max-width:620px}
.PoltekLoginPageFeatures>div{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid var(--color-border);border-radius:15px;background:color-mix(in srgb,var(--bg-secondary) 52%,transparent);transition:transform .2s ease,border-color .2s ease,background .2s ease}
.PoltekLoginPageFeatures>div:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--color-accent) 35%,var(--color-border));background:var(--bg-secondary)}
.PoltekLoginFeatureIcon{display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;border:1px solid var(--color-border);border-radius:10px;background:var(--bg-primary);color:var(--color-primary)}
.PoltekLoginFeatureIcon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.PoltekLoginPageFeatures strong,.PoltekLoginPageFeatures span{display:block}
.PoltekLoginPageFeatures strong{font-size:11px;line-height:1.35}
.PoltekLoginPageFeatures span{margin-top:3px;color:var(--color-secondary);font-size:10px;line-height:1.45}
.PoltekLoginPageCard{position:relative;isolation:isolate;padding:30px;border:1px solid var(--color-border);border-radius:24px;background:color-mix(in srgb,var(--bg-primary) 94%,var(--bg-secondary));box-shadow:0 24px 70px rgb(0 0 0 / 10%);overflow:hidden}
.PoltekLoginPageCard:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 0 0,color-mix(in srgb,var(--color-accent) 13%,transparent),transparent 42%)}
.PoltekLoginPageBrand{position:relative;display:grid;place-items:center;width:50px;height:50px;border-radius:15px;background:var(--bg-invert);color:var(--color-invert);margin-bottom:20px;box-shadow:0 10px 24px rgb(30 55 108 / 16%)}
.PoltekLoginPageBrand svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.PoltekLoginPageKicker{color:var(--color-accent);font:700 10px/1.2 var(--font-secondary);letter-spacing:.13em;text-transform:uppercase}
.PoltekLoginPageCard h2{margin:9px 0 7px;font-size:1.65rem;letter-spacing:-.03em}
.PoltekLoginPageCard p{margin:0 0 20px;color:var(--color-secondary);font-size:.86rem;line-height:1.6}
.PoltekPageGoogleBtn{min-height:50px;border-radius:13px}
.PoltekLoginPageLegal{margin-top:12px;color:var(--color-tertiary);font-size:10px;line-height:1.5;text-align:center}
.PoltekLoginPageSuccess{display:flex;align-items:center;gap:11px;padding:13px;border:1px solid var(--color-border);border-radius:14px;background:var(--bg-secondary);margin-bottom:12px}
.PoltekLoginPageSuccess>div span{display:block;color:var(--color-secondary);font-size:10px;margin-top:3px}
.PoltekLoginSuccessCheck{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--color-accent);color:#fff}
.PoltekLoginSuccessCheck svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.PoltekLoginPageUser{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid var(--color-border);border-radius:14px;background:var(--bg-primary)}
.PoltekLoginPageUser img{width:44px;height:44px;border-radius:50%;object-fit:cover;background:var(--bg-secondary)}
.PoltekLoginPageUser strong,.PoltekLoginPageUser span{display:block}
.PoltekLoginPageUser strong{font-size:13px}
.PoltekLoginPageUser span{margin-top:3px;color:var(--color-secondary);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:250px}
.PoltekLoginPageActions{display:grid;gap:8px;margin-top:12px}
.PoltekLoginPageActionPrimary,.PoltekLoginPageActionSecondary{display:flex;align-items:center;justify-content:center;gap:8px;min-height:43px;border-radius:11px;font-size:12px;font-weight:650}
.PoltekLoginPageActionPrimary{color:var(--color-invert);background:var(--bg-invert)}
.PoltekLoginPageActionPrimary svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.PoltekLoginPageActionSecondary{border:1px solid var(--color-border);color:var(--color-primary);background:var(--bg-primary)}
.PoltekLoginPageActionPrimary:hover,.PoltekLoginPageActionSecondary:hover{transform:translateY(-1px)}
.PoltekLoginPageActionPrimary,.PoltekLoginPageActionSecondary{transition:transform .2s ease,background .2s ease,border-color .2s ease}
.PoltekLoginPageGlow{position:absolute;border-radius:50%;pointer-events:none;filter:blur(8px)}
.PoltekLoginPageGlowA{width:420px;height:420px;left:-220px;top:8%;background:color-mix(in srgb,var(--color-accent) 9%,transparent)}
.PoltekLoginPageGlowB{width:460px;height:460px;right:-230px;bottom:-200px;background:rgb(30 55 108 / 7%)}
@media (max-width:900px){.PoltekLoginPage{padding:26px 18px}.PoltekLoginPageGrid{grid-template-columns:1fr;gap:28px}.PoltekLoginPageCopy{padding:0}.PoltekLoginPageCopy h1{max-width:720px}.PoltekLoginPageCard{max-width:520px;margin:0 auto;width:100%}}
@media (max-width:620px){.PoltekLoginPage{padding:18px 13px}.PoltekLoginPageBack{margin-bottom:17px}.PoltekLoginPageCopy h1{font-size:clamp(2rem,11vw,2.8rem);letter-spacing:-.045em}.PoltekLoginPageCopy>p{font-size:.9rem}.PoltekLoginPageFeatures{grid-template-columns:1fr;margin-top:22px}.PoltekLoginPageCard{padding:22px;border-radius:20px}.PoltekLoginPageBrand{margin-bottom:17px}}
@media (prefers-reduced-motion:reduce){.PoltekLoginPageFeatures>div,.PoltekLoginPageActionPrimary,.PoltekLoginPageActionSecondary,.PoltekLoginPageBack{transition:none!important}}
/* Poltek.ID Login */

.PoltekLoginBtn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:0;border-radius:50%;color:var(--color-secondary);background:transparent;cursor:pointer;transition:color .2s ease,background .2s ease,transform .2s ease}
.PoltekLoginBtn:hover{color:var(--color-primary);background:var(--bg-secondary);transform:translateY(-1px)}
.PoltekLoginBtn:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}
.PoltekLoginAvatar,.PoltekLoginAvatar img{display:block;width:22px;height:22px;border-radius:50%;overflow:hidden}
.PoltekLoginAvatar img{object-fit:cover}
.PoltekLoginAvatar svg{display:block;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;margin:auto}
.PoltekLoginOverlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:16px;background:rgb(0 0 0 / 45%);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease;z-index:99999}
.PoltekLoginOverlay.is-open{opacity:1;visibility:visible;pointer-events:auto}
.PoltekLoginCard{position:relative;width:min(420px,100%);padding:30px;border:1px solid var(--color-border);border-radius:24px;background:var(--bg-primary);box-shadow:0 24px 80px rgb(0 0 0 / 20%);transform:translateY(14px) scale(.98);transition:transform .25s cubic-bezier(.34,1.56,.64,1)}
.PoltekLoginOverlay.is-open .PoltekLoginCard{transform:translateY(0) scale(1)}
.PoltekLoginClose{position:absolute;top:12px;right:12px;width:34px;height:34px;border:0;border-radius:50%;background:var(--bg-secondary);color:var(--color-secondary);cursor:pointer;font-size:22px;line-height:1}
.PoltekLoginBrand{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 16px;border-radius:16px;background:var(--bg-invert);color:var(--color-invert)}
.PoltekLoginBrand svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.PoltekLoginTitle{text-align:center;margin:0;color:var(--color-primary);font-size:1.45rem;font-weight:700}
.PoltekLoginDesc{text-align:center;margin:8px 0 22px;color:var(--color-secondary);font-size:.9rem;line-height:1.55}
.PoltekGoogleBtn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;min-height:46px;border:1px solid var(--color-border);border-radius:12px;background:var(--bg-primary);color:var(--color-primary);font:600 14px/1 var(--font-primary);cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease}
.PoltekGoogleBtn:hover{background:var(--bg-secondary);border-color:var(--color-accent);transform:translateY(-1px);box-shadow:0 8px 24px rgb(0 0 0 / 6%)}
.PoltekGoogleBtn svg{width:18px;height:18px}
.PoltekLoginDivider{display:flex;align-items:center;gap:10px;margin:20px 0;color:var(--color-tertiary);font-size:12px}
.PoltekLoginDivider:before,.PoltekLoginDivider:after{content:'';height:1px;flex:1;background:var(--color-border)}
.PoltekLoginNote{padding:12px 14px;border-radius:12px;background:var(--bg-secondary);color:var(--color-secondary);font-size:12px;line-height:1.55}
.PoltekLoginNote strong{color:var(--color-primary)}
.PoltekLoginFullPageLink{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:13px;color:var(--color-secondary);font-size:12px;font-weight:600}.PoltekLoginFullPageLink span{transition:transform .2s ease}.PoltekLoginFullPageLink:hover{color:var(--color-primary)}.PoltekLoginFullPageLink:hover span{transform:translateX(3px)}
.PoltekLoginError{margin-top:10px;padding:10px 12px;border-radius:10px;background:var(--warn-bg);color:var(--warn-color);font-size:12px;line-height:1.5}
.PoltekProfile{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--color-border);border-radius:14px;background:var(--bg-secondary)}
.PoltekProfileAvatar{width:46px;height:46px;border-radius:50%;object-fit:cover;background:var(--bg-primary)}
.PoltekProfileMeta{min-width:0;display:flex;flex-direction:column;gap:3px}
.PoltekProfileMeta strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.PoltekProfileMeta span{font-size:12px;color:var(--color-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.PoltekLogoutBtn{width:100%;margin-top:12px;min-height:44px;border:1px solid var(--color-border);border-radius:12px;background:transparent;color:var(--color-primary);font:600 14px/1 var(--font-primary);cursor:pointer}
.PoltekLogoutBtn:hover{background:var(--bg-secondary)}
.PoltekProfileBookmark{display:flex;align-items:center;gap:8px;margin-top:10px;padding:11px 12px;border:1px solid var(--color-border);border-radius:12px;color:var(--color-primary);background:var(--bg-secondary);font-size:12px;font-weight:600}.PoltekProfileBookmark:hover{border-color:var(--color-tertiary)}
.PoltekGoogleBtn:disabled{opacity:.65;cursor:wait;transform:none}

/* Poltek.ID account dropdown */
.PoltekAccount{position:relative;display:flex;align-items:center;flex-shrink:0}
.PoltekAccountMenu{position:absolute;top:calc(100% + 10px);right:0;width:min(330px,calc(100vw - 24px));padding:8px;border:1px solid var(--color-border);border-radius:18px;background:var(--bg-primary);box-shadow:0 20px 60px rgb(0 0 0 / 18%);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-6px) scale(.98);transform-origin:top right;transition:opacity .18s ease,visibility .18s ease,transform .18s ease;z-index:9999}
.PoltekAccountMenu.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)}
.PoltekAccountHead{display:flex;align-items:center;gap:11px;padding:10px}
.PoltekAccountMenuAvatar{width:44px;height:44px;border-radius:50%;object-fit:cover;background:var(--bg-secondary);border:1px solid var(--color-border);flex:0 0 44px}
.PoltekAccountMenuMeta{min-width:0;display:flex;flex-direction:column;gap:3px}
.PoltekAccountMenuMeta strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--color-primary)}
.PoltekAccountMenuMeta span{font-size:11px;color:var(--color-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.PoltekAccountMenuRule{height:1px;margin:3px 6px;background:var(--color-border)}
.PoltekAccountMenuItem{display:flex;align-items:center;gap:11px;width:100%;padding:10px;border:0;border-radius:12px;background:transparent;color:var(--color-primary);text-align:left;text-decoration:none;cursor:pointer;font:inherit}
.PoltekAccountMenuItem:hover{background:var(--bg-secondary)}
.PoltekAccountMenuItem strong,.PoltekAccountMenuItem small{display:block}
.PoltekAccountMenuItem strong{font-size:12px;font-weight:600}
.PoltekAccountMenuItem small{margin-top:2px;color:var(--color-secondary);font-size:10px}
.PoltekAccountMenuIcon{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--bg-secondary);color:var(--color-secondary);flex:0 0 32px}
.PoltekAccountMenuIcon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.PoltekAccountLogout{margin-top:2px}
.PoltekAccountLogout .PoltekAccountMenuIcon{color:var(--warn-color);background:var(--warn-bg)}
@media screen and (max-width:640px){.PoltekAccountMenu{right:-2px;width:min(320px,calc(100vw - 20px));border-radius:16px}}

body.PoltekLoginLock{overflow:hidden}
@media screen and (max-width:640px){.PoltekLoginCard{padding:24px;border-radius:20px}.PoltekLoginOverlay{align-items:flex-end;padding:10px}.PoltekLoginCard{width:100%;margin-bottom:env(safe-area-inset-bottom)}}

/* Tabel Produk */
.Medo-Tags{text-align:center;position:relative}.Medo-Tags ul{clear:both;margin:15px 0 20px;width:100%;display:flex;padding:0;flex-wrap:wrap;justify-content:space-between}.Medo-Tags.m-p-2 li{position:relative;width:30%;list-style:none;line-height:1.3em;text-align:center;border-radius:10px;margin:6px 0;background:var(--bg-secondary);padding:6px 0 12px;display:flex;align-items:center;justify-content:center}.Medo-Tags li a{display:block;text-decoration:none}.Medo-Tags li svg{margin:3px 0;width:35px;height:35px;display:inline-block;color:var(--color-primary)}.Medo-Tags li span{display:block;padding:0 3px;color:var(--color-primary)}

/* component */
.article .ads{--m:2.5rem;margin-block-start:var(--m)}
.article .ads:where(.docs ~*){margin-block:0 var(--m)}
.article .docs{margin-block:3rem;font-size:var(--article-font);line-height:var(--article-lineheight);transition:font-size var(--time), line-height var(--time)}
:is(.article .docs *, p):first-child{margin-block-start:0}
/* _heading */
.article .docs :where(h1, h2, h3, h4, h5, h6)[data-text]::before{content:attr(data-text) ' '}
/* _paragraph */
p:not(.nomargin){margin-block:1.5em}
p:only-child{margin-block:0}
p.dropcap::first-letter{float:inline-start;margin-block-start:2px;margin-inline-end:6px;font-size:3.25em;line-height:1}
blockquote{--b:.125rem;position:relative;margin-inline:0;padding-block:1rem;padding-inline:2rem;color:var(--color-secondary);font:.97rem/1.6 var(--font-tertiary)}
blockquote span:not(.name){color:var(--color-primary)}
blockquote[data-style="2"]{margin-block:1.6em;margin-inline:calc((var(--layout-padding) - var(--b)) *-1);padding-block:12px;padding-inline:calc(var(--layout-padding) - var(--b));border-inline-start:var(--b) solid;transform:font-size var(--time), line-height var(--time)}
.reference{color:var(--color-secondary);font:.845em/1.5 var(--font-primary)}
hr{display:grid;justify-items:center;margin-block:1.5em;border:0;color:var(--color-tertiary);font-size:1.25em;letter-spacing:.5em;text-indent:.5rem}
hr::before{content:'\007E'}
hr.ellipsis::before{content:'\2027\2027\2027'}
hr.arrow::before{content:'';height:80px;border-inline-start:.0875rem solid var(--color-primary)}
.note{position:relative;padding-block:1.2em;padding-inline:2.47em 1.3em;border-radius:var(--layout-corner);color:var(--note-color);background:var(--note-bg);font-size:.883em;line-height:1.5}
.note.warning{color:var(--warn-color);background:var(--warn-bg)}
.note.info{color:var(--color-secondary);background:var(--bg-secondary)}
.note::before{content:'\002A';position:absolute;inset-block-start:1em;inset-inline-start:1.06em;font:1.1em var(--font-secondary)}
.note.warning::before{content:'\0021'}
.note.info::before{content:'\00A1'}
code, kbd{display:inline-flex;margin-inline:2px;padding-block:.4em;padding-inline:.55em;border-radius:4px;background:var(--bg-secondary);font:.765em var(--font-monospace)}
kbd{border:1px solid var(--color-tertiary);background:inherit;transition:box-shadow var(--time), transform var(--time);cursor:default}
/* _list */
.step, .pros, .cons{counter-reset:i;margin-block:1.6em;font-size:.942em}
.step >li{--w:2.7272em;--p:1.875em;--gradient:0%;--color:currentColor;--bg:var(--bg-secondary);counter-increment:i;position:relative;padding-inline-start:calc(var(--p) + 1em)}
.step >li:not(:last-child){padding-block-end:1em}
.step >li::before, .accordion summary::before{content:counter(i) '.';display:grid;place-items:center;flex-shrink:0;width:var(--w);height:var(--w);border-radius:50%;color:var(--color);background:var(--bg);font:400 .6875em var(--font-secondary);transition:color var(--time), background var(--time)}
.step >li::before{position:absolute;inset-block-start:0;inset-inline-start:0;transition-duration:.5s}
.step >li::after{content:'';position:absolute;inset-block:calc(var(--p) + 10px) 10px;inset-inline-start:calc(var(--p) /2);border-inline-start:.09rem solid var(--color-border);border-image:linear-gradient(180deg, currentColor var(--gradient), var(--color-border) var(--gradient)) 1;transition:border var(--time)}
:is(.pros, .cons){display:grid;gap:6px;margin-block:.5em 1em;padding-inline-start:.75em;line-height:1.6}
:where(.pros, .cons) >li{padding-inline-start:.75em}
:where(.pros, .cons) >li::marker{font-family:var(--font-secondary);transition:color var(--time)}
:where(.pros, .cons) >li:not(:hover)::marker{color:var(--color-tertiary)}
.pros >li::marker{content:var(--pros-marker)}
.cons >li::marker{content:var(--cons-marker)}
.related:not(:hover){border-color:var(--color-border)}
.related{position:relative;margin-block:2em;padding-block:1.8em;border-block:1px solid;font-size:var(--fontsize-14px);line-height:1.5;transition:border var(--time)}
.related[data-text]::before{content:attr(data-text);position:absolute;inset-inline-start:0;inset-block-start:-10px;padding-inline-end:10px;background:var(--bg-primary);font:300 var(--fontsize-11px) var(--font-secondary);transition:color var(--time)}
.related[data-text]:not(:hover)::before{color:var(--color-tertiary)}
.related :where(ol, ul){display:grid;gap:4px;margin:0;padding-inline-start:12px}
.related :where(ol, ul) li{padding-inline-start:12px}
.related :where(ol, ul) li::marker{content:'\2022'}
.related a:hover{text-decoration:underline}
/* _table */
.table{position:relative;margin-inline:calc(var(--layout-padding) *-1);margin-block:1.5em;padding-block-end:2px;padding-inline:var(--layout-padding);overflow-y:hidden;overflow-x:scroll;scroll-behavior:smooth;scroll-snap-type:x mandatory}
.table.noline table:not(.tr-caption-container) :where(th, td){border-inline:0}
.table.withbg table:not(.tr-caption-container) tr:nth-child(even) td::before,
.table.hoverbg table:not(.tr-caption-container) tr:not(:has(th)) td::before{content:'';position:absolute;inset:0;background:var(--bg-secondary);transition:background var(--time), opacity var(--time);z-index:-1}
.table.hoverbg table:not(.tr-caption-container) tr:not(:has(th), :hover) td::before{opacity:0}
.table.full-width table:not(.tr-caption-container){min-width:100%}
table{font:.782em / 1.4 var(--font-secondary)}
table:not(.tr-caption-container){border-radius:var(--layout-corner);border-style:hidden;box-shadow:0 0 0 .09rem var(--color-border) inset;overflow:hidden}
table:not(.tr-caption-container) th{font-weight:500;text-align:start}
table:not(.tr-caption-container) td{position:relative}
table:not(.tr-caption-container) :where(th, td){padding:1.24em;border:1px solid var(--color-border)}
/* _toggle */
.accordion{--w:2em;--g:14px;--p:16px;--color:currentColor;--bg:var(--bg-secondary);font-size:.883em}
.accordion details{border-block:1px solid var(--color-border);transition:border var(--time), border-radius var(--time), background var(--time)}
.accordion details:first-child{border-block-start:0}
.accordion details:not(:last-child){border-block-end:0}
.accordion details .p{margin-inline-start:calc(var(--w) + var(--p));padding-block-end:1em;padding-inline:var(--g) var(--p)}
.accordion [open] +*{border-block-start-color:transparent}
.accordion [open]{border-color:transparent;border-radius:var(--layout-corner);background:var(--bg-secondary)}
.accordion [open] summary::before{content:'\2212';color:var(--color-invert);background:var(--bg-invert)}
.accordion summary{display:flex;align-items:center;gap:var(--g);padding-block:1.059em;padding-inline:var(--p);font-weight:500;line-height:1.3;transition:color var(--time)}
.accordion summary::before{content:'\002B';font-size:1em}
.tab{display:flex;flex-direction:column;margin-block-end:1.5em}
.tab:not(.pre){gap:1rem}
.tab:not([data-style]) .name::before{content:'';position:absolute;inset-block-end:0;inset-inline-start:var(--scroll);width:var(--tab);border-block-end:.125rem solid;transition:wdth var(--time), inset var(--cube)}
.tab .name{--tab:0;--scroll:0;display:flex;position:relative;border-block-end:1px solid var(--color-border);font:.735em/1.4 var(--font-secondary);overflow-y:hidden;overflow-x:scroll;scroll-behavior:smooth;/*scroll-snap-type:x mandatory*/}
.tab .name >*{position:relative;padding-block:1.1em 1.2em;padding-inline:1.3em;white-space:nowrap;transition:color var(--time), background var(--time), font-weight var(--time);scroll-snap-align:start}
.tab .name >*:not(:has(:checked), :hover){color:var(--color-secondary)}
.tab .name >*:has(:checked){font-weight:600}
.tab .name >* span[data-text]{display:block;overflow:hidden;text-overflow:ellipsis}
.tab .name >* span[data-text]::before{content:attr(data-text)}
.tab:has(.name >[data-tab*="01"] :checked) >:not(.name, [data-text*="01"]),
.tab:has(.name >[data-tab*="02"] :checked) >:not(.name, [data-text*="02"]),
.tab:has(.name >[data-tab*="03"] :checked) >:not(.name, [data-text*="03"]),
.tab:has(.name >[data-tab*="04"] :checked) >:not(.name, [data-text*="04"]),
.tab:has(.name >[data-tab*="05"] :checked) >:not(.name, [data-text*="05"]){display:none}
/* _img */
:where(figure, .tr-caption-container tbody){flex-direction:column;position:relative}
:where(figure, .tr-caption-container tbody):not(.flex){display:inline-flex}
:where(figcaption, .tr-caption){display:block;padding-block:8px;color:var(--color-secondary);font:var(--fontsize-14clamp)/1.4 var(--font-primary)}
:where(figcaption, .tr-caption) [data-text]::before{content:attr(data-text) ' '}
:where(figcaption, .tr-caption)[data-style="2"]{position:absolute;inset-block-end:0;inset-inline-end:0;padding-inline-start:8px;border-start-start-radius:14px;background:var(--bg-primary);font-size:var(--fontsize-13clamp);text-align:end}
:where(figcaption, .tr-caption)[data-style="2"]::before,
:where(figcaption, .tr-caption)[data-style="2"]::after{--i:8px;content:'';position:absolute;inset-block-start:calc(var(--i) * -1);inset-inline-end:0;width:var(--i);height:var(--i);background:inherit;mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'><path fill='currentColor' d='M1.54 0.01l46.46 0 0 47.98c0,-25.89 -20.77,-47.16 -46.46,-47.98z'></path></svg>");mask-position:center;mask-size:var(--i);mask-repeat:no-repeat;transform:scaleY(-1)}
:where(figcaption, .tr-caption)[data-style="2"]::after{--i:26px;inset-block:auto -.5px;inset-inline:calc((var(--i) * -1) + 1px) auto;mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'><path fill='currentColor' d='M48 48c-2.06,-6.96 -7.63,-20.73 -13.14,-29.81 -8.18,-13.5 -19.03,-17.9 -34.86,-18.19l48 0 0 48z'></path></svg>")}
.photo{--g:16px;gap:var(--g);margin-block:1.5em}
.photo.grid{grid-template-columns:repeat(auto-fit, minmax(200px, 1fr))}
.photo.grid .b{position:relative}
.photo.grid .b label{display:grid;place-items:center;position:absolute;inset:0;border-radius:var(--layout-corner);background:var(--bg-blur);backdrop-filter:blur(4px);font-weight:500;font-size:var(--fontsize-13px);transition:color .3s ease .3s, background .3s ease .3s, opacity var(--time)}
.photo.grid .b label:hover{color:var(--color-invert);background:var(--bg-invert);transition-delay:0s}
.photo.grid .b label::before{content:var(--show-all)}
.photo.grid:has([type]:not(:checked)) .b ~*,
.photo.grid:has([type]:checked) .b label{display:none}
.photo.scroll{display:grid;grid-template-columns:repeat(auto-fit, minmax(240px, 1fr))}
/* _video */
.docs [class*=-embed]{position:relative;padding-top:56.25%;border-radius:var(--layout-corner);background:var(--bg-secondary);overflow:hidden}
.docs [class*=-embed] iframe{position:absolute;inset:0;height:100%}
.docs [class*=-embed] :where(img, svg){position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%, -50%)}
.docs [class*=-embed] svg{--s:48px;color:#fff}
.docs [class*=-embed] svg.line .i{transform:scale(.9);transform-origin:50% 50%;transition:transform .3s ease, stroke-width .3s ease}
.docs [class*=-embed] svg.line:hover .i{transform:scale(1.2);stroke-width:1.2}
/* _syntax */
pre{margin-block:1.5em;padding-block:var(--p, 1.4em);padding-inline:var(--p, 1.4em);border-radius:var(--layout-corner);color:var(--pre-color);background:var(--pre-bg);font:normal .765em/1.7 var(--font-monospace);tab-size:2;hyphens:none;white-space:pre;overflow:auto;direction:ltr}
pre:where(.pre pre){margin:0}
pre:where(.pre >.i:not([hidden]) ~ pre){padding-block-start:0}
pre i{font-style:normal}
pre mark{color:#25282f;background:#54C8E7}
pre .tag{color:var(--pre-green)}
pre .att{color:var(--pre-orange)}
pre :where(.cmt, .not){color:var(--pre-gray)}
pre .fnc{color:var(--pre-blue)}
pre .var{color:var(--pre-red)}
pre .not{user-select:none}
.pre{--h:45px;--p:1.4em;--corner:8px;position:relative;margin-block:1.5em;border-radius:var(--corner);color:var(--pre-color);background:var(--pre-bg);overflow:hidden;direction:ltr}
.pre:not(.tab):has(span.i)::before{content:'';display:block;height:var(--h);position:sticky;inset-block-start:-.1px}
.pre:not(:hover) >.i{transition-delay:.5s}
.pre:not(:hover) >.i::before{opacity:0;transition-delay:.5s}
.pre:not(:hover) >.i:not(.copied){color:var(--color-tertiary)}
.pre >.i{display:flex;align-items:center;justify-content:flex-end;gap:8px;position:absolute;inset-block-start:0;inset-inline-end:0;height:var(--h);padding-inline:var(--p);font:500 var(--fontsize-12px) var(--font-primary);transition:color .3s ease}
.pre >.i::before{content:var(--copy-clipboard);transition:opacity .3s ease}
.pre >.i.copied{color:#4F6F52}
.pre >.i.copied::before{content:var(--copied)}
.pre.tab[data-style="2"]{background:transparent}
.pre.tab[data-style="2"] .name{border:0;overflow:visible}
.pre.tab[data-style="2"] .name >*{padding:0;border:0;overflow:hidden;text-overflow:ellipsis}
.pre.tab[data-style="2"] .name .i{display:block;position:relative;padding-block:1.1em 1.2em;padding-inline:.75em;border-start-start-radius:var(--corner);border-start-end-radius:var(--corner)}
.pre.tab[data-style="2"] .name .i [data-text]::after{content:'';position:absolute;inset-block:.55em;inset-inline:0;border-radius:var(--corner);background:var(--pre-bg);transition:opacity var(--time);z-index:-1}
.pre.tab[data-style="2"] .name .i:not(:hover) [data-text]::after{opacity:0}
.pre.tab[data-style="2"] .name .i::before, 
.pre.tab[data-style="2"] .name .i::after{--i:calc(3.755em + 9px);content:'';position:absolute;inset-block-start:0;inset-inline-end:calc((var(--i) * -1) + 16px);width:var(--i);height:var(--i);background:transparent;mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'><path fill='currentColor' d='M20.91 31.06l-3.98 -22.1c-0.23,-4.97 -4.37,-8.96 -9.4,-8.96l-7.53 0 0 48 48 0 0 -7.53 -4.12 0 -11.87 0c-5.18,0 -10.17,-4.23 -11.1,-9.41z'></path></svg>");mask-position:center;mask-size:var(--i);mask-repeat:no-repeat;z-index:-1}
.pre.tab[data-style="2"] .name .i::before{inset-inline:calc((var(--i) * -1) + 16px) auto;transform:scaleX(-1)}
.pre.tab[data-style="2"] .name >:has(:checked) .i::before, 
.pre.tab[data-style="2"] .name >:has(:checked) .i::after{background:var(--pre-bg)}
.pre.tab[data-style="2"] .name >:first-child:has(:checked) .i{margin-inline-end:1.3em}
.pre.tab[data-style="2"] .name >:first-child .i{padding-inline-start:1.3em}
.pre.tab[data-style="2"] .name >:first-child .i [data-text]::after{inset-inline-start:.5em}
.pre.tab[data-style="2"] .name >:not(:first-child):has(:checked) .i{margin-inline:1.3em}
.pre.tab[data-style="2"] .name >[data-tab*="01"]:has(:checked) .i,
.pre.tab[data-style="2"] .name >[data-tab*="02"]:has(:checked) .i,
.pre.tab[data-style="2"] .name >[data-tab*="03"]:has(:checked) .i,
.pre.tab[data-style="2"] .name >[data-tab*="04"]:has(:checked) .i,
.pre.tab[data-style="2"] .name >[data-tab*="05"]:has(:checked) .i{background:var(--pre-bg)}
.pre.tab[data-style="2"] .name +* pre{border-start-start-radius:0}
/* _download */
.download{--height:48px;--img:28px;display:grid;grid-template:'a a' auto 'b c' auto / minmax(0, 1fr) auto;align-items:end;gap:14px 16px;width:min(100%, 420px);margin-block:1.5em;padding:12px;border:1px solid var(--color-border);border-radius:8px;font-size:var(--fontsize-14px);line-height:1.3;transition:box-shadow .3s ease;box-shadow:0 10px 15px -15px rgb(0 0 0 / 35%)}
.download:not(:hover){box-shadow:none;transition-delay:.3s}
.download .name[data-text]:where(:not([data-style]) .name)::after{content:attr(data-text)}
.download .name{grid-area:a;display:flex;align-items:center;gap:6px;color:var(--color-secondary);font:var(--fontsize-12px)/1.3 var(--font-primary)}
.download .name :is(svg, .mask){--s:18px}
.download .img{display:block;width:var(--img);height:var(--img);border-radius:50%;background-color:var(--bg-secondary);background-size:cover;background-position:center;background-repeat:no-repeat}
.download .type{grid-area:b;display:flex;flex-direction:column;gap:6px}
.download .type[data-size]::after{content:attr(data-size);color:var(--color-secondary);font:400 var(--fontsize-11px) var(--font-secondary)}
.download .type span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.download .btn{grid-area:c;display:flex;position:relative}
.download .btn .button:where(a){border-start-end-radius:0;border-end-end-radius:0}
.download .btn .button:where(summary){height:100%;position:relative;padding-inline:10px;border-start-start-radius:0;border-end-start-radius:0}
.download .btn .button:where(summary)::before{content:'';position:absolute;inset-block:12px;inset-inline-start:0;border-inline-start:1px solid}
.download .more{display:grid;position:absolute;inset-block-start:34px;inset-inline-end:0;width:min(200px, 160px);border:1px solid var(--color-secondary);border-radius:4px;background:var(--bg-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;z-index:2}
.download .more >*{padding-block:3px;padding-inline:12px;color:inherit;font-weight:500;transition:color var(--time)}
.download .more >*:not(:hover){color:var(--color-secondary);font-weight:400}
.download .more >*:first-child{padding-block-start:12px}
.download .more >*:last-child{padding-block-end:12px}
.download [open] summary::after{opacity:1;visibility:visible;z-index:1}
.download[data-style="2"]{grid-template:'a b c' auto / auto minmax(0, 1fr) auto;gap:12px;align-items:start;padding:1.15em}
.download[data-style="2"] :where(.name, .btn){justify-content:center;height:var(--height);border-radius:6px}
.download[data-style="2"] :where(.name, a.btn) :is(svg, .mask){--s:22px}
.download[data-style="2"] .name{width:var(--height);background:var(--bg-secondary);overflow:hidden}
.download[data-style="2"] .img{--w:100%;border-radius:inherit}
.download[data-style="2"] .type{padding-block-start:5px}
.download[data-style="2"] .type span{display:block;white-space:nowrap;text-overflow:ellipsis}
.download[data-style="2"] .btn{min-width:var(--height)}

/* Widget Carousel */
.mySlides{display:none}
.mySlides img {vertical-align:middle;width:100%;border-radius:20px;}
.wrap-dot{text-align:center;margin-top:10px}
.slideshow-container{display:block;position:relative;max-width:100%;height:auto}
.slideshow-container .prev,.slideshow-container .next{cursor:pointer;position:absolute;top:50%;padding:7px 15px;margin:-22px 5px 0 5px;color:white;font-weight:bold;font-size:18px;transition:0.6s ease;border-radius:50%;user-select:none}
.slideshow-container .next{right:0}
.slideshow-container .prev:hover,.slideshow-container .next:hover{background-color:rgba(0,0,0,0.8)}
.slideshow-container .text{color:#f2f2f2;font-size:15px;padding:8px 12px;position:absolute;bottom:8px;width:100%;text-align:center}
.wrap-dot .titik{cursor:pointer;height:15px;width:15px;margin:0 2px;background-color:#bbb;border-radius:50%;display:inline-block;transition:background-color 0.6s ease}
.wrap-dot .titik.active{background-color:var(--color-link);width:30px;border-radius:20px}
.fade{-webkit-animation-name:fade;-webkit-animation-duration:1.5s;animation-name:fade;animation-duration:1.5s}
@-webkit-keyframes fade{from{opacity:.4}to{opacity:1}}@keyframes fade{from{opacity:.4}to{opacity:1}}
@media only screen and (max-width:300px){.slideshow-container .prev,.slideshow-container .next,.slideshow-container .text{font-size:11px}}

/* Dynamic Greetings Bar — Poltek.ID */
.greetings{position:relative;display:inline-flex!important;align-items:center;gap:10px;max-width:min(100%,760px);min-height:44px;padding:9px 15px!important;border:1px solid var(--color-border);border-radius:999px!important;background:color-mix(in srgb,var(--bg-secondary) 88%,transparent)!important;box-shadow:0 12px 32px rgb(0 0 0 / 5%)!important;color:var(--color-primary);font:500 13px/1.45 var(--font-secondary)!important;letter-spacing:.005em;white-space:nowrap;overflow:hidden;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:transform .25s ease,border-color .25s ease,background .25s ease}
.greetings-mark{display:grid;place-items:center;width:25px;height:25px;flex:0 0 25px;border-radius:50%;background:var(--color-primary);color:var(--bg-primary);font-size:11px;line-height:1}
.greetings-text{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis}
.greetings:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--color-accent) 55%,var(--color-border));background:var(--bg-secondary)!important}
@media (max-width:640px){.greetings{max-width:calc(100vw - 24px);font-size:12px!important;padding:8px 12px!important}.greetings-mark{width:23px;height:23px;flex-basis:23px}}

/* Landing Page */
.pl-ecosystem{max-width:1180px;width:100%;margin:20px auto 0;padding:80px 5% 72px;overflow:hidden}
.pl-ecosystem-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:35px}
.pl-ecosystem-head h2{font-size:clamp(2.5rem,5vw,4.5rem);line-height:1;letter-spacing:-.065em;margin:14px 0 10px}
.pl-ecosystem-head h2 span{color:#9aa4b2}
.pl-ecosystem-head p{margin:0;max-width:480px;color:#7c8795;font-size:13px;line-height:1.7}
.pl-ecosystem-badge{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--color-border);border-radius:999px;padding:9px 13px;font:500 10px var(--font-monospace);color:#687588;white-space:nowrap}
.pl-ecosystem-rail{margin-inline:-5%;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.pl-ecosystem-track{display:flex;gap:12px;width:max-content;animation:plMarquee 42s linear infinite}
.pl-ecosystem-rail:hover .pl-ecosystem-track{animation-play-state:paused}
.pl-ecosystem-item{width:132px;height:112px;border:1px solid var(--color-border);border-radius:20px;background:var(--bg-primary);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;color:#667085;transition:transform .25s ease,box-shadow .25s ease}
.pl-ecosystem-item:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(17,24,39,.08)}
.pl-ecosystem-item svg{width:32px;height:32px}
.pl-ecosystem-item span{font-size:10px;font-weight:600}
.pl-ecosystem-note{display:flex;align-items:center;gap:12px;margin-top:26px;padding:15px 18px;border:1px dashed var(--color-border);border-radius:18px;color:#778292;font-size:12px}
.pl-note-icon{width:27px;height:27px;display:grid;place-items:center;border-radius:9px;color:#111827;background:var(--color-accent)}
.pl-ecosystem-note a{margin-left:auto;color:var(--color-link);font-weight:600;white-space:nowrap}
.pl-ecosystem-note a b{color:var(--color-accent);margin-left:5px}

@keyframes plMarquee{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}

[data-theme='dark'] .pl-ecosystem-item,[data-appr='1'] .pl-ecosystem-item{background:#15181d;border-color:#252a32;color:#f4f6f8}
[data-theme='dark'] .pl-ecosystem-note,[data-appr='1'] .pl-ecosystem-note{color:#9ba6b6}
[data-theme='dark'] .pl-ecosystem-badge,[data-appr='1'] .pl-ecosystem-badge{border-color:#2a3039;color:#a2adbc}
[data-theme='dark'] .pl-ecosystem,[data-appr='1'] .pl-ecosystem{color:#fff}

@media (max-width:640px){
  .pl-ecosystem{padding:62px 6% 50px}
  .pl-ecosystem-head{align-items:flex-start;flex-direction:column}
  .pl-ecosystem-badge{display:none}
  .pl-ecosystem-rail{margin-inline:-6%}
  .pl-ecosystem-note{align-items:flex-start;flex-wrap:wrap}
  .pl-ecosystem-note a{margin-left:39px}
}
@media (prefers-reduced-motion:reduce){
  .pl-ecosystem-track{animation:none!important}
  .pl-ecosystem-item{transition:none!important}
}

/* component: responsive */
@media (768px >= width){
/* _paragraph */
.note.full{margin-inline:calc(var(--layout-padding) *-1);padding-inline:calc(var(--layout-padding) + 1.1em) var(--layout-padding);border-radius:0}
.note.full::before{inset-inline-start:calc(var(--layout-padding) + -.2em)}}
@media (421px >= width){
/* _img */
img.full{max-width:calc(100% + (var(--layout-padding) *2));margin-inline:calc(var(--layout-padding) *-1);border-radius:0}
:where(figure, .tr-caption-container):has(img.full) :where(figcaption, .tr-caption)[data-style="2"]{inset-inline-end:calc(var(--layout-padding) *-1);padding-inline-end:var(--layout-padding)}
:where(figure, .tr-caption-container):has(img.full) :where(figcaption, .tr-caption)[data-style="2"]::before{display:none}
.photo.scroll{--w:85%;display:flex;justify-content:flex-start;margin-inline:calc(var(--layout-padding) *-1);padding-inline:var(--layout-padding);overflow-y:hidden;overflow-x:scroll;scroll-behavior:smooth;scroll-snap-type:x mandatory}
.photo.scroll >*{flex-shrink:0;width:var(--w);scroll-snap-align:center}
/* _syntax */
.pre.tab[data-style="2"] .name >*{flex-grow:1}
.pre.tab[data-style="2"] .name >:last-child:has(:checked) .i{margin-inline:1.3em 0}
.pre.tab[data-style="2"] .name >:last-child .i{padding-inline-end:1.3em}
.pre.tab[data-style="2"] .name >:last-child .i [data-text]::after{inset-inline-end:.5em}
.pre.tab[data-style="2"] .name ~:last-child pre{border-start-end-radius:0}
/* _download */
.download:not([data-style="2"]) .button:where(.btn) :is(svg, .mask){display:none}
}

/* layout */
.nofound{width:min(95%, 400px);font-size:clamp(1rem, .9305rem + .2649vw, 1.1rem)}
:where(.noitems, .nothing, .bookmark:not([role])){width:100%;min-height:50dvh;padding-block:3rem}
:where(.noitems, .nothing, .bookmark:not([role]))::before{content:var(--no-items);font:clamp(4rem, 0.6667rem + 8.3333vw, 6rem) var(--font-secondary)}
:where(.noitems, .bookmark:not([role])) p, .nothing::after{max-width:420px;font-size:1rem}
.noitems.soon::before{content:var(--no-page)}
.noresult::before{content:var(--no-result)}
.nothing{flex-direction:column;align-items:center;justify-content:center;text-align:center}
.nothing::before{content:var(--no-thing);color:var(--color-tertiary)}
.nothing::after{content:var(--cant-find);}
.container{width:min(100%, 1600px);padding-inline:var(--nav-width) 1rem;transition:height var(--time), min-height var(--time), padding var(--cube)}
.sites{inset-block-start:-.1px;height:100dvh;transition:height var(--time)}
.site{inset-block:0;inset-inline-start:0;width:var(--nav-width);transition:transform var(--time)}
.main{min-height:100dvh;transition:height var(--time), min-height var(--time)}
.main >*{padding-inline:var(--layout-padding)}
.main >header{transition:inset .25s ease}
.main >footer{gap:2rem;padding-block:4rem 2rem}
.main >main{--g:1.5rem;gap:var(--g);padding-block:.5rem 1rem}
.outer{flex-grow:1;gap:2rem}
.aside{flex-shrink:0;width:var(--aside-width)}
.aside .sticky{inset-block-start:22px}

/* site */
.site .outbond{overflow-x:hidden;overflow-y:auto}
.site .setting{padding-block:22px}
.site .theme >*:has(:checked){display:none}
.site .theme .light::after{content:var(--theme-light)}
.site .theme .dark::after{content:var(--theme-dark)}
.site .collect[data-text]:not([data-text="0"])::before{--w:16px;content:attr(data-text);position:absolute;top:0;right:2px;display:grid;place-items:center;min-width:var(--w);height:var(--w);padding-inline:4px;border-radius:var(--w);color:#fff;background:var(--color-tick);font:500 8px var(--font-secondary)} 
.site .collect::after{content:var(--bookmarks)}

/* Poltek.ID shared press animation for icon controls */
.site .outbond > .icon,.site .setting .collect,.site .setting .theme label.icon,.burger,._icon .cari,.TranslateItm .translate-trigger{
  -webkit-tap-highlight-color:transparent;
  transform-origin:center;
  transition:transform .18s cubic-bezier(.34,1.56,.64,1),background .18s ease,color .18s ease,box-shadow .18s ease;
}
.site .outbond > .icon:hover,.site .setting .collect:hover,.site .setting .theme label.icon:hover,.burger:hover,._icon .cari:hover{transform:translateY(-1px)}
.site .outbond > .icon:active,.site .outbond > .icon.is-pressed,.site .setting .collect:active,.site .setting .collect.is-pressed,.site .setting .theme label.icon:active,.site .setting .theme label.icon.is-pressed,.burger:active,.burger.is-pressed,._icon .cari:active,._icon .cari.is-pressed{transform:scale(.84)!important;color:var(--color-accent)!important}


/* header */
.header{--margin:-8px;height:var(--header-height, 90px)}
.burger{margin-inline:var(--margin)}
.burger::after{content:'';position:absolute;inset:0;z-index:1}
.logo svg{width:45px;height:auto}
.logo .ngising{width:50px}
@media (599px <= width) {.logo .ngising {display: none}}
.addin ._icon{margin-inline-end:calc(var(--margin) /2)}
.trend >*{transition:opacity var(--time)} 
.trend >*:not(:hover){opacity:.6} 
.trend >*::before{content:'#'}
/* _find */
.find .form{--load:0%; --height:44px; height:var(--height);padding-inline:10px;border:1px solid transparent;border-radius:24px;transition:margin var(--time), border var(--time)}
.find .form:focus-within, 
.find .form:has([type=search]:not(:placeholder-shown)){border-color:var(--color-border)} 
.find .go{--w:24px;min-width:var(--w);height:var(--w);transition:color var(--time), opacity var(--time)}
.find .ex:where([type=search]:is(:not(:placeholder-shown), :focus) ~*){opacity:1;visibility:visible} 
.find .ex:where([type=search]:not(:placeholder-shown) ~*),
.find .go:where(.form:focus-within *:not(.ex)), 
.find .go:hover{color:currentColor}
.find [type=search]{height:100%;letter-spacing:.2px}
/* _filter */
.find .filter .s{height:18px;margin-inline-start:4px;padding-inline:14px 4px;transition:color var(--time)}
.find .filter .s:where(:is([type=search]:not(:placeholder-shown) ~.filter, .form:focus-within .filter, [open]) .s),
.find .filter .s:hover{color:currentColor}
.find .filter .s::before{content:'';position:absolute;inset-block:0;inset-inline-start:0;border-inline-start:1px solid var(--color-tertiary)}
.find .filter .s [data-text]{max-width:90px} 
.find .filter .s svg{transition:transform var(--time)} 
.find .filter .d{inset-block-start:calc(var(--height) - 6px);inset-inline-end:0;margin-inline:16px;padding:14px;border:1px solid;border-radius:6px}
.find .filter .d >span{flex:0 0 100%;margin-block-end:10px}
.find .filter .d >*:not(:hover){border-color:var(--color-border)}
.find [open] .s::after{opacity:1;visibility:visible} 
.find [open] .s svg{transform:rotate(180deg)} 
.find:has([id*="00"]:checked) .filter .s [class*="00"],
.find:has([id*="01"]:checked) .filter .s [class*="01"],
.find:has([id*="02"]:checked) .filter .s [class*="02"],
.find:has([id*="03"]:checked) .filter .s [class*="03"],
.find:has([id*="04"]:checked) .filter .s [class*="04"],
.find:has([id*="05"]:checked) .filter .s [class*="05"],
.find:has([id*="06"]:checked) .filter .s [class*="06"],
.find:has([id*="07"]:checked) .filter .s [class*="07"],
.find:has([id*="08"]:checked) .filter .s [class*="08"],
.find:has([id*="09"]:checked) .filter .s [class*="09"],
.find:has([id*="10"]:checked) .filter .s [class*="10"],
.find:has([id*="11"]:checked) .filter .s [class*="11"]{display:block}
.find:has([id*="00"]:checked) .filter .d [for*="00"],
.find:has([id*="01"]:checked) .filter .d [for*="01"],
.find:has([id*="02"]:checked) .filter .d [for*="02"],
.find:has([id*="03"]:checked) .filter .d [for*="03"],
.find:has([id*="04"]:checked) .filter .d [for*="04"],
.find:has([id*="05"]:checked) .filter .d [for*="05"],
.find:has([id*="06"]:checked) .filter .d [for*="06"],
.find:has([id*="07"]:checked) .filter .d [for*="07"],
.find:has([id*="08"]:checked) .filter .d [for*="08"],
.find:has([id*="09"]:checked) .filter .d [for*="09"],
.find:has([id*="10"]:checked) .filter .d [for*="10"],
.find:has([id*="11"]:checked) .filter .d [for*="11"]{border-color:transparent;color:var(--color-invert);background:var(--bg-invert)}

/* footer */ 
.navi{gap:3rem}
.navi >*{min-width:150px}
.navi .foot >*:not(:last-child){margin-block-end:2.375rem}
.credit{min-width:300px}
.credit .m::after{content:'';position:absolute;inset-block-start:calc(100% + 4px);inset-inline-start:50%;width:0;border-block-end:1px solid var(--color-primary);transition:width var(--time);transform:translateX(-50%)}
.credit .m:hover::after{width:100%}
.credit .i{margin-block-end:6px}
.credit .i a{transition:color var(--time)}
.credit .i a:not(:hover){color:var(--color-secondary)}
.credit .i a:not(:last-child)::after{content:','}

/* main */
.filters{flex-wrap:wrap}
.filters >span{scroll-snap-align:start}
.choose :where(.current, .select):not(:last-child){margin-block-end:2rem}
.choose :where(.current, .select) >span:not(.no){margin-block-end:10px}
.choose :where(.current, .select) >span{flex:0 0 100%}
.choose .select >*:not(:hover){border-color:var(--color-border)}
.filters:has(._f:checked) .all, 
.filters:has(._f:checked) .current .no, 
.filters:has(._f:not(:checked)) .select .no{display:none} 
.filters ._f:checked + [hidden], 
.filters:has([id*="00"]:checked) .current [for*="00"], 
.filters:has([id*="01"]:checked) .current [for*="01"], 
.filters:has([id*="02"]:checked) .current [for*="02"], 
.filters:has([id*="03"]:checked) .current [for*="03"], 
.filters:has([id*="04"]:checked) .current [for*="04"], 
.filters:has([id*="05"]:checked) .current [for*="05"], 
.filters:has([id*="06"]:checked) .current [for*="06"], 
.filters:has([id*="07"]:checked) .current [for*="07"], 
.filters:has([id*="08"]:checked) .current [for*="08"], 
.filters:has([id*="09"]:checked) .current [for*="09"], 
.filters:has([id*="10"]:checked) .current [for*="10"], 
.filters:has([id*="11"]:checked) .current [for*="11"]{display:inline-flex} 
.filters:has([id*="00"]:checked) .select [for*="00"], 
.filters:has([id*="01"]:checked) .select [for*="01"], 
.filters:has([id*="02"]:checked) .select [for*="02"], 
.filters:has([id*="03"]:checked) .select [for*="03"], 
.filters:has([id*="04"]:checked) .select [for*="04"], 
.filters:has([id*="05"]:checked) .select [for*="05"], 
.filters:has([id*="06"]:checked) .select [for*="06"], 
.filters:has([id*="07"]:checked) .select [for*="07"], 
.filters:has([id*="08"]:checked) .select [for*="08"], 
.filters:has([id*="09"]:checked) .select [for*="09"], 
.filters:has([id*="10"]:checked) .select [for*="10"], 
.filters:has([id*="11"]:checked) .select [for*="11"]{display:none}

/* widget: blog */
.item{--min:97%}
.item:where(.learn, .page.full){max-width:var(--min)}
.item.learn >section{gap:var(--g)}
.item.learn >section >nav{inset-block-start:0;width:var(--course-width);height:100dvh;padding-block-end:var(--layout-padding);padding-inline-end:14px;overflow-x:hidden;overflow-y:scroll;transition:inset .25s ease, height var(--time), margin var(--time)}
.item.learn >section >article{width:min(calc(100% - (var(--course-width) + var(--g))), 800px)}
.item.unduh{width:min(var(--min), 940px)}
.item.unduh .docs{grid-template:'a b' auto 'c b' auto / minmax(0, 1fr) 300px;gap:28px}
.item:not(.learn, .unduh, .page.full){width:min(var(--min), 768px)}
.items{gap:2rem}
:where(.items, .item) .tag:not(pre .tag){padding-block:4px}
:where(.items, .item) .tag:not(pre .tag)::before{content:var(--in) ' ';color:var(--color-tertiary);font-weight:300;font-size:94%}
:where(.items, .item) .tag:not(pre .tag) .i::before{content:attr(data-text)}
:where(.items, .item) .tag:not(pre .tag) .i::after{content:'';position:absolute;inset-block:-4px;inset-inline:-7px}
:where(.items, .item) .all{--g:1rem; gap:28px var(--g)} 
:where(.items, .item) .all >*{--size:25%;--s:3/4; width:calc(var(--size) - (var(--g) * var(--s)))}
.title:where(.items *, .bookmark *){font-size:var(--fontsize-15px);letter-spacing:.2px}
.title:where(.item >:not(.bookmark) *){font-size:1.9em}
.title:where(.item >:not(.bookmark) *)[data-size="1"]{font-size:1.8em}
.title:where(.item >:not(.bookmark) *)[data-size="2"]{font-size:1.7em}
.title:where(.item >:not(.bookmark) *)[data-size="3"]{font-size:1.6em}
@media (1526px <= width){:where(.items, .item) .all >*{--size:20%;--s:4/5}} 
@media (1034px <= width <= 1280px), (766px <= width <= 1012px){:where(.items, .item) .all >*{--size:33.33%;--s:2/3}} 
@media (1025px <= width <= 1034px), (520px <= width <= 766px){:where(.items, .item) .all >*{--size:50%;--s:1/2}} 
@media (520px >= width){:where(.items, .item) .all >*{width:100%} .title:where(.items *, .bookmark *){font-size:1rem}}
@media (641px >= width){.item.unduh .docs{display:flex;flex-direction:column}}
.breadcrumb{margin-block-end:8px;padding-block:8px} 
.breadcrumb .i:not(:first-child)::before{content:var(--slash);margin-inline:6px 3px}
.breadcrumb .i:last-of-type{overflow:hidden;text-overflow:ellipsis}
.paginated .next::before{content:var(--nav-next)}
.paginated .prev::after{content:var(--nav-prev)}
.paginated .load::after{content:var(--nav-loadmore)}
.paginated .wait::after{content:var(--nav-loading)}
.paginated .try::after{content:var(--nav-tryagain)}
.paginated .err::after{content:var(--nav-error)}
.thumbnail :where(.img, .im){inset:0}
.thumbnail .image{padding-block-start:var(--image-ratio);border-radius:6px}
.thumbnail .im:not(.noimage){inset-block-start:50%;inset-inline-start:50%;max-width:max-content;max-height:101%;transform:translate(-50%, -50%)}
.thumbnail .noimage::before{content:var(--no-image)}
.thumbnail .book{--width:36px; inset-block-start:0;inset-inline-end:0;min-width:var(--width);height:var(--width);padding-inline-start:6px;border-end-start-radius:14px}
.thumbnail .book::before, .thumbnail .book::after{--i:27px;content:'';position:absolute;inset-block-start:0;inset-inline-start:calc((var(--i) * -1) + 1px);width:var(--i);height:var(--i);background:inherit;mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'><path fill='currentColor' d='M48 48c-2.06,-6.96 -7.63,-20.73 -13.14,-29.81 -8.18,-13.5 -19.03,-17.9 -34.86,-18.19l48 0 0 48z'/></svg>");mask-position:center;mask-size:var(--i);mask-repeat:no-repeat} 
.thumbnail .book::after{--i:8px;inset-block:auto calc(var(--i) * -1);inset-inline:auto 0;mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'><path fill='currentColor' d='M1.54 0.01l46.46 0 0 47.98c0,-25.89 -20.77,-47.16 -46.46,-47.98z'/></svg>")}
.thumbnail .book .icon{--icon:30px}
.booking:has(:checked) :where(g:not(.hidden), .n :not(.hidden)){display:none}
.booking:has(:checked) :where(g.hidden, .n .hidden){display:block}

/* Bookmark page — premium reading library */
.bookmark-toolbar{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;margin:0 0 22px;padding:20px 22px;border:1px solid var(--color-border);border-radius:22px;background:linear-gradient(135deg,var(--bg-primary),var(--bg-secondary));box-shadow:0 16px 45px rgb(0 0 0 / 5%);overflow:hidden}
.bookmark-toolbar:before{content:'';position:absolute;inset:auto -60px -90px auto;width:230px;height:230px;border-radius:50%;background:color-mix(in srgb,var(--color-accent) 9%,transparent);filter:blur(2px);pointer-events:none}
.bookmark-toolbar-copy{position:relative;display:flex;flex-direction:column;gap:4px;min-width:0}
.bookmark-kicker{font:700 9px/1 var(--font-monospace);letter-spacing:.16em;color:var(--color-link)}
.bookmark-toolbar-copy strong{font-size:clamp(20px,2.5vw,27px);letter-spacing:-.045em}
.bookmark-toolbar-copy small{color:var(--color-secondary);font-size:11px;line-height:1.5}
.bookmark-toolbar-actions{position:relative;display:flex;align-items:center;gap:9px;flex-shrink:0}
.bookmark-counter{display:inline-flex;align-items:center;min-height:34px;padding:0 11px;border:1px solid var(--color-border);border-radius:999px;background:var(--bg-primary);color:var(--color-secondary);font-size:10px;white-space:nowrap}
.bookmark-clear{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 13px;border:1px solid var(--color-border);border-radius:999px;background:var(--bg-primary);color:var(--color-primary);font:650 10px/1 var(--font-primary);cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease}
.bookmark-clear:hover{transform:translateY(-1px);border-color:var(--color-accent);background:var(--bg-secondary)}
.bookmark[role]{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:18px;padding-block-start:0}
.bookmark[role]>.bookmark-card{width:100%!important;min-width:0;padding:0;display:flex;flex-direction:column;gap:0;border:1px solid var(--color-border);border-radius:18px;background:var(--bg-primary);overflow:hidden;box-shadow:0 12px 35px rgb(0 0 0 / 4%);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.bookmark[role]>.bookmark-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--color-accent) 28%,var(--color-border));box-shadow:0 20px 45px rgb(0 0 0 / 9%)}
.bookmark .bookmark-card .thumbnail{margin:0}
.bookmark .bookmark-card .thumbnail .image{padding-block-start:62%;border-radius:0;background:var(--bg-secondary)}
.bookmark .bookmark-card .thumbnail .im:not(.noimage){max-width:100%;max-height:100%;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.bookmark .bookmark-card:hover .thumbnail .im:not(.noimage){transform:translate(-50%,-50%) scale(1.035)}
.bookmark .bookmark-card .thumbnail .noimage{inset:0;display:grid;place-items:center;color:var(--color-tertiary)}
.bookmark .bookmark-card .thumbnail .book{--width:40px;height:40px;padding-inline-start:7px;background:rgb(37 40 47 / 82%);color:#fff;backdrop-filter:blur(8px)}
.bookmark .bookmark-card .book .icon{--icon:30px}
.bookmark .bookmark-card .remove{position:relative;z-index:6;width:30px;height:30px;padding:0;border:0;border-radius:9px;background:transparent;color:inherit;appearance:none;cursor:pointer;pointer-events:auto}
.bookmark .bookmark-card .remove:hover{background:rgb(255 255 255 / 14%);color:var(--color-accent)}
.bookmark[role]>.bookmark-card>.content{min-height:118px;padding:14px 15px 13px;display:flex;flex-direction:column;gap:9px}
.bookmark .bookmark-card .title{font-size:15px!important;line-height:1.38!important;letter-spacing:-.015em}
.bookmark .bookmark-card .title a{color:var(--color-primary)}
.bookmark .bookmark-card .title a:hover{color:var(--color-link)}
.bookmark .bookmark-card .foot{margin-top:auto;min-width:0;padding-top:9px;border-top:1px solid var(--color-border)}
.bookmark .bookmark-card .tag .i{display:inline-flex;max-width:125px;padding:4px 8px;border-radius:999px;background:var(--bg-secondary);color:var(--color-secondary)}
.bookmark .bookmark-card .tag .i:after{font-size:9px}
.bookmark .bookmark-card .time{font-size:9px!important}
.bookmark .bookmark-card .time.added time::before{font-size:9px}
.bookmark-empty{width:100%;min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;border:1px dashed color-mix(in srgb,var(--color-border) 90%,var(--color-accent));border-radius:22px;background:linear-gradient(135deg,var(--bg-primary),var(--bg-secondary));text-align:center}
.bookmark-empty-icon{display:grid;place-items:center;width:64px;height:64px;margin-bottom:15px;border:1px solid var(--color-border);border-radius:20px;background:var(--bg-primary);font-size:30px;color:var(--color-accent);box-shadow:0 12px 30px rgb(0 0 0 / 6%)}
.bookmark-empty strong{font-size:19px;letter-spacing:-.03em}
.bookmark-empty p{max-width:390px;margin:7px 0 0;color:var(--color-secondary);font-size:12px;line-height:1.7}
@media (max-width:720px){
.bookmark-toolbar{grid-template-columns:1fr;align-items:flex-start;padding:17px 16px;border-radius:18px}
.bookmark-toolbar-actions{width:100%;justify-content:space-between}
.bookmark[role]{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.bookmark[role]>.bookmark-card>.content{min-height:110px;padding:12px}
}
@media (max-width:480px){
.bookmark-toolbar-copy strong{font-size:20px}
.bookmark[role]{grid-template-columns:1fr;gap:12px}
.bookmark[role]>.bookmark-card>.content{min-height:104px}
.bookmark-clear{padding-inline:11px}
}
@media (prefers-reduced-motion:reduce){.bookmark[role]>.bookmark-card,.bookmark .bookmark-card .thumbnail .im:not(.noimage),.bookmark-clear{transition:none!important}}
.time.added time::before{content:var(--time-added) ' '}
.time .ago:where(.prefix, .second)::after{content:var(--ago-prefix) ' ' attr(data-text) ' ' var(--ago-second) ' ' var(--ago-suffix)} 
.time .ago.second:not([data-text="1"])::after{--ago-second:var(--ago-seconds)} 
.time .ago.minute::after{--ago-second:var(--ago-minute)} 
.time .ago.minute:not([data-text="1"])::after{--ago-second:var(--ago-minutes)} 
.time .ago.hour::after{--ago-second:var(--ago-hour)} 
.time .ago.hour:not([data-text="1"])::after{--ago-second:var(--ago-hours)} 
.time .ago.day::after{--ago-second:var(--ago-day)} 
.time .ago.day:not([data-text="1"])::after{--ago-second:var(--ago-days)} 
.time .ago.month::after{--ago-second:var(--ago-month)} 
.time .ago.month:not([data-text="1"])::after{--ago-second:var(--ago-months)} 
.time .ago.year::after{--ago-second:var(--ago-year)} 
.time .ago.year:not([data-text="1"])::after{--ago-second:var(--ago-years)}
/* Reading progress */
.poltek-reading-progress{position:fixed;inset:0 0 auto 0;height:3px;z-index:9999;pointer-events:none;background:transparent}
.poltek-reading-progress span{display:block;width:0;height:100%;background:var(--color-accent);transform-origin:left center;transition:width .08s linear}
/* Poltek.ID Reading Canvas — redesigned post experience */
.item:not(.learn,.unduh,.page.full):has(.article){width:min(calc(100% - 12px),920px)!important;max-width:920px!important}
.article{width:100%!important;max-width:1060px!important;padding:clamp(28px,4vw,62px)!important;border:1px solid var(--color-border);border-radius:clamp(18px,2.2vw,28px);background:var(--bg-primary);box-shadow:0 22px 70px rgb(0 0 0 / 6%);overflow:visible}
.article header{position:relative;gap:1.25rem!important;padding-bottom:24px;border-bottom:1px solid var(--color-border)}
.article header .title{font-size:clamp(2rem,4.5vw,3.65rem)!important;line-height:1.08!important;letter-spacing:-.045em!important;font-weight:700!important;max-width:18ch}
.article header .title a{color:var(--color-primary)!important}
.article .info{padding-top:2px!important;gap:12px!important}
.article .info .writer,.article .info .reading{padding:9px 12px;border:1px solid var(--color-border);border-radius:12px;background:var(--bg-secondary);min-width:0}
.article .info .writer>span,.article .info .reading>span{font-size:10px!important;text-transform:uppercase;letter-spacing:.08em}
.article .info .action .icon{border-color:var(--color-border)!important;background:var(--bg-secondary);transition:transform .2s ease,background .2s ease,border-color .2s ease}
.article .info .action .icon:hover{transform:translateY(-2px);background:var(--bg-primary);border-color:var(--color-accent)!important}
.article .docs{margin-block:2.8rem!important;font-size:var(--article-font,17px)!important;line-height:var(--article-lineheight,1.78)!important;letter-spacing:.002em}
.article .docs>p:first-child{font-size:1.06em;line-height:1.82}
.article .docs :where(h2,h3,h4){scroll-margin-top:calc(var(--header-height) + 28px);letter-spacing:-.025em;font-weight:650!important}
.article .docs h2{font-size:clamp(1.55rem,2.6vw,2rem);margin-top:2.6em}
.article .docs h3{font-size:clamp(1.3rem,2.2vw,1.55rem);margin-top:2.2em}
.article .docs h4{font-size:1.15rem;margin-top:2em}
.article .docs img{margin:2.2rem auto;border-radius:18px;box-shadow:0 18px 50px rgb(0 0 0 / 10%)}
.article .docs figure{margin:2.4rem 0}
.article .docs figcaption,.article .docs .tr-caption{margin-top:10px;color:var(--color-secondary);font-size:.76em;line-height:1.5;text-align:center}
.article .docs blockquote{margin:2.4rem 0!important;padding:1.35rem 1.5rem!important;border:1px solid var(--color-border);border-left:3px solid var(--color-accent);border-radius:16px;background:var(--bg-secondary);font-size:1.03em;line-height:1.75}
.article .docs :where(ul,ol){padding-inline-start:1.5em}
.article .docs li{padding-inline-start:.2em;margin-block:.55em}
.article .docs hr{margin-block:3rem}
.article .docs table{width:100%;margin:2rem 0;border:1px solid var(--color-border);border-radius:14px;overflow:hidden;font-size:.88em}
.article .docs th,.article .docs td{padding:11px 13px;border-bottom:1px solid var(--color-border);text-align:start}
.article .docs th{background:var(--bg-secondary);font-weight:650}
.article .docs pre{margin-block:2rem;border-radius:16px!important;box-shadow:inset 0 0 0 1px rgb(0 0 0 / 4%)}
.article .foot{margin-top:12px}
.article .poltek-reactions{margin-top:2.5rem;padding:20px 22px;border:1px solid var(--color-border);border-radius:20px;background:linear-gradient(135deg,var(--bg-secondary),var(--bg-primary));text-align:center}
.article .poltek-reactions-head{margin-bottom:14px}
.article .poltek-reactions-title{display:block;font-size:14px;font-weight:650;color:var(--color-primary)}
.article .poltek-reactions-subtitle{display:block;margin-top:4px;color:var(--color-secondary);font-size:11px}
.article .poltek-reaction-list{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}
.article .poltek-reaction{display:inline-flex;align-items:center;gap:7px;min-width:70px;justify-content:center;padding:9px 11px;border:1px solid var(--color-border);border-radius:999px;background:var(--bg-primary);color:var(--color-primary);font:600 12px/1 var(--font-secondary);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}
.article .poltek-reaction:hover{transform:translateY(-2px);border-color:var(--color-accent);box-shadow:0 8px 22px rgb(0 0 0 / 7%)}
.article .poltek-reaction.is-active{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 12%,var(--bg-primary));box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 12%,transparent)}
.article .poltek-reaction-emoji{font-size:18px;line-height:1}
.article .poltek-reaction-count{min-width:12px;color:var(--color-secondary);font-size:11px}
.article .poltek-reaction-note{margin:12px 0 0;color:var(--color-tertiary);font-size:10px}
@media (max-width:700px){.item:not(.learn,.unduh,.page.full):has(.article){width:100%!important}.article{padding:22px 17px!important;border-radius:18px}.article header .title{max-width:none;font-size:clamp(1.9rem,9vw,2.65rem)!important}.article .info{grid-template-columns:1fr!important}.article .info .action{justify-content:flex-start}.article .docs{font-size:var(--article-font,17px)!important;line-height:var(--article-lineheight,1.78)!important}.article .docs img{margin-block:1.6rem}.article .poltek-reactions{padding:18px 12px}}
@media (prefers-reduced-motion:reduce){.article .poltek-reaction,.article .info .action .icon,.greetings{transition:none!important}}

.article header{gap:1.75rem}
.article .info{grid-template:'a b c' auto / auto minmax(80px, 1fr) auto;align-items:end}
.article .info:not(:has(.writer)){grid-template:'b c' auto / 1fr auto} 
.article .info:not(:has(.reading)){grid-template:'a c' auto / 1fr auto} 
.article .info:not(:has(.action)){grid-template:'a b' auto / auto 1fr} 
.article .info:not(:has(.writer, .reading)){grid-template:'c' auto / 1fr;justify-items:end}
.article .info:has(.reading) .writer{margin-inline-end:.6rem}
.reading:not([data-text="1"]){--read-minute: var(--read-minutes)}
.reading[data-text=\2014]::after{content:attr(data-text)} 
.reading::after{content:var(--read-prefix) attr(data-text) ' ' var(--read-minute);letter-spacing:.2px;overflow:hidden;text-overflow:ellipsis} 
.action{transition:gap var(--time)}
.action:where(.item.unduh *){margin-inline-end:auto}
.action .n{display:block}
.action .icon{gap:8px;height:auto;padding-block:10px;padding-inline:14px;border:1px solid currentColor;border-radius:2rem;font:400 var(--fontsize-12px)/1.4 var(--button-font);transition:padding var(--time), border var(--time), border-radius var(--time), color var(--time)}
.action .icon svg{--s:18px;transition:min-width var(--time), height var(--time)}
.action .icon:not(:where(:checked +*), :hover){color:var(--color-secondary)}
@media (520px >= width){
.action:where(.item:not(.unduh) *){gap:2px}
.action:where(.item:not(.unduh) *) .n{display:none}
.action:where(.item:not(.unduh) *) .icon{gap:0;height:var(--icon);padding:0;border:0}
.action:where(.item:not(.unduh) *) .icon svg{--s:22px}
.action:where(.item:not(.unduh) *) .icon:not(:where(:checked +*), :hover){color:var(--color-primary)}
}
.option{--h:42px; inset-block-end:-.1px;max-height:calc(100dvh - var(--header-height));transition:max-height .3s ease}
.option.out{max-height:0dvh}
.option:has(:checked){z-index:4}
.option .case{width:140px;inset-block-end:var(--layout-padding);padding-inline:8px;border:1px solid var(--color-border);border-radius:2rem;transition:width var(--time), padding var(--time), border var(--time), border-radius var(--time), inset .3s ease, opacity var(--time), box-shadow var(--time);box-shadow:0 10px 15px -15px rgb(0 0 0 / 35%)}
.option .case:where(.out *){inset-block-end:0;opacity:0}
.option .case:where(#i-teks:checked ~*){width:min(100%, 330px);padding-inline:0;border-color:var(--color-primary);border-radius:6px}
.option .case:where(#i-teks:checked ~*) .teks{max-height:calc(100dvh - var(--header-height));transition-delay:.1s;overflow-x:hidden;overflow-y:scroll;z-index:1}
.option .case:where(#i-teks:checked ~*) [for=i-teks]::after,
.option .case:where(#i-bagi:checked ~*) [for=i-bagi]::after{opacity:1;visibility:visible}
.option .case:where(#i-bagi:checked ~*) [for=i-bagi]::after{background:rgb(0 0 0 / 5%);backdrop-filter:blur(4px)}
.option .case .icon{--icon:var(--h)}
.option .case .icon:not(:hover){color:var(--color-secondary)}
.option .teks{max-height:0dvh;transition:max-height var(--time)}
.option .teks >*{padding-block-start:28px;padding-inline:1rem}
.option .teks >*:first-child{padding-block-start:34px}
.option .teks >*:last-child{padding-block-end:18px}
.option .teks >* span{flex:0 0 80px}
.option [type=range]{appearance:none;inset-block-end:3px;width:100%;height:0;border:1px solid var(--color-border);border-inline:0;border-image-slice:1;border-radius:4px;color:var(--color-secondary);transition:color var(--time), border var(--time)} 
.option [type=range]:is(:hover, :focus){outline:0;color:var(--color-primary)} 
.option [type=range]::before{content:attr(value);position:absolute;inset-block-start:-24px;inset-inline-start:var(--position, 0%);color:var(--color-primary);font:500 .625rem var(--font-secondary);transform:translateX(calc(var(--position, 0%) * -1))} 
.option [type=range]:where(.fontsize *)::before{content:attr(value) 'px'} 
.option [type=range]::-webkit-slider-thumb{appearance:none;--i:14px;width:var(--i);height:var(--i);border-radius:50%;background:var(--bg-primary);border:2px solid;transition:border var(--time)}
.option .bagi{--width:520px;margin-block-start:100%}
.option.out .bagi{margin-block-start:100%;opacity:0;visibility:hidden}
.option .bagi .t{margin-block-end:1.5rem}
.option .bagi .copy::after{content:'';position:absolute;inset:0}
.option .bagi .copied{--c:#4F6F52;border-color:var(--c);color:var(--c)}
.option .bagi .copied .n :not(.hidden){display:none}
.option .bagi .copied .n .hidden{display:block}
.option .bagi .button{width:min(80%, 240px)}
.Feed{counter-reset:i;gap:8px}
.Feed:where(.terkait [role]){margin-block-start:1.2rem}
.Feed .n{gap:4px 6px;align-items:baseline;grid-template:'a b' auto / 30px 1fr}
.Feed .n::before{content: '0' counter(i) '.';counter-increment:i;grid-area:a;color:var(--color-tertiary);font:500 var(--fontsize-15px) var(--font-secondary)}
.Feed .n:not(:nth-child(-n+9))::before{content:counter(i) '.'}
.Feed .n h3{font-size:1.1rem}
.dapat{inset-block-start:22px;padding:1rem;border-radius:4px}
.dapat .ti{padding-block:20px;border-block:1px solid var(--color-border)}
.dapat .ti p{flex:0 0 100%}
.dapat .un{padding-block-start:8px}
.safelink .wait [data-text]:not([data-text="0"])::after{content:attr(data-text)}
.safelink :where(.wait a, .create button){font-size:var(--fontsize-13px)}
.safelink .wait a::before{content:var(--unduh-generate)}
.safelink .create button::before{content:var(--unduh-get)}

/* _bookmark */
.sorting{padding-inline-start:16px} 
.sorting:where(.item:has(.bookmark[role]) *){display:flex}
.sorting .s >span{max-width:75px} 
.sorting .s >span::before{content:attr(data-text)}
.sorting .d{inset-block-start:2px;inset-inline-end:0;min-width:120px;border:1px solid;border-radius:4px}
.sorting .d >*{padding-block:5px;padding-inline:14px;transition:color var(--time), font-weight var(--time)}
.sorting .d >*:first-child{padding-block-start:14px}
.sorting .d >*:last-child{padding-block-end:14px}
.sorting:has(#bydate:checked) .bydate,
.sorting:has(#bytag:checked) .bytag{display:block}
.sorting:has(#bydate:checked) ._date,
.sorting:has(#bytag:checked) ._tag{color:var(--color-primary);font-weight:600}
.sorting [open] .s::after{opacity:1;visibility:visible} 
.sorting [open] .s::after,
.sorting [open] .d{z-index:4}
.bookmark[role]{display:flex;flex-wrap:wrap;padding-block-start:1rem}
.bookmark:not([role]){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--color-tertiary);text-align:center}
.bookmark:not([role])::before{content:var(--no-bookmark)}
.bookmark:not([role]) p{margin-block-end:2rem}

/* _course */
.course .name{font-size:1.05rem}
.course .unstep{margin-block:1.6rem 2rem}
.course .unstep:not([class*=fontsize]){font-size:.942rem}
.course .unstep >li{--w:10px;--i:3px;padding-inline-start:calc(var(--w) + 8px)}
.course .unstep >li:not(:last-child){padding-block-end:10px}
.course .unstep >li:not(:last-child)::after{content:'';position:absolute;inset-block:calc(var(--w) + var(--i)) calc(var(--i) *-1);inset-inline-start:calc(var(--w) /2);border-inline-start:.09375rem solid}
.course .unstep >li::before{content:'';position:absolute;inset-block-start:var(--i);inset-inline-start:0;width:var(--w);height:var(--w);border:.09375rem solid;border-radius:50%;background:var(--bg-primary)}
.course .unstep >li:has(span.a)::after,
.course .unstep >li:has(span.a) ~*::before,
.course .unstep >li:has(span.a) ~*::after{border-color:var(--color-border)}
.course .unlist{margin-block:.8rem 1.6rem}
.course .unlist a{padding-block:5px}

/* media */
@media (hover: hover) {.cursor-pointer{cursor:pointer}}
@media (1025px <= width){.burger{display:none}.main >main{display:block}.outer{width:100%}.aside{display:none}}
@media (1025px >= width){
/* layout */ 
.container{padding-inline:calc(var(--nav-width) - var(--layout-padding)) 0}
.container:where(.i-nav:not(:checked) ~*){padding-inline:0}
.exit:where(.i-nav:checked ~* .exit)::after{inset-inline-start:var(--nav-width);opacity:1;visibility:visible;z-index:2}
.site:where(.i-nav:not(:checked) ~* .site){transform:translateX(calc(var(--nav-width) *-1))}
.burger:where(.i-nav:not(:checked) ~* .burger)::after{display:none}
.item.learn >section >nav:where(.i-nav:checked ~* .learn nav){z-index:3}
.item.learn >section >nav:where(header:not(.pin) ~main .learn nav){inset-block-start:var(--header-height)}
.main{width:100dvw}
}
@media (769px <= width){.trend{display:flex} .addin .cari{display:none} /* _scroll */ ::-webkit-scrollbar{-webkit-appearance:none; width:5px;height:5px} ::-webkit-scrollbar-track{background:transparent} ::-webkit-scrollbar-thumb{background:var(--color-tertiary);border-radius:4px;transition:background var(--time)} ::-webkit-scrollbar-thumb:hover{background:var(--color-secondary)} ::-webkit-scrollbar-thumb:active{background:var(--color-primary);opacity:.8}}
@media (768px >= width){
/* header */ .main >header{inset-block-start:-.1px} .main >header.pin{inset-block-start:calc(var(--header-height) *-1)}
/* _find */
.addin ._search{position:fixed;inset-block-start:0;inset-inline:0;z-index:10003}
.find .form{--height:var(--header-height);margin-block-start:calc(var(--height) *-1);padding-inline:var(--layout-padding);border:0;border-radius:0} 
.find .form:focus-within, .find .form:has([type=search]:not(:placeholder-shown), [open]){margin-block-start:0}  
.find .form:focus-within::before,
.find .form:has([open])::before{opacity:1;visibility:visible} 
.find .form::before{content:'';position:fixed;inset:0;background:rgb(0 0 0 / 15%);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:opacity var(--time), backdrop-filter var(--time);z-index:-1}
.find .form::after{content:'';position:absolute;inset-inline:0;inset-block-end:0;width:var(--load);border-block-end:1px solid;transition:width var(--time), opacity var(--time)} 
.find .form.found::before{opacity:0;visibility:hidden}
.find .go:not(.ex){--w:35px;margin-inline-start:-8px} 
/* blog */
.item.learn >section >nav:where(.i-nav:not(:checked) ~.container *){margin-inline-start:calc((var(--course-width) + var(--g)) *-1)}
.item.learn >section >article{flex-shrink:0;width:100%}
}
@media (641px >= width){
/* footer */
.main >footer{flex-direction:column;gap:3rem}
.navi >*{min-width:0}
.credit{flex-direction:row;justify-content:space-between;align-items:flex-end;min-width:100%}
.credit .i{font-size:var(--fontsize-14px)}
.credit .date{font-size:var(--fontsize-13clamp)}
}
@media (421px >= width){
/* _filters */
.filters{flex-wrap:nowrap;margin-inline:calc(var(--layout-padding) *-1);padding-inline:var(--layout-padding);overflow-y:hidden;overflow-x:scroll;scroll-behavior:smooth;scroll-snap-type:x mandatory;scroll-padding-inline-start:var(--layout-padding)}
/* pop-up */
._pop{inset-inline:16px;inset-block:auto 16px;margin-block:0 -100%;transform:none}
}
@media print{.noprint{display:none}}

/* error */
.error{gap:3rem;min-height:100dvh;padding-inline:var(--layout-padding)}
.error .react::before{content:var(--err-react);font-size:7rem;animation:react 2s infinite}
.error .react p::before{content:var(--err-missing)}
.error .react p::after{content:' ' var(--err-isAll);color:var(--color-primary)}
.error .t::before{content:var(--err-back)}

/* appearance */
:root[data-appr="1"]{
--bg-primary:var(--dark-bg-primary);
--bg-secondary:var(--dark-bg-secondary);
--bg-blur:var(--dark-bg-blur);
--bg-invert:var(--dark-bg-invert);
--color-accent:var(--color-tick);
--color-link:var(--dark-color-link);
--color-primary:var(--dark-color-primary);
--color-secondary:var(--dark-color-secondary);
--color-tertiary:var(--dark-color-tertiary);
--color-invert:var(--dark-color-invert);
--color-border:var(--dark-color-border);
--pre-bg:var(--dark-bg-secondary);
--pre-color: var(--dark-color-tertiary)}

/* tooltip */ 
.tooltip:not(:hover)::after{opacity:0;visibility:hidden} 
.tooltip::after{--c:24px; content:attr(data-text);position:absolute;inset-block-end:var(--c);inset-inline-start:var(--c);padding-block:6px;padding-inline:10px;border-radius:20px;border-end-start-radius:4px;color:var(--color-invert);background:var(--bg-invert);font:500 var(--fontsize-12px) var(--font-primary);white-space:nowrap;transition:opacity var(--time);z-index:1} 
.tooltip-reverse::after{border-end-start-radius:20px;border-end-end-radius:4px}

/* dot */ 
.dot{--s:6px;position:absolute;inset-block-start:5px;inset-inline-end:5px;width:var(--s);height:var(--s);border-radius:50%;background:var(--color-tick)} 
.dot::after{content:'';position:absolute;inset:0;width:100%;height:100%;border-radius:50%;box-shadow:0 0 0 0 var(--color-tick);animation:pulse 2s infinite}

/* Landing Page(Dark Mode) */ 
.lPage li svg{fill:var(--color-link)} 
.lPage li svg.line, .pgMo svg.line{fill:none;stroke:var(--color-link)} 
.lPage ul.mf svg{fill:var(--bg-secondary)} 
.lPage ul.mf svg.line{fill:none;stroke:var(--bg-secondary)} 
.pG-01 .pgCont, .pG-03 .pgCont, .pG-05 .pgCont, .pG-07 .pgCont{background:inherit} 
.pG-02 .pgCont, .pG-04 .pgCont, .pG-06 .pgCont, .pG-09{background:var(--bg-secondary)} 
.pG-07 .pgCont{border-color:rgba(255,255,255,.1)} 



/* =========================================================
   POLTEK.ID — LANDING PAGE V3
   Scope: homepage only (.lp-v1)
   Philosophy: modern SaaS-editorial, light-first, airy, precise.
   ========================================================= */
.lp-v1{--lp-radius-lg:28px;--lp-radius-md:20px;--lp-radius-sm:14px;--lp-panel:color-mix(in srgb,var(--bg-primary) 94%,transparent);--lp-panel-soft:color-mix(in srgb,var(--bg-secondary) 70%,transparent);--lp-line:color-mix(in srgb,var(--color-border) 90%,transparent);--lp-shadow:0 24px 60px -28px color-mix(in srgb,var(--color-primary) 22%,transparent);--lp-shadow-sm:0 12px 28px -16px color-mix(in srgb,var(--color-primary) 18%,transparent);position:relative;overflow:visible;margin:0;color:var(--color-primary)}
.lp-v1 *{box-sizing:border-box}.lp-v1 a{text-decoration:none}

/* ---------- HERO ---------- */
.lp-v1-hero{position:relative;isolation:isolate;overflow:hidden;min-height:660px;background:transparent;color:var(--color-primary)}
.lp-v1-hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.06fr) minmax(400px,.94fr);align-items:center;gap:40px;max-width:1220px;min-height:660px;margin:auto;padding:88px 20px 64px}
.lp-v1-copy{max-width:640px}
.lp-v1-eyebrow{display:inline-flex;align-items:center;gap:9px;padding:8px 14px;border:1px solid var(--lp-line);border-radius:999px;background:var(--lp-panel);font:600 11px/1 var(--font-primary);letter-spacing:.06em;color:var(--color-secondary);box-shadow:var(--lp-shadow-sm)}
.lp-v1-pulse{width:7px;height:7px;border-radius:50%;background:var(--color-accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--color-accent) 16%,transparent);animation:lpPulse 2.4s ease-in-out infinite}
.lp-v1-copy h1{margin:22px 0 18px;max-width:660px;font:700 clamp(2.9rem,5.4vw,5.1rem)/1.02 var(--font-primary);letter-spacing:-.045em;color:var(--color-primary)}
.lp-v1-copy h1 span{display:block;margin-top:.12em;background:linear-gradient(100deg,var(--color-accent),color-mix(in srgb,var(--color-accent) 55%,var(--color-primary)));-webkit-background-clip:text;background-clip:text;color:transparent}
.lp-v1-copy>p{max-width:520px;margin:0;color:var(--color-secondary);font-size:clamp(14.5px,1.2vw,17px);line-height:1.75}
.lp-v1-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:32px}
.lp-v1-primary,.lp-v1-secondary{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:0 22px;border-radius:999px;font-size:13.5px;font-weight:650;transition:transform .22s ease,background .22s ease,color .22s ease,border-color .22s ease,box-shadow .22s ease}
.lp-v1-primary{background:var(--color-primary);color:var(--bg-primary);box-shadow:0 16px 32px -12px color-mix(in srgb,var(--color-primary) 45%,transparent)}
.lp-v1-primary:hover{transform:translateY(-2px);box-shadow:0 20px 40px -12px color-mix(in srgb,var(--color-primary) 55%,transparent)}
.lp-v1-primary svg,.lp-v1-section-head>a svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.lp-v1-secondary{border:1px solid var(--lp-line);background:var(--bg-primary);color:var(--color-primary)}
.lp-v1-secondary:hover{background:var(--bg-secondary);transform:translateY(-2px)}
.lp-v1-hero-metrics{display:flex;flex-wrap:wrap;gap:28px;max-width:560px;margin-top:38px;padding-top:24px;border-top:1px solid var(--lp-line)}
.lp-v1-hero-metrics>div{min-width:110px}
.lp-v1-hero-metrics b,.lp-v1-hero-metrics span{display:block}
.lp-v1-hero-metrics b{font-size:22px;font-weight:700;letter-spacing:-.03em;color:var(--color-primary)}
.lp-v1-hero-metrics span{margin-top:4px;color:var(--color-tertiary);font-size:11.5px;line-height:1.5}

/* ---------- VISUAL / GLOBE ---------- */
.lp-v1-visual{position:relative;min-height:520px;display:grid;place-items:center;color:var(--color-primary)}
.lp-v1-globe-wrap{position:relative;width:min(500px,100%);aspect-ratio:1 / 1;display:grid;place-items:center}
.lp-v1-globe-wrap:before{content:'';position:absolute;z-index:0;inset:6%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--color-accent) 24%,transparent),transparent 70%);filter:blur(30px);pointer-events:none}
.lp-v1-globe-wrap:after{content:'';position:absolute;z-index:0;bottom:2%;width:58%;height:11%;border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--color-primary) 20%,transparent),transparent 72%);filter:blur(6px);pointer-events:none}
.lp-v1-earth-webgl{position:relative;z-index:3;width:100%;max-width:500px;aspect-ratio:1 / 1;background:transparent;cursor:grab;touch-action:none;border-radius:50%;overflow:hidden}
.lp-v1-earth-webgl:active{cursor:grabbing}
.lp-v1-earth-webgl canvas{display:block;width:100%!important;height:100%!important;aspect-ratio:1 / 1;overflow:visible}

/* ---------- SECTION HEADS ---------- */
.lp-v1-topics,.lp-v1-latest,.lp-v1-quotes{max-width:1180px;margin:0 auto;padding:78px 20px 8px}
.lp-v1-section-head{position:relative;display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:28px;padding-bottom:18px;border-bottom:1px solid var(--lp-line)}
.lp-v1-section-head:after{content:'';position:absolute;bottom:-1px;left:0;width:56px;height:2px;background:var(--color-primary)}
.lp-v1-section-head>div>span{display:block;margin-bottom:7px;color:var(--color-accent);font:700 10px/1 var(--font-primary);letter-spacing:.14em;text-transform:uppercase}
.lp-v1-section-head h2{margin:0;font-size:clamp(1.6rem,2.5vw,2.15rem);letter-spacing:-.035em}
.lp-v1-section-head p{max-width:360px;margin:0;color:var(--color-secondary);font-size:12.5px;line-height:1.7;text-align:right}
.lp-v1-section-head>a{display:inline-flex;align-items:center;gap:7px;color:var(--color-primary);font-size:12.5px;font-weight:650;white-space:nowrap}

/* ---------- EDITORIAL BAND ---------- */
.lp-v1-editorial-band{position:relative;z-index:5;display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:16px;max-width:1180px;margin:-46px auto 0;padding:0 20px}
.lp-v1-editorial-card{position:relative;display:block;min-height:168px;padding:24px;border:1px solid var(--lp-line);border-radius:var(--lp-radius-md);background:var(--bg-primary);color:var(--color-primary);overflow:hidden;box-shadow:var(--lp-shadow);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.lp-v1-editorial-card:hover{transform:translateY(-5px);box-shadow:0 30px 60px -22px color-mix(in srgb,var(--color-primary) 30%,transparent)}
.lp-v1-editorial-card.is-featured{background:var(--color-primary);border-color:var(--color-primary);color:var(--bg-primary)}
.lp-v1-editorial-card.is-featured:after{content:'';position:absolute;right:18px;top:14px;color:var(--bg-primary);width:150px;height:150px;border:1px solid color-mix(in srgb,var(--bg-primary) 18%,transparent);border-radius:50%;box-shadow:0 0 0 24px color-mix(in srgb,var(--bg-primary) 5%,transparent),0 0 0 50px color-mix(in srgb,var(--bg-primary) 3%,transparent);opacity:.9}
.lp-v1-editorial-card small{display:block;margin-bottom:16px;color:var(--color-tertiary);font-size:9.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.lp-v1-editorial-card.is-featured small{color:color-mix(in srgb,var(--bg-primary) 70%,transparent)}
.lp-v1-editorial-card strong{display:block;max-width:270px;font-size:18px;font-weight:650;line-height:1.22;letter-spacing:-.03em}
.lp-v1-editorial-card span{position:absolute;bottom:20px;left:24px;color:var(--color-secondary);font-size:11.5px}
.lp-v1-editorial-card.is-featured span{color:color-mix(in srgb,var(--bg-primary) 74%,transparent)}
.lp-v1-editorial-card b{position:absolute;right:22px;bottom:16px;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--bg-secondary);color:var(--color-primary);font-size:16px;font-weight:400;transition:background .22s ease,transform .22s ease}
.lp-v1-editorial-card.is-featured b{background:color-mix(in srgb,var(--bg-primary) 16%,transparent);color:var(--bg-primary)}
.lp-v1-editorial-card:hover b{transform:translateX(3px)}

/* ---------- TOPICS / KNOWLEDGE ATLAS ---------- */
.lp-v1-topic-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px}
.lp-v1-topic{position:relative;grid-column:span 4;min-height:205px;padding:25px;border:1px solid var(--lp-line);border-radius:20px;background:var(--bg-primary);color:var(--color-primary);overflow:hidden;isolation:isolate;transition:transform .28s cubic-bezier(.2,.8,.2,1),border-color .28s ease,box-shadow .28s ease}
.lp-v1-topic:nth-child(1),.lp-v1-topic:nth-child(2){grid-column:span 6;min-height:230px}
.lp-v1-topic:before{content:'';position:absolute;z-index:-2;right:-55px;bottom:-70px;width:190px;height:190px;border-radius:50%;background:var(--topic-glow);filter:blur(34px);opacity:.13;transition:transform .4s ease,opacity .3s ease}
.lp-v1-topic:after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(135deg,transparent 55%,color-mix(in srgb,var(--topic-glow) 7%,transparent));opacity:.65;pointer-events:none}
.lp-v1-topic:hover{transform:translateY(-7px);border-color:color-mix(in srgb,var(--topic-glow) 48%,var(--lp-line));box-shadow:0 24px 55px -28px color-mix(in srgb,var(--color-primary) 30%,transparent)}
.lp-v1-topic:hover:before{transform:scale(1.35);opacity:.22}
.lp-v1-topic-icon{display:flex;align-items:center;justify-content:space-between;width:100%;height:auto;margin:0 0 42px;border:0;background:none;color:var(--topic-color);font:500 11px/1 var(--font-monospace);letter-spacing:.08em}
.lp-v1-topic-icon:after{content:'EXPLORE';font:600 8px/1 var(--font-primary);letter-spacing:.16em;opacity:.45}
.lp-v1-topic strong{display:block;font-size:clamp(1.25rem,2.1vw,1.65rem);font-weight:700;line-height:1.08;letter-spacing:-.04em}
.lp-v1-topic small{display:block;max-width:300px;margin-top:9px;color:var(--color-secondary);font-size:12px;line-height:1.55}
.lp-v1-topic>b{position:absolute;right:23px;bottom:21px;display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--lp-line);border-radius:50%;background:var(--bg-primary);color:var(--topic-color);font-size:16px;font-weight:400;transition:transform .28s ease,background .28s ease}
.lp-v1-topic:hover>b{transform:translateX(4px);background:var(--topic-color);color:var(--bg-primary)}
.lp-v1-topic.t1{--topic-color:var(--color-primary);--topic-glow:var(--color-primary)}
.lp-v1-topic.t2{--topic-color:var(--color-accent);--topic-glow:var(--color-accent)}
.lp-v1-topic.t3{--topic-color:var(--color-secondary);--topic-glow:var(--color-secondary)}
.lp-v1-topic.t4{--topic-color:var(--color-primary);--topic-glow:var(--color-primary)}
.lp-v1-topic.t5{--topic-color:var(--color-accent);--topic-glow:var(--color-accent)}
.lp-v1-topic.t6{--topic-color:var(--color-secondary);--topic-glow:var(--color-secondary)}

/* ---------- HIGHLIGHT ---------- */
.lp-v1-highlight{max-width:1180px;margin:80px auto 0;padding:0 20px 8px}
.lp-v1-highlight-inner{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center;padding:54px 0;border-top:1px solid var(--lp-line);border-bottom:1px solid var(--lp-line);overflow:hidden}
.lp-v1-highlight-inner:after{content:'';position:absolute;right:2%;top:50%;width:190px;height:190px;transform:translateY(-50%);border-radius:50%;border:1px solid var(--lp-line);opacity:.8;box-shadow:0 0 0 34px color-mix(in srgb,var(--color-primary) 3%,transparent),0 0 0 64px color-mix(in srgb,var(--color-primary) 2%,transparent)}
.lp-v1-label{font-size:10.5px;font-weight:700;letter-spacing:.16em;color:var(--color-accent)}
.lp-v1-highlight h2{position:relative;z-index:2;max-width:500px;margin:10px 0 0;font-size:clamp(1.65rem,2.9vw,2.5rem);line-height:1.12;letter-spacing:-.035em}
.lp-v1-highlight p{position:relative;z-index:2;max-width:520px;margin:0;color:var(--color-secondary);font-size:13.5px;line-height:1.85}

/* ---------- QUOTES ---------- */
.lp-v1-quote-shell{position:relative;display:grid;grid-template-columns:150px 1fr;gap:24px;align-items:stretch;padding:30px;border:1px solid var(--lp-line);border-radius:var(--lp-radius-lg);background:var(--bg-primary);box-shadow:var(--lp-shadow-sm);overflow:hidden}
.lp-v1-quote-shell:before{content:'\201C';position:absolute;right:24px;top:-30px;font:700 180px/.8 Georgia,serif;color:var(--color-primary);opacity:.04}
.lp-v1-quote-index{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:10px 8px}
.lp-v1-quote-index small{font:500 9px var(--font-monospace);color:var(--color-tertiary);letter-spacing:.12em}
.lp-v1-quote-person{display:flex;align-items:center;gap:10px}
.lp-v1-quote-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--color-primary);color:var(--bg-primary);font:700 20px Georgia,serif}
.lp-v1-quote-person span{font-size:11.5px;font-weight:650}
.lp-v1-quote-person small{display:block;margin-top:3px;color:var(--color-tertiary);font-size:9px}
.lp-v1-quote-stage{position:relative;min-height:172px}
.lp-v1-quote{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .5s ease,transform .5s ease,visibility .5s ease}
.lp-v1-quote.is-active{opacity:1;visibility:visible;transform:none}
.lp-v1-quote blockquote{margin:0;max-width:760px;font:650 clamp(1.4rem,2.3vw,2rem)/1.35 var(--font-primary);letter-spacing:-.025em;color:var(--color-primary)}
.lp-v1-quote cite{margin-top:16px;font-style:normal;color:var(--color-secondary);font-size:11.5px}
.lp-v1-quote cite b{color:var(--color-primary)}
.lp-v1-quote-dots{position:absolute;right:28px;bottom:24px;display:flex;gap:6px}
.lp-v1-quote-dot{width:5px;height:5px;border:0;border-radius:999px;padding:0;background:var(--color-tertiary);opacity:.5;transition:width .25s ease,opacity .25s ease,background .25s ease}
.lp-v1-quote-dot.is-active{width:22px;opacity:1;background:var(--color-primary)}

@keyframes lpPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(1.35)}}

@media (max-width:900px){
.lp-v1-hero-inner{grid-template-columns:1fr;min-height:0;gap:20px;padding:70px 20px 34px}
.lp-v1-copy{max-width:760px}
.lp-v1-visual{min-height:440px}
.lp-v1-editorial-band{grid-template-columns:1fr 1fr;margin-top:26px}
.lp-v1-editorial-card.is-featured{grid-column:1/-1}
.lp-v1-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lp-v1-topic,.lp-v1-topic:nth-child(1),.lp-v1-topic:nth-child(2){grid-column:span 1;min-height:190px}
.lp-v1-highlight-inner{grid-template-columns:1fr;gap:20px}
.lp-v1-quote-shell{grid-template-columns:1fr}
.lp-v1-quote-index{flex-direction:row;align-items:center;padding:0}
.lp-v1-quote-stage{min-height:180px}
}
@media (max-width:640px){
.lp-v1-hero{min-height:0}
.lp-v1-hero-inner{padding:52px 20px 26px}
.lp-v1-copy h1{font-size:clamp(2.5rem,12vw,3.6rem)}
.lp-v1-copy>p{font-size:13.5px;line-height:1.75}
.lp-v1-actions{flex-wrap:wrap}
.lp-v1-primary,.lp-v1-secondary{min-height:46px;padding-inline:16px;font-size:12.5px}
.lp-v1-hero-metrics{gap:20px;margin-top:26px}
.lp-v1-hero-metrics b{font-size:19px}
.lp-v1-visual{min-height:350px}
.lp-v1-globe-wrap{width:min(320px,100%)}
.lp-v1-editorial-band{grid-template-columns:1fr;margin-top:20px;padding:0 16px}
.lp-v1-editorial-card.is-featured{grid-column:auto}
.lp-v1-editorial-card{min-height:140px}
.lp-v1-topics,.lp-v1-latest,.lp-v1-quotes{padding:52px 16px 8px}
.lp-v1-section-head{display:block}
.lp-v1-section-head p{text-align:left;margin-top:8px}
.lp-v1-section-head>a{margin-top:12px}
.lp-v1-topic-grid{grid-template-columns:1fr 1fr;gap:10px}
.lp-v1-topic,.lp-v1-topic:nth-child(1),.lp-v1-topic:nth-child(2){min-height:165px;padding:18px;border-radius:17px}
.lp-v1-highlight{margin-top:52px}
.lp-v1-highlight-inner{padding:30px 0}
.lp-v1-quote-shell{padding:22px;border-radius:20px}
.lp-v1-quote-stage{min-height:205px}
.lp-v1-quote blockquote{font-size:1.24rem}
}
@media (max-width:390px){
.lp-v1-topic-grid{grid-template-columns:1fr}
.lp-v1-visual{min-height:315px}
.lp-v1-primary,.lp-v1-secondary{width:100%}
.lp-v1-actions{display:grid;grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
.lp-v1-pulse{animation:none!important}
.lp-v1-primary,.lp-v1-secondary,.lp-v1-topic,.lp-v1-editorial-card{transition:none!important}
}


/* footer: PoltekID.xml adopted */
.main >footer{display:grid;grid-template-columns:minmax(220px,1.25fr) minmax(0,2fr);align-items:start;gap:2.5rem;padding-block:4rem 1.5rem;border-top:1px solid var(--color-border);position:relative;overflow:hidden}
.main >footer:before{content:'';position:absolute;inset:auto -10% -70px auto;width:340px;height:180px;border-radius:50%;border:1px solid var(--color-border);box-shadow:0 0 0 28px color-mix(in srgb,var(--color-primary) 3%,transparent),0 0 0 56px color-mix(in srgb,var(--color-primary) 2%,transparent);pointer-events:none}
.footer-brand{position:relative;z-index:1;display:flex;flex-direction:column;gap:13px;max-width:360px}
.footer-brand .brand-footer{display:inline-flex;align-items:baseline;color:var(--color-primary);font-size:clamp(1.8rem,3vw,2.5rem);font-weight:700;letter-spacing:-.065em;line-height:1}
.footer-brand .brand-footer .brand-dot{color:var(--color-accent)}
.footer-brand p{margin:0;max-width:360px;color:var(--color-secondary);font-size:12px;line-height:1.7}
.main >footer .navi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5rem;position:relative;z-index:1}
.main >footer .navi .foot{min-width:0}
.main >footer .navi .foot>div>span{font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.main >footer .navi ul{margin:0;padding:0;list-style:none}
.main >footer .navi li+li{margin-top:8px}
.main >footer .navi a{color:var(--color-secondary);font-size:11px;transition:color .2s ease,transform .2s ease}
.main >footer .navi a:hover{color:var(--color-primary);transform:translateX(2px)}
.main >footer .credit{position:relative;z-index:1;grid-column:1/-1;display:flex;justify-content:space-between;align-items:flex-end;gap:1.5rem;padding-top:1.25rem;border-top:1px solid var(--color-border);min-width:0}
.main >footer .credit .in{display:flex;flex-direction:column;gap:10px}
.main >footer .credit .i{display:flex;flex-wrap:wrap;gap:11px}
.main >footer .credit .i a{font-size:11px;color:var(--color-secondary)}
.main >footer .credit .m{font-size:13px;font-weight:600}
.main >footer .credit .out{margin:0}
.main >footer .credit .by a{color:var(--color-primary)}
@media (max-width:1100px){
  .main >footer{grid-template-columns:minmax(200px,.9fr) minmax(0,1.8fr);gap:2rem}
}
@media (max-width:760px){
  .main >footer{display:flex;flex-direction:column;gap:2.5rem;padding-block:3.25rem 1.75rem}
  .footer-brand{max-width:100%}
  .main >footer .navi{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;width:100%}
  .main >footer .credit{display:flex;flex-direction:column;align-items:flex-start;gap:1.25rem;width:100%}
  .main >footer:before{right:-180px;bottom:-90px}
}
@media (max-width:420px){
  .main >footer .navi{grid-template-columns:1fr}
}

/* skeleton */
.skeleton{--bg:rgb(0 0 0 /5%);flex-shrink:0}
.skeleton.p, .skeleton.p i{display:flex;flex-direction:column;gap:1rem}
.skeleton.p::before{content:'';padding-block-start:var(--image-ratio);border-radius:var(--layout-corner);background:var(--bg)}
.skeleton.p i::before, .skeleton.p i::after{content:'';display:block;height:6px;border-radius:2px;background:var(--bg)}
.skeleton.p i::after{width:80%}

/* animation */
@keyframes react{to{--err-react:'\0CA0\002C\0CA5'}}
@keyframes pulse{0%{transform:scale(0.9);box-shadow:0 0 0 0 var(--color-tick-90)} 50%{transform:scale(1);box-shadow:0 0 0 8px var(--color-tick-0)} 100%{transform:scale(0.9);box-shadow:0 0 0 0 var(--color-tick-0)}}

/* scroll */ .scroll-hide{position:relative} .scroll-hide::-webkit-scrollbar{width:0;height:0} .scroll-hide::-webkit-scrollbar-track{background-color:transparent} .scroll-hide::-webkit-scrollbar-thumb{background-color:transparent;border:none}

/* cookie */
.cookie{--min:100%;--p:var(--layout-padding);display:grid;grid-template:'a a' auto 'c b' auto / 1fr auto;gap:1rem 8px;position:fixed;inset-block-end:0;inset-inline-start:0;min-width:var(--min);width:min(100%, 420px);padding:var(--p);color:#fff;background:#54C8E7;font:14px/1.4 var(--font-primary);box-shadow:0 10px 15px -15px rgb(0 0 0 / 35%);z-index:10;transition:inset var(--time), opacity var(--time) .1s}
.cookie.hide{inset-block-end:-50%;opacity:0}
@media (520px <= width){.cookie{--min:200px;inset-block-end:var(--p);inset-inline-start:var(--p);border-radius:6px}}

/* land */
.land{gap:2rem 3rem;padding-block:4rem}
.land:first-child{padding-block-start:0}
.land .name{font-size:clamp(2.125rem, 1.684rem + 1.681vw, 2.625rem)}
.land-00 >*{flex:1 0 min(100%, 400px)}
.land-01 >*{width:min(100%, 640px)}
.land:where(.blogger){grid-template-columns:repeat(auto-fit, minmax(min(100%, 320px), 1fr));gap:0}
.land:where(.blogger) >*{margin-inline-start:-1px;margin-block-end:-1px}
.land:where(.blogger) .d{border:1px solid;padding:clamp(2rem, 1.1667rem + 2.0833vw, 2.5rem);transition:border var(--time), border-radius var(--time),color var(--time), background var(--time), transform .3s ease}
.land:where(.blogger) .d::before{content:'*';margin-block-end:-14px;color:var(--color-accent);font:3.75rem/1 var(--font-secondary)}
.land:where(.blogger) .d:hover{border-color:transparent;border-radius:2px;color:var(--color-invert);background:var(--bg-invert);transform:scale(1.08)}
.land:where(.blogger) .d:hover a{color:var(--color-accent)}
.land:where(.blogger) .d a{margin-top:10px;color:var(--color-tick);transition:color var(--time)}
    /*
/* =========================================================
   POLTEK.ID — FINAL READING EXPERIENCE OVERRIDE
   Keeps the template language, but turns posts into a calmer
   editorial reading space. All font controls remain variable-driven.
   ========================================================= */

/* page shell */
.item:not(.learn,.unduh,.page.full):has(.article){
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}
.item:not(.learn,.unduh,.page.full):has(.article) > .article{
  width:min(100% - 24px, 1120px)!important;
  max-width:1120px!important;
  margin-inline:auto!important;
}

/* article frame */
.article{
  position:relative!important;
  width:100%!important;
  max-width:1120px!important;
  margin-inline:auto!important;
  padding:clamp(24px,5vw,64px) clamp(16px,5vw,76px) clamp(34px,5vw,70px)!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.article > header{
  position:relative!important;
  width:min(100%,900px)!important;
  margin:0 auto!important;
  padding:0 0 clamp(22px,3vw,34px)!important;
  border-bottom:1px solid var(--color-border)!important;
}
.article > header:before{
  content:'';
  display:block;
  width:48px;
  height:4px;
  margin-bottom:22px;
  border-radius:99px;
  background:var(--color-accent);
}
.article header .title{
  max-width:20ch!important;
  margin:0!important;
  font-size:clamp(2.25rem,5.3vw,4.65rem)!important;
  line-height:1.02!important;
  letter-spacing:-.052em!important;
  font-weight:700!important;
  text-wrap:balance!important;
}
.article header .title a{
  color:var(--color-primary)!important;
}
.article .info{
  margin-top:24px!important;
  padding:0!important;
  gap:10px!important;
}
.article .info .writer,
.article .info .reading{
  padding:0!important;
  border:0!important;
  background:transparent!important;
  border-radius:0!important;
}
.article .info .writer > span,
.article .info .reading > span{
  font-size:10px!important;
  letter-spacing:.08em!important;
}
.article .info .writer strong,
.article .info .writer a{
  font-size:13px!important;
  font-weight:600!important;
}
.article .info .action .icon{
  min-height:38px!important;
  border:1px solid var(--color-border)!important;
  background:var(--bg-secondary)!important;
  border-radius:999px!important;
}

/* actual reading column — variable driven */
.article .docs{
  width:min(100%,780px)!important;
  margin:clamp(32px,5vw,58px) auto 0!important;
  padding:0!important;
  font-family:var(--font-primary)!important;
  font-size:var(--article-font,17px)!important;
  line-height:var(--article-lineheight,1.82)!important;
  letter-spacing:.003em!important;
  color:var(--color-primary)!important;
  transition:font-size .18s ease,line-height .18s ease!important;
}
.article .docs > :is(p,ul,ol,blockquote,table,pre){
  max-width:100%!important;
}
.article .docs p:not(.nomargin){
  margin-block:1.18em!important;
}
.article .docs > p:first-child{
  font-size:1.07em!important;
  line-height:var(--article-lineheight,1.82)!important;
}
.article .docs :is(h1,h2,h3,h4,h5,h6){
  color:var(--color-primary)!important;
  letter-spacing:-.03em!important;
  line-height:1.16!important;
  text-wrap:balance!important;
  scroll-margin-top:calc(var(--header-height) + 28px)!important;
}
.article .docs h2{font-size:clamp(1.65rem,3vw,2.25rem)!important;margin:2.2em 0 .6em!important}
.article .docs h3{font-size:clamp(1.35rem,2.5vw,1.75rem)!important;margin:1.9em 0 .55em!important}
.article .docs h4{font-size:clamp(1.15rem,2vw,1.35rem)!important;margin:1.6em 0 .5em!important}
.article .docs :is(strong,b){font-weight:650}
.article .docs a{color:var(--color-link)!important;text-underline-offset:3px}
.article .docs img{
  width:auto;
  max-width:100%!important;
  margin:2.2rem auto!important;
  border-radius:16px!important;
  box-shadow:0 18px 48px rgb(0 0 0 / 8%)!important;
}
.article .docs figure{margin:2.5rem 0!important}
.article .docs figcaption,
.article .docs .tr-caption{
  margin-top:-1rem!important;
  color:var(--color-secondary)!important;
  font-size:.74em!important;
  line-height:1.5!important;
  text-align:center!important;
}
.article .docs blockquote{
  margin:2.4rem 0!important;
  padding:1.15rem 1.3rem 1.15rem 1.4rem!important;
  border:0!important;
  border-left:3px solid var(--color-accent)!important;
  border-radius:0 14px 14px 0!important;
  background:var(--bg-secondary)!important;
  color:var(--color-secondary)!important;
  font-family:var(--font-tertiary)!important;
  line-height:1.72!important;
}
.article .docs :is(ul,ol){padding-inline-start:1.35em!important}
.article .docs li{margin-block:.45em!important;padding-inline-start:.15em!important}
.article .docs hr{margin:3rem 0!important;border:0;border-top:1px solid var(--color-border)!important}
.article .docs pre{
  margin:2rem calc(min(0px,(780px - 100vw)/2))!important;
  padding:18px!important;
  max-width:calc(100vw - 32px)!important;
  overflow:auto!important;
  border-radius:14px!important;
}
.article .docs table{display:block!important;overflow:auto!important;width:100%!important;margin:2rem 0!important}

/* reaction — part of the reader, not a random extra box */
.article .poltek-reactions{
  width:min(100%,780px)!important;
  margin:clamp(34px,5vw,58px) auto 0!important;
  padding:22px 0 0!important;
  border:0!important;
  border-top:1px solid var(--color-border)!important;
  border-radius:0!important;
  background:transparent!important;
  text-align:left!important;
}
.article .poltek-reactions-title{font-size:15px!important;font-weight:650!important}
.article .poltek-reactions-subtitle{font-size:11px!important;color:var(--color-secondary)!important}
.article .poltek-reaction-list{justify-content:flex-start!important;gap:8px!important;margin-top:16px}
.article .poltek-reaction{
  min-width:76px!important;
  min-height:44px!important;
  padding:10px 12px!important;
  border:1px solid var(--color-border)!important;
  border-radius:14px!important;
  background:var(--bg-primary)!important;
  box-shadow:none!important;
}
.article .poltek-reaction:hover{box-shadow:0 10px 25px rgb(0 0 0 / 7%)!important}
.article .poltek-reaction.is-active{background:color-mix(in srgb,var(--color-accent) 10%,var(--bg-primary))!important}
.article .poltek-reaction.is-active .poltek-reaction-emoji{animation:poltekReactPop .35s cubic-bezier(.2,.8,.2,1)}
@keyframes poltekReactPop{0%{transform:scale(.78)}65%{transform:scale(1.18)}100%{transform:scale(1)}}

/* typography controls: MUST stay connected to --article-font / --article-lineheight */
.article .docs :is(*,p,li,blockquote,td,th){
  font-size:inherit;
}
.article .docs p,
.article .docs li,
.article .docs blockquote,
.article .docs td,
.article .docs th{
  line-height:inherit;
}

/* mobile */
@media (max-width:760px){
  .item:not(.learn,.unduh,.page.full):has(.article) > .article{width:100%!important}
  .article{padding:24px 16px 46px!important}
  .article > header{width:100%!important}
  .article header .title{max-width:none!important;font-size:clamp(2rem,10vw,3rem)!important}
  .article .docs{width:100%!important;margin-top:30px!important;font-size:var(--article-font,17px)!important;line-height:var(--article-lineheight,1.82)!important}
  .article .docs img{margin-block:1.6rem!important;border-radius:13px!important}
  .article .docs pre{margin-inline:-16px!important;max-width:calc(100% + 32px)!important;border-radius:0!important}
  .article .poltek-reaction{min-width:calc(50% - 4px)!important;justify-content:center!important}
}
@media (max-width:420px){
  .article header .title{font-size:clamp(1.85rem,10.5vw,2.5rem)!important}
  .article .poltek-reaction{min-width:calc(50% - 4px)!important}
}
@media (prefers-reduced-motion:reduce){.article .docs{transition:none!important}}

/* POLTEK.ID V4 — premium responsive landing + mobile ecosystem fix */
.lp-v1{overflow:clip!important;background:transparent!important}.lp-v1-hero{min-height:700px;overflow:clip;background:radial-gradient(circle at 72% 42%,color-mix(in srgb,var(--color-accent) 10%,transparent),transparent 28%),radial-gradient(circle at 12% 18%,color-mix(in srgb,var(--color-primary) 5%,transparent),transparent 30%),transparent}.lp-v1-hero:before{content:'';position:absolute;inset:0;opacity:.3;pointer-events:none;background-image:linear-gradient(color-mix(in srgb,var(--color-primary) 6%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--color-primary) 6%,transparent) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,black,transparent 86%)}
.lp-v1-hero-inner{min-height:700px;max-width:1320px;grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);gap:54px;padding:92px 28px 70px}.lp-v1-copy{max-width:720px;z-index:4}.lp-v1-copy h1{max-width:780px;font-size:clamp(3.2rem,6vw,6.2rem);letter-spacing:-.065em;line-height:.97;margin:25px 0 22px}.lp-v1-copy>p{max-width:600px;font-size:clamp(15px,1.25vw,18px);line-height:1.78}.lp-v1-eyebrow{background:color-mix(in srgb,var(--bg-primary) 78%,transparent);backdrop-filter:blur(12px)}.lp-v1-eyebrow i{font-style:normal;color:var(--color-tertiary);font-size:9px;letter-spacing:.12em;padding-left:5px;border-left:1px solid var(--lp-line)}.lp-v1-primary,.lp-v1-secondary{min-height:54px}.lp-v1-visual{min-height:560px;z-index:2}.lp-v1-globe-wrap{width:min(560px,100%);filter:drop-shadow(0 30px 45px color-mix(in srgb,var(--color-primary) 10%,transparent))}.lp-v1-globe-wrap:before{inset:7%;background:radial-gradient(circle,color-mix(in srgb,var(--color-accent) 30%,transparent),transparent 67%);filter:blur(38px)}.lp-v1-earth-webgl{max-width:560px;overflow:visible!important;border-radius:50%;z-index:4}.lp-v1-earth-webgl canvas{border-radius:50%}.lp-v1-orbit{position:absolute;z-index:1;border:1px solid color-mix(in srgb,var(--color-accent) 30%,transparent);border-radius:50%;pointer-events:none}.lp-v1-orbit-a{width:108%;height:44%;transform:rotate(-24deg)}.lp-v1-orbit-b{width:88%;height:116%;transform:rotate(25deg);border-color:color-mix(in srgb,var(--color-primary) 13%,transparent)}.lp-v1-data-chip{position:absolute;z-index:6;display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid var(--lp-line);border-radius:999px;background:color-mix(in srgb,var(--bg-primary) 78%,transparent);backdrop-filter:blur(14px);box-shadow:0 14px 35px -20px color-mix(in srgb,var(--color-primary) 35%,transparent);font:600 9px/1 var(--font-monospace);color:var(--color-secondary)}.lp-v1-data-chip b{font:700 8px/1 var(--font-primary);color:var(--color-primary)}.lp-v1-data-chip.chip-a{top:16%;left:1%}.lp-v1-data-chip.chip-b{right:-2%;top:38%}.lp-v1-data-chip.chip-c{bottom:17%;left:4%}.lp-v1-topic-icon{font:700 10px/1 var(--font-monospace)!important;letter-spacing:.08em}.lp-v1-quote-mark{font:700 27px/1 Georgia,serif!important}.lp-v1-quote-shell{grid-template-columns:170px 1fr;min-height:250px}.lp-v1-quote-stage{min-height:190px}
.pl-ecosystem{width:100%!important;max-width:1240px!important;padding:84px clamp(16px,5vw,60px) 64px!important;overflow:clip!important}.pl-ecosystem-rail{margin-inline:calc(clamp(16px,5vw,60px) * -1)!important;padding-inline:clamp(16px,5vw,60px);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)!important}.pl-ecosystem-item{flex:0 0 132px!important;min-width:132px!important}
@media(max-width:900px){.lp-v1-hero-inner{grid-template-columns:1fr;min-height:0;padding:76px 22px 42px;gap:12px}.lp-v1-copy{max-width:800px}.lp-v1-copy h1{font-size:clamp(3rem,9vw,5rem)}.lp-v1-visual{min-height:470px}.lp-v1-globe-wrap{width:min(470px,100%)}}
@media(max-width:640px){.lp-v1-hero{min-height:0}.lp-v1-hero:before{background-size:30px 30px;opacity:.2}.lp-v1-hero-inner{padding:52px 16px 30px;gap:4px}.lp-v1-eyebrow{max-width:100%;font-size:10px;padding:8px 10px}.lp-v1-eyebrow i{font-size:7.5px}.lp-v1-copy h1{font-size:clamp(2.55rem,12.7vw,4.15rem);margin-top:20px}.lp-v1-copy>p{font-size:13.5px;line-height:1.72}.lp-v1-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:25px}.lp-v1-primary,.lp-v1-secondary{width:100%;min-height:47px;padding-inline:12px;font-size:11.5px}.lp-v1-hero-metrics{gap:17px;margin-top:28px;padding-top:20px}.lp-v1-hero-metrics>div{min-width:calc(33.333% - 12px)}.lp-v1-hero-metrics b{font-size:17px}.lp-v1-hero-metrics span{font-size:9.5px}.lp-v1-visual{min-height:340px}.lp-v1-globe-wrap{width:min(330px,94vw)}.lp-v1-data-chip{padding:7px 8px;font-size:7.5px}.lp-v1-data-chip b{font-size:7px}.lp-v1-data-chip.chip-a{left:-2%;top:14%}.lp-v1-data-chip.chip-b{right:-3%;top:39%}.lp-v1-data-chip.chip-c{left:0;bottom:13%}.lp-v1-orbit-a{width:112%;height:43%}.lp-v1-orbit-b{width:90%;height:112%}.lp-v1-editorial-band{grid-template-columns:1fr;padding:0 16px;margin-top:18px;gap:10px}.lp-v1-editorial-card{min-height:136px;padding:20px;border-radius:16px}.lp-v1-topics,.lp-v1-latest,.lp-v1-quotes{padding:50px 16px 8px}.lp-v1-topic-grid{grid-template-columns:1fr 1fr;gap:9px}.lp-v1-topic,.lp-v1-topic:nth-child(1),.lp-v1-topic:nth-child(2){grid-column:span 1;min-height:145px}.lp-v1-topic{min-height:145px;padding:16px;border-radius:15px}.lp-v1-topic-icon{width:38px;height:38px;margin-bottom:16px}.lp-v1-topic strong{font-size:13px}.lp-v1-topic small{font-size:10.5px}.lp-v1-highlight{margin-top:48px;padding:0 16px 8px}.lp-v1-highlight-inner{padding:30px 0;gap:16px}.lp-v1-quote-shell{grid-template-columns:1fr;min-height:0;padding:18px;border-radius:18px;gap:16px}.lp-v1-quote-index{padding:0}.lp-v1-quote-stage{min-height:255px}.lp-v1-quote{justify-content:flex-start;padding-top:8px}.lp-v1-quote blockquote{font-size:1.16rem;line-height:1.45}.lp-v1-quote cite{font-size:10px;line-height:1.6}.lp-v1-quote-dots{left:18px;right:auto;bottom:16px;max-width:calc(100% - 36px);overflow:auto;padding-bottom:2px}.pl-ecosystem{padding:54px 16px 42px!important;margin-top:0!important}.pl-ecosystem-head{display:block!important;margin-bottom:24px!important}.pl-ecosystem-head h2{font-size:clamp(2.2rem,11vw,3.2rem)!important;line-height:.98!important}.pl-ecosystem-head p{font-size:12px!important;max-width:100%!important}.pl-ecosystem-rail{margin-inline:-16px!important;padding-inline:16px!important;overflow-x:auto!important;overflow-y:hidden!important;mask-image:none!important;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}.pl-ecosystem-track{width:max-content!important;animation:none!important;gap:10px!important}.pl-ecosystem-item{width:112px!important;min-width:112px!important;height:104px!important;border-radius:17px!important;scroll-snap-align:start;transform:none!important}.pl-ecosystem-item svg{width:29px!important;height:29px!important}.pl-ecosystem-item span{font-size:9.5px!important}.pl-ecosystem-note{margin-top:18px!important;padding:13px 14px!important;font-size:10.5px!important;line-height:1.55}.pl-ecosystem-note a{margin-left:0!important;width:100%;padding-top:3px}}
@media(max-width:390px){.lp-v1-actions{grid-template-columns:1fr}.lp-v1-topic-grid{grid-template-columns:1fr}.lp-v1-visual{min-height:315px}.lp-v1-globe-wrap{width:min(300px,92vw)}.pl-ecosystem-item{width:104px!important;min-width:104px!important}}
@media(prefers-reduced-motion:reduce){.pl-ecosystem-track{animation:none!important}}

/* =========================================================
   POLTEK.ID V5 — premium UX, accessibility, and resilience
   ========================================================= */
:root{
--bg-primary:#fbfdff;
--bg-secondary:#f2f7fa;
--bg-invert:#0c2548;
--color-link:#087f9a;
--color-accent:#087f9a;
--color-primary:#0b1f3a;
--color-secondary:#4b5d73;
--color-tertiary:#718096;
--color-border:#dce6ec;
--color-tick:#087f9a;
--dark-bg-primary:#07131f;
--dark-bg-secondary:#101e2d;
--dark-bg-blur:rgb(3 10 18 / 72%);
--dark-bg-invert:#eef7fb;
--dark-color-link:#66d9ef;
--dark-color-primary:#edf7fc;
--dark-color-secondary:#afbfcb;
--dark-color-tertiary:#8497a8;
--dark-color-invert:#07131f;
--dark-color-border:#203244;
--focus-ring:0 0 0 3px color-mix(in srgb,var(--color-accent) 28%,transparent);
}
:root[data-appr='1']{--color-accent:#66d9ef;--color-tick:#66d9ef}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height,90px) + 18px)}
body{overflow-wrap:anywhere;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
::selection{color:#fff;background:#087f9a}
:where(a,button,input,select,textarea,summary,[role='button']):focus-visible{outline:2px solid var(--color-accent)!important;outline-offset:3px;box-shadow:var(--focus-ring)}
:where(button,[role='button'],summary,label[for],a){touch-action:manipulation}
.main img{max-width:100%;height:auto}
.poltek-skip-link{position:fixed;z-index:10050;left:16px;top:12px;padding:11px 15px;border-radius:999px;background:var(--bg-invert);color:var(--color-invert);font-size:13px;font-weight:700;transform:translateY(-180%);transition:transform .18s ease}.poltek-skip-link:focus{transform:none}

/* Safer header and touch targets */
.PoltekLoginBtn{width:40px;height:40px}.TranslateItm,.TranslateItm .translate-trigger{width:40px!important;height:40px!important}
.poltek-reading-progress span{width:100%;transform:scaleX(0);transition:transform .08s linear}
.lp-v1-earth-webgl{overflow:hidden!important;max-width:100%!important}
.lp-v1-globe-stage{max-width:100%;contain:layout paint size}
.lp-v1-quote-dot{position:relative;width:30px;height:30px;background:transparent!important;opacity:1}
.lp-v1-quote-dot:before{content:'';position:absolute;left:50%;top:50%;width:6px;height:6px;border-radius:999px;background:var(--color-tertiary);transform:translate(-50%,-50%);transition:width .25s ease,background .25s ease}
.lp-v1-quote-dot.is-active:before{width:22px;background:var(--color-primary)}

/* Consent notice that informs without blocking the page */
.cookie{max-width:min(430px,calc(100vw - 24px));min-width:0!important;inset-inline-start:12px!important;inset-block-end:max(12px,env(safe-area-inset-bottom))!important;padding:18px;border:1px solid rgb(255 255 255 / 18%);border-radius:18px!important;background:#0c2548!important;box-shadow:0 24px 70px rgb(0 0 0 / 26%);font-size:13px;z-index:10002}
.cookie .button{min-height:42px}.cookie a{color:#bdefff}.cookie.hide{inset-block-end:-100%!important;pointer-events:none}

/* Article productivity layer */
.poltek-article-tools{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:-1.2rem 0 2rem;padding:10px;border:1px solid var(--color-border);border-radius:16px;background:color-mix(in srgb,var(--bg-secondary) 76%,transparent)}
.poltek-tool-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 13px;border:1px solid var(--color-border);border-radius:999px;background:var(--bg-primary);color:var(--color-primary);font:650 12px/1 var(--font-primary);cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease}
.poltek-tool-button:hover{transform:translateY(-1px);border-color:var(--color-accent);background:var(--bg-secondary)}
.poltek-tool-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.poltek-tool-button[aria-pressed='true']{border-color:var(--color-accent);color:var(--color-link);background:color-mix(in srgb,var(--color-accent) 10%,var(--bg-primary))}
.poltek-toc{margin:0 0 2.25rem;border:1px solid var(--color-border);border-radius:18px;background:var(--bg-primary);overflow:hidden}
.poltek-toc summary{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:0 17px;list-style:none;color:var(--color-primary);font-size:13px;font-weight:700;cursor:pointer}
.poltek-toc summary::-webkit-details-marker{display:none}.poltek-toc summary:after{content:'+';font-size:20px;font-weight:400;transition:transform .2s ease}.poltek-toc[open] summary:after{transform:rotate(45deg)}
.poltek-toc ol{display:grid;gap:5px;margin:0;padding:0 17px 16px;list-style:none;counter-reset:poltek-toc}
.poltek-toc li{counter-increment:poltek-toc;margin:0!important;padding:0!important}
.poltek-toc a{display:grid;grid-template-columns:28px 1fr;gap:8px;align-items:start;padding:8px 9px;border-radius:10px;color:var(--color-secondary);font-size:12px;line-height:1.5}
.poltek-toc a:before{content:counter(poltek-toc,decimal-leading-zero);color:var(--color-tertiary);font:600 9px/1.8 var(--font-monospace)}
.poltek-toc a:hover,.poltek-toc a.is-active{color:var(--color-primary);background:var(--bg-secondary)}
.poltek-toc .is-h3 a{padding-inline-start:19px}
.poltek-heading-link{opacity:0;margin-inline-start:.45em;padding:0;border:0;background:none;color:var(--color-tertiary);font:inherit;cursor:pointer;transition:opacity .18s ease,color .18s ease}
.article .docs :where(h2,h3,h4):hover .poltek-heading-link,.poltek-heading-link:focus-visible{opacity:1;color:var(--color-link)}
body.poltek-focus-mode .main>header,body.poltek-focus-mode .site,body.poltek-focus-mode .aside,body.poltek-focus-mode .breadcrumb,body.poltek-focus-mode .main>footer{display:none!important}
body.poltek-focus-mode .container{padding:20px!important;margin:auto}body.poltek-focus-mode .outer{display:block!important}body.poltek-focus-mode .article{margin-inline:auto!important;box-shadow:none}

/* Toast, connectivity, lightbox, and back-to-top */
.poltek-toast-region{position:fixed;z-index:10020;right:max(16px,env(safe-area-inset-right));bottom:max(78px,calc(env(safe-area-inset-bottom) + 16px));display:grid;gap:8px;width:min(360px,calc(100vw - 32px));pointer-events:none}
.poltek-toast{display:flex;align-items:flex-start;gap:10px;padding:13px 14px;border:1px solid var(--color-border);border-radius:14px;background:color-mix(in srgb,var(--bg-primary) 94%,transparent);color:var(--color-primary);box-shadow:0 18px 55px rgb(0 0 0 / 16%);backdrop-filter:blur(16px);font-size:12px;line-height:1.5;animation:poltekToastIn .24s ease both}
.poltek-toast:before{content:'';flex:0 0 8px;width:8px;height:8px;margin-top:5px;border-radius:50%;background:var(--color-accent)}
.poltek-toast.is-error:before{background:#d14343}.poltek-toast.is-leaving{animation:poltekToastOut .2s ease both}
.poltek-network{position:fixed;z-index:10018;left:50%;top:max(12px,env(safe-area-inset-top));transform:translateX(-50%);padding:9px 13px;border-radius:999px;background:#0c2548;color:#fff;box-shadow:0 12px 35px rgb(0 0 0 / 18%);font-size:11px;font-weight:650}
.poltek-backtop{position:fixed;z-index:9998;right:max(16px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));display:grid;place-items:center;width:46px;height:46px;padding:0;border:1px solid var(--color-border);border-radius:50%;background:color-mix(in srgb,var(--bg-primary) 92%,transparent);color:var(--color-primary);box-shadow:0 12px 38px rgb(0 0 0 / 14%);backdrop-filter:blur(14px);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(10px);transition:.2s ease}
.poltek-backtop.is-visible{opacity:1;visibility:visible;transform:none}.poltek-backtop:hover{border-color:var(--color-accent);color:var(--color-link)}.poltek-backtop svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.poltek-lightbox{position:fixed;z-index:10030;inset:0;display:grid;place-items:center;padding:clamp(12px,3vw,32px);background:rgb(2 9 17 / 88%);backdrop-filter:blur(12px);opacity:0;visibility:hidden;transition:.2s ease}.poltek-lightbox.is-open{opacity:1;visibility:visible}
.poltek-lightbox img{max-width:min(1200px,94vw);max-height:86vh;border-radius:16px;box-shadow:0 30px 90px rgb(0 0 0 / 42%)}
.poltek-lightbox button{position:absolute;right:max(16px,env(safe-area-inset-right));top:max(16px,env(safe-area-inset-top));display:grid;place-items:center;width:44px;height:44px;border:1px solid rgb(255 255 255 / 25%);border-radius:50%;background:rgb(255 255 255 / 10%);color:#fff;font-size:24px;cursor:pointer}
.article .docs img:not(.emoji){cursor:zoom-in}
@keyframes poltekToastIn{from{opacity:0;transform:translateY(8px) scale(.98)}}@keyframes poltekToastOut{to{opacity:0;transform:translateY(6px) scale(.98)}}

@media(max-width:640px){
.header{padding-inline:12px!important}.PoltekLoginBtn,.TranslateItm,.TranslateItm .translate-trigger{width:42px!important;height:42px!important}
.cookie{display:flex!important;flex-direction:column;gap:10px;width:calc(100vw - 24px)!important}.cookie .gridarea-c,.cookie .gridarea-b{width:100%;margin:0!important;justify-content:center}.cookie .gridarea-a{font-size:12px}
.poltek-article-tools{margin-top:-.7rem}.poltek-tool-button{flex:1 1 calc(50% - 4px);min-height:44px}.poltek-toc summary{min-height:54px}.poltek-toc a{font-size:12.5px}.poltek-heading-link{opacity:1}
.poltek-backtop{width:44px;height:44px}.poltek-lightbox{padding:10px}.poltek-lightbox img{max-width:96vw;max-height:82vh;border-radius:12px}
}
@media(max-width:360px){
.find .filter{min-width:0!important;max-width:104px}.find .filter .s{padding-inline:10px 0}.find .filter .s [data-text]{max-width:58px}.find .filter .d{position:fixed!important;left:8px!important;right:8px!important;top:calc(var(--header-height) - 8px)!important;width:auto!important;margin:0!important;max-height:65vh;overflow:auto}
.lp-v1-orbit{max-width:100%;left:0!important;right:0!important}.lp-v1-data-chip{display:none}.lp-v1-copy h1{font-size:clamp(2.25rem,12vw,2.75rem)!important}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.poltek-toast,.poltek-toast.is-leaving,.poltek-backtop,.poltek-lightbox,.poltek-heading-link,.lp-v1-quote-dot:before{animation:none!important;transition:none!important}}
@media(forced-colors:active){.poltek-tool-button,.poltek-toc,.poltek-backtop,.poltek-toast{border:1px solid CanvasText}.lp-v1-copy h1 span{color:LinkText;background:none}}

/* =========================================================
   POLTEK.ID V5 — immersive editorial system
   Modern motion, interaction, and Blogger layout-ready slots.
   ========================================================= */
.lp-v5{--v5-blue:#245cff;--v5-cyan:#58d9ff;--v5-violet:#875cff;--v5-ink:#07111f;--v5-line:color-mix(in srgb,var(--color-primary) 12%,transparent);--v5-glow:color-mix(in srgb,var(--v5-blue) 28%,transparent);position:relative;overflow:clip}
.lp-v5 .lp-v1-hero{--mx:72%;--my:38%;min-height:min(860px,calc(100svh - var(--header-height)));background:radial-gradient(circle at var(--mx) var(--my),color-mix(in srgb,var(--v5-cyan) 17%,transparent),transparent 22%),radial-gradient(circle at 16% 6%,color-mix(in srgb,var(--v5-violet) 12%,transparent),transparent 30%),linear-gradient(180deg,color-mix(in srgb,var(--bg-primary) 96%,transparent),var(--bg-primary));transition:background-position .15s linear}
.lp-v5 .lp-v1-hero:after{content:'';position:absolute;z-index:0;inset:-35%;background:conic-gradient(from 90deg at 50% 50%,transparent 0 36%,color-mix(in srgb,var(--v5-cyan) 7%,transparent) 43%,transparent 51% 100%);animation:lpV5Aura 22s linear infinite;pointer-events:none}
.lp-v5 .lp-v1-hero-inner{z-index:2;min-height:min(830px,calc(100svh - var(--header-height)));max-width:1340px;padding-inline:clamp(18px,4vw,54px)}
.lp-v5 .lp-v1-copy h1{max-width:850px;font-size:clamp(3.35rem,6.6vw,7.3rem);line-height:.9;letter-spacing:-.075em;text-wrap:balance}
.lp-v5 .lp-v1-copy h1 span{display:inline;background:linear-gradient(110deg,var(--v5-blue),var(--v5-cyan) 52%,var(--v5-violet));background-size:180% auto;-webkit-background-clip:text;background-clip:text;animation:lpV5Gradient 7s ease-in-out infinite}
.lp-v5 .lp-v1-copy>p{font-size:clamp(1rem,1.35vw,1.2rem);max-width:610px;line-height:1.75}
.lp-v5 .lp-v1-eyebrow{border-color:color-mix(in srgb,var(--v5-cyan) 28%,var(--v5-line));box-shadow:0 15px 50px -25px var(--v5-glow)}
.lp-v5 .lp-v1-primary{background:linear-gradient(115deg,var(--v5-blue),color-mix(in srgb,var(--v5-blue) 55%,var(--v5-violet)));color:#fff;border:1px solid color-mix(in srgb,#fff 18%,transparent);box-shadow:0 18px 45px -16px color-mix(in srgb,var(--v5-blue) 70%,transparent);overflow:hidden;position:relative}
.lp-v5 .lp-v1-primary:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,rgb(255 255 255 / 28%),transparent 72%);transform:translateX(-130%);transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.lp-v5 .lp-v1-primary:hover:after{transform:translateX(130%)}
.lp-v5 .lp-v1-secondary{background:color-mix(in srgb,var(--bg-primary) 74%,transparent);backdrop-filter:blur(14px)}
.lp-v5 .lp-v1-visual{perspective:1100px}
.lp-v5 .lp-v1-globe-wrap{animation:lpV5Float 7s ease-in-out infinite}
.lp-v5 .lp-v1-orbit-a{animation:lpV5OrbitA 14s linear infinite}.lp-v5 .lp-v1-orbit-b{animation:lpV5OrbitB 18s linear infinite reverse}
.lp-v5 .lp-v1-data-chip{border-color:color-mix(in srgb,var(--v5-cyan) 26%,var(--v5-line));font-size:10px;box-shadow:0 20px 55px -24px var(--v5-glow)}
.lp-v5-scroll-cue{position:absolute;z-index:5;left:50%;bottom:25px;display:flex;align-items:center;gap:12px;transform:translateX(-50%);color:var(--color-tertiary);font:650 10px/1 var(--font-monospace);letter-spacing:.16em}
.lp-v5-scroll-cue i{display:block;width:42px;height:1px;background:var(--v5-line);position:relative;overflow:hidden}.lp-v5-scroll-cue i:after{content:'';position:absolute;inset:0;background:var(--v5-blue);transform:translateX(-100%);animation:lpV5ScrollCue 2.1s ease-in-out infinite}
.lp-v5-marquee{position:relative;z-index:4;width:100%;overflow:hidden;border-block:1px solid var(--v5-line);background:color-mix(in srgb,var(--bg-primary) 88%,transparent);backdrop-filter:blur(14px)}
.lp-v5-marquee-track{display:flex;align-items:center;gap:28px;width:max-content;padding:16px 0;animation:lpV5Marquee 28s linear infinite}
.lp-v5-marquee span{font:750 clamp(.78rem,1.15vw,.95rem)/1 var(--font-primary);letter-spacing:.18em}.lp-v5-marquee i{width:6px;height:6px;border-radius:50%;background:var(--v5-cyan);box-shadow:0 0 18px var(--v5-cyan)}

.lp-v5 .lp-v1-editorial-band{margin-top:42px}.lp-v5 .lp-v1-editorial-card,.lp-v5 .lp-v1-topic{transform-style:preserve-3d;will-change:transform;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s ease,border-color .25s ease}
.lp-v5 .lp-v1-editorial-card{min-height:205px;border-radius:26px;background:linear-gradient(145deg,color-mix(in srgb,var(--bg-primary) 98%,transparent),color-mix(in srgb,var(--bg-secondary) 78%,transparent))}
.lp-v5 .lp-v1-editorial-card.is-featured{background:linear-gradient(135deg,var(--v5-ink),#102a50 58%,#144c68);color:#fff;border-color:rgb(255 255 255 / 9%)}
.lp-v5 .lp-v1-editorial-card>*{transform:translateZ(22px)}
.lp-v5 .lp-v1-topics,.lp-v5 .lp-v1-latest,.lp-v5 .lp-v1-quotes{padding-top:clamp(70px,9vw,125px)}
.lp-v5 .lp-v1-section-head h2{font-size:clamp(2rem,4vw,4rem);line-height:.98;letter-spacing:-.06em;text-wrap:balance}
.lp-v5 .lp-v1-section-head>div>span,.lp-v5 .lp-v1-label{color:var(--v5-blue)}
.lp-v5 .lp-v1-topic{min-height:250px;border-radius:26px;background:linear-gradient(145deg,var(--bg-primary),color-mix(in srgb,var(--bg-secondary) 72%,transparent))}
.lp-v5 .lp-v1-topic:nth-child(1),.lp-v5 .lp-v1-topic:nth-child(2){min-height:285px}
.lp-v5 .lp-v1-topic>*{transform:translateZ(20px)}
.lp-v5 .lp-v1-topic:after{background:linear-gradient(145deg,transparent 38%,color-mix(in srgb,var(--topic-glow) 15%,transparent))}

.lp-v5-lab{display:grid;grid-template-columns:minmax(0,.82fr) minmax(420px,1.18fr);gap:clamp(34px,6vw,95px);align-items:center;max-width:1180px;margin:clamp(80px,12vw,160px) auto 0;padding:clamp(45px,6vw,80px) 20px;border-block:1px solid var(--v5-line)}
.lp-v5-lab-copy h2{margin:14px 0 22px;font-size:clamp(2.45rem,5vw,5.5rem);line-height:.93;letter-spacing:-.07em}.lp-v5-lab-copy>p{max-width:470px;margin:0;color:var(--color-secondary);font-size:1rem;line-height:1.8}
.lp-v5-lab-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.lp-v5-lab-tabs button{position:relative;overflow:hidden;min-height:46px;padding:0 17px;border:1px solid var(--v5-line);border-radius:999px;background:transparent;color:var(--color-secondary);font:650 .875rem var(--font-primary);cursor:pointer;transition:.22s ease}.lp-v5-lab-tabs button:hover,.lp-v5-lab-tabs button.is-active{border-color:var(--v5-blue);background:var(--v5-blue);color:#fff;transform:translateY(-2px);box-shadow:0 15px 34px -17px var(--v5-blue)}
.lp-v5-lab-stage{position:relative;min-height:430px;border:1px solid color-mix(in srgb,var(--v5-cyan) 24%,var(--v5-line));border-radius:36px;background:radial-gradient(circle at 78% 15%,color-mix(in srgb,var(--v5-cyan) 20%,transparent),transparent 30%),linear-gradient(145deg,#07111f,#0c1d35);box-shadow:0 45px 100px -55px color-mix(in srgb,var(--v5-blue) 85%,transparent);overflow:hidden;transform-style:preserve-3d}
.lp-v5-lab-stage:before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgb(255 255 255 / 5%) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / 5%) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(135deg,#000,transparent 78%)}
.lp-v5-lab-stage:after{content:'';position:absolute;right:-90px;bottom:-105px;width:300px;height:300px;border:1px solid rgb(88 217 255 / 32%);border-radius:50%;box-shadow:0 0 0 35px rgb(88 217 255 / 4%),0 0 0 70px rgb(88 217 255 / 3%)}
.lp-v5-lab-panel{position:absolute;z-index:2;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(30px,5vw,58px);color:#fff;animation:lpV5PanelIn .55s cubic-bezier(.2,.8,.2,1)}
.lp-v5-lab-panel[hidden]{display:none}.lp-v5-lab-panel>span{font:650 .75rem var(--font-monospace);letter-spacing:.15em;color:#7ee5ff}.lp-v5-lab-panel>strong{display:block;max-width:680px;margin-top:18px;font-size:clamp(2rem,4vw,4.25rem);line-height:1;letter-spacing:-.06em}.lp-v5-lab-panel>p{max-width:550px;margin:22px 0 0;color:rgb(255 255 255 / 68%);font-size:.95rem;line-height:1.75}.lp-v5-lab-panel>a{align-self:flex-start;margin-top:28px;color:#fff;font-size:.875rem;font-weight:700;border-bottom:1px solid rgb(255 255 255 / 38%);padding-bottom:5px}

.lp-v5 .lp-v1-highlight-inner{padding-block:clamp(55px,8vw,100px)}.lp-v5 .lp-v1-highlight h2{font-size:clamp(2.15rem,4.8vw,5rem);line-height:.96;letter-spacing:-.065em}.lp-v5 .lp-v1-highlight p{font-size:1rem}
.lp-v5 .lp-v1-quote-shell{border-radius:34px;background:linear-gradient(145deg,var(--bg-primary),color-mix(in srgb,var(--bg-secondary) 70%,transparent));box-shadow:0 35px 85px -55px color-mix(in srgb,var(--color-primary) 45%,transparent)}

.lp-motion-ready [data-reveal]{opacity:0;transform:translateY(42px);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1)}
.lp-motion-ready [data-reveal='scale']{transform:translateY(24px) scale(.91)}.lp-motion-ready [data-reveal].is-visible{opacity:1;transform:none}
[data-tilt='true']{--rx:0deg;--ry:0deg;--tz:0px;transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry)) translateZ(var(--tz))}
.lp-v5-ripple{position:absolute;z-index:20;width:16px;height:16px;border-radius:50%;background:rgb(255 255 255 / 38%);pointer-events:none;transform:translate(-50%,-50%) scale(0);animation:lpV5Ripple .65s ease-out forwards}
.lp-v5-scroll-progress{position:fixed;z-index:10020;inset:0 0 auto;width:100%;height:3px;pointer-events:none;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--v5-blue),var(--v5-cyan),var(--v5-violet));box-shadow:0 0 18px color-mix(in srgb,var(--v5-cyan) 65%,transparent)}

.lp-layout-slot{width:min(1180px,calc(100% - 40px));margin:34px auto}.lp-layout-slot:empty,.lp-layout-slot:not(:has(.widget)){display:none}.lp-layout-slot .widget{margin:0;padding:clamp(20px,3vw,34px);border:1px solid var(--v5-line);border-radius:24px;background:color-mix(in srgb,var(--bg-primary) 92%,transparent)}.lp-layout-slot .widget-title{margin:0 0 14px;font-size:1.15rem}.lp-layout-slot .widget-content{font-size:1rem;line-height:1.7}.lp-layout-footer{grid-column:1/-1;width:100%;margin:0 0 10px}.lp-widget-aside{display:none}.lp-widget-aside:has(.widget){display:block}.lp-widget-aside .widget{border:1px solid var(--color-border);border-radius:20px;padding:18px;background:var(--bg-primary)}

@keyframes lpV5Aura{to{transform:rotate(1turn)}}@keyframes lpV5Gradient{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}@keyframes lpV5Float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-14px) rotate(1deg)}}
@keyframes lpV5OrbitA{to{transform:rotate(336deg)}}@keyframes lpV5OrbitB{to{transform:rotate(385deg)}}@keyframes lpV5ScrollCue{0%{transform:translateX(-100%)}50%,100%{transform:translateX(100%)}}@keyframes lpV5Marquee{to{transform:translateX(-50%)}}@keyframes lpV5PanelIn{from{opacity:0;transform:translateY(20px) scale(.985)}to{opacity:1;transform:none}}@keyframes lpV5Ripple{to{opacity:0;transform:translate(-50%,-50%) scale(18)}}

@media(max-width:900px){.lp-v5 .lp-v1-hero{min-height:0}.lp-v5 .lp-v1-hero-inner{min-height:0;padding-top:80px;padding-bottom:75px}.lp-v5 .lp-v1-copy h1{font-size:clamp(3.2rem,10vw,5.7rem)}.lp-v5-scroll-cue{display:none}.lp-v5-lab{grid-template-columns:1fr;gap:38px}.lp-v5-lab-stage{min-height:390px}}
@media(max-width:640px){.lp-v5 .lp-v1-hero-inner{padding:58px 16px 42px}.lp-v5 .lp-v1-copy h1{font-size:clamp(2.8rem,14.6vw,4.35rem);line-height:.91}.lp-v5 .lp-v1-copy>p{font-size:.95rem}.lp-v5 .lp-v1-visual{min-height:350px}.lp-v5-marquee-track{gap:19px;padding-block:13px}.lp-v5 .lp-v1-editorial-band{margin-top:28px}.lp-v5 .lp-v1-editorial-card{min-height:158px}.lp-v5 .lp-v1-topics,.lp-v5 .lp-v1-latest,.lp-v5 .lp-v1-quotes{padding-top:72px}.lp-v5 .lp-v1-topic,.lp-v5 .lp-v1-topic:nth-child(1),.lp-v5 .lp-v1-topic:nth-child(2){min-height:175px}.lp-v5-lab{margin-top:90px;padding:58px 16px}.lp-v5-lab-copy h2{font-size:clamp(2.65rem,13vw,4rem)}.lp-v5-lab-tabs{display:grid;grid-template-columns:repeat(3,1fr)}.lp-v5-lab-tabs button{padding-inline:8px;font-size:.78rem}.lp-v5-lab-stage{min-height:420px;border-radius:25px}.lp-v5-lab-panel{padding:28px 24px}.lp-v5-lab-panel>strong{font-size:clamp(2rem,10vw,3rem)}.lp-layout-slot{width:calc(100% - 32px);margin-block:24px}}
@media(hover:none),(pointer:coarse){[data-tilt='true']{transform:none!important}.lp-v5 .lp-v1-editorial-card:hover,.lp-v5 .lp-v1-topic:hover{transform:none}.lp-v5 .lp-v1-globe-wrap{animation-duration:9s}}
@media(prefers-reduced-motion:reduce){.lp-v5 *,.lp-v5 *:before,.lp-v5 *:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.lp-motion-ready [data-reveal]{opacity:1;transform:none}.lp-v5-marquee-track{transform:none}.lp-v5-marquee{overflow:auto}}

/* Poltek.ID editorial redesign: calm, direct, and article-first */
.lp-v5{--lp-editorial-width:1220px;background:var(--bg-primary)!important}
.lp-v5 .lp-v1-hero{min-height:640px;background:var(--bg-primary)!important;border-bottom:1px solid var(--color-border)}
.lp-v5 .lp-v1-hero:before,.lp-v5 .lp-v1-hero:after{display:none!important}
.lp-v5 .lp-v1-hero-inner{width:min(var(--lp-editorial-width),calc(100% - 48px));min-height:640px;grid-template-columns:minmax(0,1.04fr) minmax(360px,.76fr);gap:clamp(32px,6vw,88px);padding:72px 0 64px}
.lp-v5 .lp-v1-copy{max-width:720px}
.lp-v5 .lp-v1-eyebrow{padding:0;border:0;background:none;box-shadow:none;backdrop-filter:none;font-size:12px;letter-spacing:.14em}
.lp-v5 .lp-v1-eyebrow i{font-size:10px}
.lp-v5 .lp-v1-copy h1{max-width:740px;margin:24px 0 22px;font-size:clamp(3.35rem,6.2vw,6rem);line-height:.96;letter-spacing:-.062em;color:var(--color-primary)}
.lp-v5 .lp-v1-copy h1,.lp-v5 .lp-v1-copy h1 span{background:none!important;-webkit-text-fill-color:currentColor!important}
.lp-v5 .lp-v1-copy h1 span{color:var(--color-accent)!important}
.lp-v5 .lp-v1-copy>p{max-width:590px;font-size:17px;line-height:1.75;color:var(--color-secondary)}
.lp-v5 .lp-v1-actions{margin-top:34px;gap:12px}
.lp-v5 .lp-v1-primary,.lp-v5 .lp-v1-secondary{min-height:50px;padding:0 20px;border-radius:12px;font-size:14px;letter-spacing:0;box-shadow:none}
.lp-v5 .lp-v1-secondary{border-color:var(--color-border);background:transparent}
.lp-v5 .lp-v1-visual{min-height:470px;display:grid;place-items:center}
.lp-v5 .lp-v1-globe-wrap{width:min(470px,100%);filter:none!important;animation:none!important;transform:none!important}
.lp-v5 .lp-v1-globe-wrap:before,.lp-v5 .lp-v1-globe-wrap:after,.lp-v5 .lp-v1-orbit,.lp-v5 .lp-v1-data-chip{display:none!important}
.lp-v5 .lp-v1-earth-webgl,.lp-v5 .lp-v1-earth-webgl canvas,.lp-v5 .lp-v1-globe-stage{filter:none!important;box-shadow:none!important}
.lp-v5 .lp-v1-topics,.lp-v5 .lp-v1-latest{width:min(var(--lp-editorial-width),calc(100% - 48px));max-width:none;padding:96px 0 10px}
.lp-v5 .lp-v1-section-head{align-items:end;gap:30px;margin-bottom:34px}
.lp-v5 .lp-v1-section-head>div>span{font-size:11px;letter-spacing:.14em}
.lp-v5 .lp-v1-section-head h2{max-width:650px;font-size:clamp(2.15rem,4.4vw,4rem);line-height:1.02;letter-spacing:-.045em}
.lp-v5 .lp-v1-section-head>p{max-width:470px;font-size:15px;line-height:1.7}
.lp-v5 .lp-v1-topic-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.lp-v5 .lp-v1-topic,.lp-v5 .lp-v1-topic:nth-child(1),.lp-v5 .lp-v1-topic:nth-child(2){grid-column:span 1;min-height:196px;padding:24px;border:1px solid var(--color-border);border-radius:18px;background:var(--bg-primary);box-shadow:none}
.lp-v5 .lp-v1-topic:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--color-accent) 50%,var(--color-border));box-shadow:none}
.lp-v5 .lp-v1-topic-icon{width:42px;height:42px;margin-bottom:24px;border-radius:50%;font-size:11px!important}
.lp-v5 .lp-v1-topic strong{font-size:18px;letter-spacing:-.02em}
.lp-v5 .lp-v1-topic small{max-width:250px;font-size:14px;line-height:1.55}
.lp-v5 .lp-v1-highlight{width:min(var(--lp-editorial-width),calc(100% - 48px));margin:96px auto 0;padding:0}
.lp-v5 .lp-v1-highlight-inner{grid-template-columns:minmax(0,.9fr) minmax(320px,.72fr);gap:clamp(36px,8vw,110px);padding:54px 56px;border:0;border-radius:22px;background:#0b2748;color:#fff}
.lp-v5 .lp-v1-highlight-inner:before,.lp-v5 .lp-v1-highlight-inner:after{display:none}
.lp-v5 .lp-v1-highlight h2{max-width:610px;color:#fff;font-size:clamp(2rem,4vw,3.7rem);line-height:1.04}
.lp-v5 .lp-v1-highlight p{font-size:16px;line-height:1.75;color:rgb(255 255 255 / 78%)}
.lp-v5 .lp-v1-highlight .lp-v1-label{color:#8bd5ff}
.lp-v5 .lp-v1-latest{padding-top:96px}
.lp-v5 .lp-v1-latest .lp-v1-section-head>a{font-size:14px}
.lp-v5 .lp-layout-slot{width:min(var(--lp-editorial-width),calc(100% - 48px))}
.find button.ex{appearance:none;margin:0;padding:0;border:0;background:transparent;color:inherit}

@media(max-width:900px){
  .lp-v5 .lp-v1-hero-inner{width:min(100% - 40px,720px);grid-template-columns:1fr;padding-top:64px;text-align:center}
  .lp-v5 .lp-v1-copy,.lp-v5 .lp-v1-copy>p{margin-inline:auto}
  .lp-v5 .lp-v1-eyebrow,.lp-v5 .lp-v1-actions{justify-content:center}
  .lp-v5 .lp-v1-visual{min-height:390px}
  .lp-v5 .lp-v1-globe-wrap{width:min(390px,80vw)}
  .lp-v5 .lp-v1-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lp-v5 .lp-v1-highlight-inner{grid-template-columns:1fr;padding:44px}
}
@media(max-width:640px){
  .lp-v5 .lp-v1-hero-inner{width:calc(100% - 32px);padding:54px 0 36px;gap:8px}
  .lp-v5 .lp-v1-copy h1{font-size:clamp(2.65rem,13vw,4rem);line-height:.95}
  .lp-v5 .lp-v1-copy>p{font-size:15px;line-height:1.7}
  .lp-v5 .lp-v1-actions{display:flex;flex-direction:column;align-items:stretch}
  .lp-v5 .lp-v1-primary,.lp-v5 .lp-v1-secondary{width:100%;font-size:14px}
  .lp-v5 .lp-v1-visual{min-height:330px}
  .lp-v5 .lp-v1-globe-wrap{width:min(330px,90vw)}
  .lp-v5 .lp-v1-topics,.lp-v5 .lp-v1-latest,.lp-v5 .lp-v1-highlight,.lp-v5 .lp-layout-slot{width:calc(100% - 32px)}
  .lp-v5 .lp-v1-topics,.lp-v5 .lp-v1-latest{padding-top:72px}
  .lp-v5 .lp-v1-section-head{display:block;margin-bottom:26px}
  .lp-v5 .lp-v1-section-head>p{margin-top:14px;font-size:14px}
  .lp-v5 .lp-v1-topic-grid{grid-template-columns:1fr}
  .lp-v5 .lp-v1-topic,.lp-v5 .lp-v1-topic:nth-child(1),.lp-v5 .lp-v1-topic:nth-child(2){min-height:172px}
  .lp-v5 .lp-v1-highlight{margin-top:72px}
  .lp-v5 .lp-v1-highlight-inner{padding:34px 26px;border-radius:18px}
  .lp-v5 .lp-v1-highlight p{font-size:15px}
}

/* Editorial topic index */
.lp-topic-index{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:clamp(46px,8vw,112px);width:min(var(--lp-editorial-width),calc(100% - 48px));margin:0 auto;padding:112px 0 18px}
.lp-topic-intro{align-self:start;position:sticky;top:92px}
.lp-topic-kicker,.lp-scientists-head>span{display:block;margin-bottom:18px;color:var(--color-accent);font:650 12px/1.2 var(--font-secondary);letter-spacing:.16em}
.lp-topic-intro h2{max-width:520px;margin:0;color:var(--color-primary);font:650 clamp(2.8rem,5.5vw,5.7rem)/.94 var(--font-primary);letter-spacing:-.06em}
.lp-topic-intro p{max-width:390px;margin:25px 0 0;color:var(--color-secondary);font-size:16px;line-height:1.7}
.lp-topic-list{border-top:1px solid var(--color-border)}
.lp-topic-list>a{display:grid;grid-template-columns:48px minmax(0,1fr) 42px;align-items:center;gap:18px;min-height:116px;padding:18px 4px;border-bottom:1px solid var(--color-border);color:var(--color-primary);transition:padding .25s ease,background .25s ease,color .25s ease}
.lp-topic-list>a:hover,.lp-topic-list>a:focus-visible{padding-inline:20px;background:var(--color-accent);color:#071d39}
.lp-topic-number{align-self:start;padding-top:9px;font:650 12px/1 var(--font-monospace);letter-spacing:.08em;opacity:.62}
.lp-topic-copy{display:grid;grid-template-columns:minmax(150px,.62fr) minmax(220px,1fr);align-items:center;gap:24px}
.lp-topic-copy strong{font:620 clamp(1.8rem,3vw,2.75rem)/1 var(--font-primary);letter-spacing:-.045em}
.lp-topic-copy small{max-width:340px;color:var(--color-secondary);font-size:14px;line-height:1.55;transition:color .25s ease}
.lp-topic-list>a:hover small,.lp-topic-list>a:focus-visible small{color:#163651}
.lp-topic-arrow{display:grid;place-items:center;width:40px;height:40px;border:1px solid currentColor;border-radius:50%;font-size:18px;transition:transform .25s ease}
.lp-topic-list>a:hover .lp-topic-arrow,.lp-topic-list>a:focus-visible .lp-topic-arrow{transform:rotate(45deg)}

/* Scientist quotation room */
.lp-scientists{width:min(var(--lp-editorial-width),calc(100% - 48px));margin:108px auto 0;padding:58px 60px 62px;border-radius:26px;background:#071d39;color:#fff;overflow:hidden}
.lp-scientists-head{display:grid;grid-template-columns:minmax(180px,.48fr) minmax(0,1.3fr);gap:42px;align-items:start;padding-bottom:45px;border-bottom:1px solid rgb(255 255 255 / 16%)}
.lp-scientists-head>span{margin:8px 0 0;color:#71d4f2}
.lp-scientists-head h2{max-width:790px;margin:0;color:#fff;font:620 clamp(2.45rem,4.8vw,4.9rem)/.98 var(--font-primary);letter-spacing:-.055em}
.lp-scientists-shell{display:grid;grid-template-columns:minmax(205px,.45fr) minmax(0,1.35fr);gap:clamp(38px,7vw,96px);padding-top:42px}
.lp-scientists-nav{display:flex;flex-direction:column;border-top:1px solid rgb(255 255 255 / 16%)}
.lp-scientists-nav button{display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:center;min-height:54px;padding:10px 0;border:0;border-bottom:1px solid rgb(255 255 255 / 16%);background:transparent;color:rgb(255 255 255 / 58%);font:520 13px/1.3 var(--font-secondary);text-align:left;cursor:pointer;transition:color .2s ease,padding .2s ease}
.lp-scientists-nav button span{font:600 10px/1 var(--font-monospace);letter-spacing:.08em}
.lp-scientists-nav button:hover,.lp-scientists-nav button.is-active{padding-left:8px;color:#8fe4ff}
.lp-scientists-quotes{position:relative;min-height:335px}
.lp-scientists-quotes article{height:100%;padding:4px 0 0;animation:lpScientistIn .38s ease both}
.lp-scientists-mark{display:block;height:58px;color:#71d4f2;font:500 96px/.8 Georgia,serif}
.lp-scientists-quotes blockquote{max-width:820px;margin:18px 0 34px;color:#fff;font:500 clamp(2rem,4vw,4rem)/1.14 var(--font-primary);letter-spacing:-.045em}
.lp-scientists-quotes cite{display:flex;align-items:baseline;gap:13px;color:#8fe4ff;font:650 14px/1.5 var(--font-secondary);font-style:normal}
.lp-scientists-quotes cite small{color:rgb(255 255 255 / 52%);font-size:12px;font-weight:450}
@keyframes lpScientistIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

/* The desktop layout has no reserved right sidebar. */
@media(min-width:1025px){
  .container{width:100%!important;max-width:none!important;padding-inline-end:0!important}
  .main{width:100%!important;min-width:0}
  .main >main{display:block!important;width:100%!important}
  .outer{display:flex!important;width:100%!important;max-width:none!important;min-width:0;flex:1 1 100%}
  .aside,.aside.lp-widget-aside{display:none!important;width:0!important}
}

@media(max-width:900px){
  .lp-topic-index{grid-template-columns:1fr;gap:42px;padding-top:88px}
  .lp-topic-intro{position:static}
  .lp-topic-intro h2{max-width:720px}
  .lp-topic-copy{grid-template-columns:minmax(140px,.55fr) minmax(220px,1fr)}
  .lp-scientists{padding:46px 40px 50px}
  .lp-scientists-head{grid-template-columns:1fr;gap:14px}
  .lp-scientists-shell{grid-template-columns:1fr;gap:34px}
  .lp-scientists-nav{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));overflow-x:auto}
  .lp-scientists-nav button{border-right:1px solid rgb(255 255 255 / 16%);padding-inline:10px}
}
@media(max-width:640px){
  .lp-topic-index,.lp-scientists{width:calc(100% - 32px)}
  .lp-topic-index{padding-top:72px;gap:32px}
  .lp-topic-intro h2{font-size:clamp(2.65rem,13vw,4rem)}
  .lp-topic-intro p{font-size:15px}
  .lp-topic-list>a{grid-template-columns:34px minmax(0,1fr) 36px;gap:10px;min-height:126px;padding-block:17px}
  .lp-topic-list>a:hover,.lp-topic-list>a:focus-visible{padding-inline:10px}
  .lp-topic-copy{display:block}
  .lp-topic-copy strong{display:block;font-size:1.75rem}
  .lp-topic-copy small{display:block;margin-top:8px;font-size:13px}
  .lp-topic-arrow{width:34px;height:34px;font-size:15px}
  .lp-scientists{margin-top:72px;padding:35px 24px 39px;border-radius:20px}
  .lp-scientists-head{padding-bottom:30px}
  .lp-scientists-head h2{font-size:clamp(2.2rem,10vw,3.25rem)}
  .lp-scientists-shell{padding-top:28px}
  .lp-scientists-nav{margin-right:-24px;padding-right:24px}
  .lp-scientists-quotes{min-height:360px}
  .lp-scientists-mark{height:42px;font-size:75px}
  .lp-scientists-quotes blockquote{margin-top:18px;font-size:clamp(1.75rem,8.5vw,2.65rem);line-height:1.18}
  .lp-scientists-quotes cite{display:block}
  .lp-scientists-quotes cite small{display:block;margin-top:4px}
}


.lp-v1-globe-stage{position:relative;width:100%;height:100%;min-width:0;min-height:0;aspect-ratio:1/1;overflow:hidden;background:transparent}.lp-v1-globe-stage canvas{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;touch-action:none}

    .post-body a.b-tooltip-container {
      position: relative;
      display: inline-block;
    }

    .post-body a.b-tooltip-container .b-tooltip {
      display: block !important;
      position: absolute;
      top: 100%;
      left: 50%;
      transform: translate(-20%, 1px);
      visibility: hidden;
      opacity: 0;
      z-index: 1;
      transition: opacity 0.2s ease-in-out;
    }

    .post-body a.b-tooltip-container .b-tooltip iframe {
      width: 200px;
      height: 198px;
      max-width: none;
      border: none;
      border-radius: 20px;
      box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.2);
    }

    @media (hover: hover) {
      .post-body a.b-tooltip-container:hover .b-tooltip {
        visibility: visible;
        opacity: 1;
      }
    }