/* ==========================================================
   Gadget Spill — Light & Airy (Pusat Informasi)
   ========================================================== */

/* Fonts (lokal) */
@font-face{font-family:"Space Grotesk";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/space-grotesk-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Space Grotesk";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/space-grotesk-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Space Grotesk";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/space-grotesk-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/inter-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/inter-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/inter-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/inter-latin-700-normal.woff2) format("woff2")}

:root{
	--gs-bg:#F5F4FA;
	--gs-surface:#FFFFFF;
	--gs-surface-2:#F0EEF8;
	--gs-slate:#E7E4F3;
	--gs-lime:#C5F563;
	--gs-lime-soft:#EEFCD2;
	--gs-violet:#9076ED;
	--gs-violet-deep:#5B3FD1;
	--gs-violet-soft:#EEE9FD;
	--gs-navy:#151525;
	--gs-text:#151525;
	--gs-text2:#4B4A63;
	--gs-muted:#7D7B95;
	--gs-radius:22px;
	--gs-radius-sm:14px;
	--gs-container:1220px;
	--gs-gap:22px;
	--gs-font-head:"Space Grotesk",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
	--gs-font-body:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
	--gs-shadow:0 1px 2px rgba(21,21,37,.04),0 12px 32px -14px rgba(91,63,209,.18);
	--gs-shadow-lg:0 2px 4px rgba(21,21,37,.04),0 28px 60px -24px rgba(91,63,209,.32);
	/* Pastel per topik */
	--t-berita:#E9F1FF;--t-berita-ink:#2F5BD3;
	--t-review:#FFF0E6;--t-review-ink:#C2561A;
	--t-banding:#EEE9FD;--t-banding-ink:#5B3FD1;
	--t-tips:#EEFCD2;--t-tips-ink:#4C7A0A;
	--t-info:#E6F8F4;--t-info-ink:#0F7A66;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--gs-bg);color:var(--gs-text2);font-family:var(--gs-font-body);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
img,svg,video{max-width:100%;height:auto;display:block}
a{color:var(--gs-text);text-decoration:none;transition:color .2s ease}
a:hover,a:focus-visible{color:var(--gs-violet-deep)}
:focus-visible{outline:2px solid var(--gs-violet);outline-offset:2px;border-radius:6px}
h1,h2,h3,h4,h5,h6{font-family:var(--gs-font-head);color:var(--gs-text);line-height:1.22;margin:0 0 .6em;font-weight:700;letter-spacing:-.015em}
p{margin:0 0 1em}
mark{background:linear-gradient(transparent 58%,var(--gs-lime) 58%,var(--gs-lime) 92%,transparent 92%);color:inherit;padding:0 .08em}
button,input,select,textarea{font:inherit;color:inherit}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}
.skip-link:focus{clip:auto;clip-path:none;height:auto;width:auto;z-index:1000;top:8px;left:8px;background:var(--gs-navy);color:#fff;padding:10px 16px;border-radius:10px}
.gs-container{width:100%;max-width:var(--gs-container);margin:0 auto;padding:0 20px}
.gs-ic{flex:none}

/* ---------- Header ---------- */
.gs-header{position:sticky;top:0;z-index:50;background:rgba(245,244,250,.82);backdrop-filter:saturate(160%) blur(14px);-webkit-backdrop-filter:saturate(160%) blur(14px);border-bottom:1px solid transparent;transition:border-color .2s,box-shadow .2s}
.gs-header.is-scrolled{border-bottom-color:var(--gs-slate);box-shadow:0 8px 24px -18px rgba(21,21,37,.25)}
.admin-bar .gs-header{top:32px}
@media (max-width:782px){.admin-bar .gs-header{top:46px}}
@media (max-width:600px){.admin-bar .gs-header{top:0}}
.gs-header__inner{display:flex;align-items:center;gap:24px;min-height:74px}
.gs-logo{display:inline-flex;align-items:center;flex:none}
.gs-logo__img{height:42px;width:auto;max-width:200px}
.gs-nav{margin-left:auto}
.gs-nav__list{list-style:none;display:flex;align-items:center;gap:2px;margin:0;padding:5px;background:var(--gs-surface);border:1px solid var(--gs-slate);border-radius:40px;box-shadow:var(--gs-shadow)}
.gs-nav__list li{position:relative}
.gs-nav__list a{display:block;padding:8px 14px;font-family:var(--gs-font-head);font-weight:600;font-size:14px;color:var(--gs-text2);white-space:nowrap;border-radius:30px;transition:background .2s,color .2s}
.gs-nav__list a:hover{background:var(--gs-violet-soft);color:var(--gs-violet-deep)}
.gs-nav__list .current-menu-item>a,.gs-nav__list .current-menu-parent>a,.gs-nav__list .current-category-ancestor>a{background:var(--gs-navy);color:#fff}
.gs-nav__list .sub-menu{list-style:none;margin:0;padding:8px;position:absolute;top:calc(100% + 8px);left:0;min-width:220px;background:var(--gs-surface);border:1px solid var(--gs-slate);border-radius:var(--gs-radius-sm);box-shadow:var(--gs-shadow-lg);opacity:0;visibility:hidden;transform:translateY(6px);transition:.2s}
.gs-nav__list li:hover>.sub-menu,.gs-nav__list li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:none}
.gs-header__actions{display:flex;align-items:center;gap:6px}
.gs-icon-btn{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--gs-slate);background:var(--gs-surface);color:var(--gs-text);cursor:pointer;transition:.2s;box-shadow:var(--gs-shadow)}
.gs-icon-btn:hover{background:var(--gs-lime);border-color:var(--gs-lime);color:var(--gs-navy)}
.gs-icon-btn .gs-ic{width:19px;height:19px}
.gs-menu-toggle{display:none}
.gs-menu-toggle__close{display:none}
.gs-menu-toggle[aria-expanded="true"] .gs-menu-toggle__open{display:none}
.gs-menu-toggle[aria-expanded="true"] .gs-menu-toggle__close{display:inline}
.gs-search-panel{padding:14px 0 18px}
.gs-search-panel[hidden]{display:none}
.gs-search-panel .gs-searchform{max-width:640px;margin:0 auto}

/* ---------- Search form ---------- */
.gs-searchform{display:flex;align-items:center;background:var(--gs-surface);border:1px solid var(--gs-slate);border-radius:40px;padding:5px;transition:border-color .2s,box-shadow .2s;box-shadow:var(--gs-shadow)}
.gs-searchform:focus-within{border-color:var(--gs-violet);box-shadow:0 0 0 4px rgba(144,118,237,.15)}
.gs-searchform__input{flex:1;min-width:0;border:0;background:transparent;padding:10px 16px;color:var(--gs-text);outline:none}
.gs-searchform__input::placeholder{color:var(--gs-muted)}
.gs-searchform__btn{border:0;background:var(--gs-navy);color:#fff;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;cursor:pointer;flex:none;transition:background .2s,color .2s}
.gs-searchform__btn:hover{background:var(--gs-lime);color:var(--gs-navy)}

/* ---------- Layout ---------- */
.gs-main{padding:30px 0 70px}
.gs-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:32px;align-items:start}
.gs-content{min-width:0}

/* ---------- Badges, chips, pills, meta ---------- */
.gs-badge{display:inline-block;align-self:flex-start;background:var(--gs-violet-soft);color:var(--gs-violet-deep);font-family:var(--gs-font-head);font-weight:700;font-size:12px;line-height:1;padding:7px 11px;border-radius:30px;margin-bottom:12px}
.gs-badge:hover,.gs-badge:focus-visible{background:var(--gs-violet);color:#fff}
.gs-badge--sm{font-size:11.5px;padding:6px 10px;margin-bottom:10px}
.gs-pill{display:inline-flex;align-items:center;gap:8px;font-family:var(--gs-font-head);font-weight:600;font-size:13px;color:var(--gs-violet-deep);background:var(--gs-surface);border:1px solid var(--gs-slate);padding:7px 14px;border-radius:30px;box-shadow:var(--gs-shadow);margin-bottom:20px}
.gs-pill .gs-ic{width:16px;height:16px}
.gs-chip{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:30px;background:var(--gs-surface);border:1px solid var(--gs-slate);color:var(--gs-text2);font-size:13.5px;font-weight:600;transition:transform .2s,box-shadow .2s}
.gs-chip .gs-ic{width:16px;height:16px}
.gs-chip:hover{transform:translateY(-2px);box-shadow:var(--gs-shadow);color:var(--gs-text)}
.gs-meta{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13px;color:var(--gs-muted)}
.gs-meta__item{display:inline-flex;align-items:center;gap:6px}
.gs-meta__item .gs-ic{width:15px;height:15px}
.gs-meta a{color:var(--gs-text2)}

/* Tint per topik */
.gs-tint--berita-gadget{--tint:var(--t-berita);--ink:var(--t-berita-ink)}
.gs-tint--review-tablet-ipad{--tint:var(--t-review);--ink:var(--t-review-ink)}
.gs-tint--perbandingan-gadget{--tint:var(--t-banding);--ink:var(--t-banding-ink)}
.gs-tint--tips-tutorial{--tint:var(--t-tips);--ink:var(--t-tips-ink)}
.gs-tint--info-spesifikasi{--tint:var(--t-info);--ink:var(--t-info-ink)}
.gs-chip[class*="gs-tint--"]{background:var(--tint);border-color:transparent;color:var(--ink)}

/* ---------- Hero homepage ---------- */
.gs-hub{padding-top:0}
.gs-hero2{position:relative;overflow:hidden;padding:56px 0 70px}
.gs-hero2::after{content:"";position:absolute;left:0;right:0;bottom:0;height:160px;background:linear-gradient(rgba(245,244,250,0),var(--gs-bg));pointer-events:none}
.gs-hub{overflow-x:clip}
.gs-blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55;pointer-events:none}
.gs-blob--a{width:520px;height:520px;background:#D9CFFB;top:-180px;right:-120px}
.gs-blob--b{width:420px;height:420px;background:#E3F9B8;bottom:-200px;left:-140px}
.gs-hero2__inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:48px;align-items:center}
.gs-hero2__title{font-size:clamp(32px,4.4vw,54px);line-height:1.08;letter-spacing:-.03em;margin:0 0 18px}
.gs-hero2__desc{font-size:17.5px;color:var(--gs-text2);max-width:540px;margin:0 0 26px}
.gs-hero2__search{max-width:540px}
.gs-hero2__search .gs-searchform{padding:7px}
.gs-hero2__search .gs-searchform__input{padding:12px 18px;font-size:16px}
.gs-hero2__search .gs-searchform__btn{width:50px;height:50px}
.gs-hero2__chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}

.gs-collage{position:relative;height:460px}
.gs-collage__item{position:absolute;display:block;border-radius:var(--gs-radius);overflow:hidden;background:#fff;border:6px solid #fff;box-shadow:var(--gs-shadow-lg);transition:transform .35s ease}
.gs-collage__item img{width:100%;height:100%;object-fit:cover}
.gs-collage__item--1{width:72%;height:62%;top:4%;left:4%;transform:rotate(-3deg);z-index:2}
.gs-collage__item--2{width:50%;height:42%;top:0;right:0;transform:rotate(5deg);z-index:1}
.gs-collage__item--3{width:56%;height:44%;bottom:0;right:6%;transform:rotate(-1.5deg);z-index:3}
.gs-collage__item:hover{transform:rotate(0) scale(1.03);z-index:5}
.gs-collage__label{position:absolute;left:10px;right:10px;bottom:10px;background:rgba(255,255,255,.92);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:12px;padding:8px 12px;font-family:var(--gs-font-head);font-weight:600;font-size:13px;line-height:1.3;color:var(--gs-text)}
.gs-sticker{position:absolute;z-index:6;display:inline-flex;align-items:center;gap:8px;font-family:var(--gs-font-head);font-weight:700;font-size:13px;border-radius:40px;padding:10px 16px;box-shadow:var(--gs-shadow-lg)}
.gs-sticker .gs-ic{width:16px;height:16px}
.gs-sticker--a{background:var(--gs-lime);color:var(--gs-navy);left:0;bottom:16%;transform:rotate(-6deg)}
.gs-sticker--a strong{font-size:20px}
.gs-sticker--b{background:var(--gs-navy);color:#fff;right:2%;top:46%;transform:rotate(4deg)}
.gs-sticker--b .gs-ic{color:var(--gs-lime)}

/* ---------- Section heads ---------- */
.gs-section{margin-bottom:64px}
.gs-head2{margin-bottom:24px;max-width:640px}
.gs-head2--row{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;max-width:none}
.gs-head2__eyebrow{display:inline-block;font-family:var(--gs-font-head);font-weight:700;font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--gs-violet-deep);margin-bottom:8px}
.gs-head2__title{font-size:clamp(24px,2.8vw,34px);margin:0;letter-spacing:-.02em}
.gs-section__head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.gs-section__title{font-size:22px;margin:0}
.gs-section__title a{color:var(--gs-text)}
.gs-more{display:inline-flex;align-items:center;gap:6px;font-family:var(--gs-font-head);font-weight:600;font-size:14px;color:var(--gs-violet-deep);white-space:nowrap}
.gs-more .gs-ic{width:16px;height:16px;transition:transform .2s}
.gs-more:hover .gs-ic{transform:translateX(3px)}

/* ---------- Bento topik ---------- */
.gs-bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(190px,auto);gap:var(--gs-gap)}
.gs-bento__item{position:relative;display:flex;flex-direction:column;background:var(--tint,var(--gs-surface));border-radius:var(--gs-radius);padding:24px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}
.gs-bento__item:hover{transform:translateY(-4px);box-shadow:var(--gs-shadow-lg)}
.gs-bento__item--1{grid-column:span 2;grid-row:span 2;padding:32px}
.gs-bento__item--2{grid-column:span 2}
.gs-bento__item--3,.gs-bento__item--4{grid-column:span 1}
.gs-bento__item--5{grid-column:span 2}
.gs-bento__item--6{grid-column:span 2}
.gs-bento__item--help{background:var(--gs-navy);color:#C9C7DA;--ink:var(--gs-navy)}
.gs-bento__item--help::after{background:rgba(197,245,99,.18)}
.gs-bento__item--help .gs-bento__title{color:#fff}
.gs-bento__item--help .gs-bento__desc{color:#B9B7CC}
.gs-bento__item--help .gs-bento__icon{background:var(--gs-lime);color:var(--gs-navy)}
.gs-bento__item--help .gs-searchform{position:relative;z-index:2;margin-bottom:14px;box-shadow:none}
.gs-bento__item--help .gs-bento__more{background:var(--gs-lime)}
.gs-bento__item::after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:rgba(255,255,255,.55);right:-60px;top:-60px;pointer-events:none}
.gs-bento__icon{position:relative;z-index:1;display:grid;place-items:center;width:50px;height:50px;border-radius:16px;background:#fff;color:var(--ink,var(--gs-violet-deep));margin-bottom:16px;box-shadow:0 8px 18px -10px rgba(21,21,37,.25)}
.gs-bento__icon .gs-ic{width:24px;height:24px}
.gs-bento__item--1 .gs-bento__icon{width:62px;height:62px;border-radius:20px}
.gs-bento__item--1 .gs-bento__icon .gs-ic{width:30px;height:30px}
.gs-bento__title{position:relative;z-index:1;font-size:19px;margin:0 0 8px}
.gs-bento__item--1 .gs-bento__title{font-size:28px}
.gs-bento__title a{color:var(--gs-text)}
.gs-bento__title a::after{content:"";position:absolute;inset:0}
.gs-bento__desc{position:relative;font-size:14px;color:var(--gs-text2);margin:0 0 14px}
.gs-bento__item--3 .gs-bento__desc,.gs-bento__item--4 .gs-bento__desc{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.gs-bento__list{position:relative;z-index:2;list-style:none;margin:0 0 14px;padding:0;display:grid;gap:8px}
.gs-bento__list a{display:block;background:rgba(255,255,255,.75);border-radius:12px;padding:10px 14px;font-size:14px;font-weight:500;line-height:1.4;color:var(--gs-text);transition:background .2s}
.gs-bento__list a:hover{background:#fff;color:var(--ink)}
.gs-bento__item--3 .gs-bento__list,.gs-bento__item--4 .gs-bento__list{display:none}
.gs-bento__more{position:relative;z-index:2;margin-top:auto;display:inline-flex;align-items:center;gap:6px;align-self:flex-start;font-family:var(--gs-font-head);font-weight:700;font-size:13.5px;color:var(--ink);background:#fff;border-radius:30px;padding:8px 14px}
.gs-bento__more .gs-ic{width:15px;height:15px}

/* ---------- Scroller populer ---------- */
.gs-scroller{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,1fr);gap:var(--gs-gap);overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 4px 18px;margin:0 -4px;scrollbar-width:thin;scrollbar-color:var(--gs-slate) transparent}
.gs-scroller::-webkit-scrollbar{height:6px}
.gs-scroller::-webkit-scrollbar-thumb{background:var(--gs-slate);border-radius:6px}
@media (min-width:1100px){.gs-scroller{grid-auto-columns:calc((100% - 3 * var(--gs-gap)) / 4)}}
.gs-pop{scroll-snap-align:start;display:flex;flex-direction:column;background:var(--gs-surface);border-radius:var(--gs-radius);padding:12px 12px 18px;box-shadow:var(--gs-shadow);transition:transform .3s,box-shadow .3s}
.gs-pop:hover{transform:translateY(-4px);box-shadow:var(--gs-shadow-lg)}
.gs-pop__media{position:relative;display:block;aspect-ratio:4/3;border-radius:16px;overflow:hidden;margin-bottom:14px;background:var(--gs-surface-2)}
.gs-pop__media img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.gs-pop:hover .gs-pop__media img{transform:scale(1.05)}
.gs-pop__rank{position:absolute;left:10px;top:10px;width:38px;height:38px;border-radius:50%;background:var(--gs-lime);color:var(--gs-navy);display:grid;place-items:center;font-family:var(--gs-font-head);font-weight:700;font-size:16px;box-shadow:0 6px 14px -6px rgba(21,21,37,.4)}
.gs-pop .gs-badge{margin-left:6px}
.gs-pop__title{font-size:16.5px;line-height:1.35;margin:0 6px 8px}
.gs-pop__title a{color:var(--gs-text)}
.gs-pop__title a:hover{color:var(--gs-violet-deep)}
.gs-pop__meta{font-size:12.5px;color:var(--gs-muted);margin:auto 6px 0}
.gs-scroller__nav{display:flex;gap:8px}
.gs-scroller__btn{width:44px;height:44px;border-radius:50%;border:1px solid var(--gs-slate);background:var(--gs-surface);display:grid;place-items:center;cursor:pointer;color:var(--gs-text);transition:.2s}
.gs-scroller__btn:hover{background:var(--gs-navy);color:#fff;border-color:var(--gs-navy)}

/* ---------- Panduan dasar (zig-zag) ---------- */
.gs-learn{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:48px;align-items:start;background:var(--gs-surface);border-radius:32px;padding:44px;box-shadow:var(--gs-shadow)}
.gs-learn__intro{position:sticky;top:110px}
.gs-learn__intro p{color:var(--gs-text2);margin:14px 0 22px}
.gs-learn__list{list-style:none;margin:0;padding:0;counter-reset:lr;display:grid;gap:12px}
.gs-learn__item{counter-increment:lr}
.gs-learn__item:nth-child(even){margin-left:36px}
.gs-learn__item a{display:grid;grid-template-columns:52px minmax(0,1fr) 36px;grid-template-areas:"num cat go" "num title go";align-items:center;column-gap:16px;background:var(--gs-bg);border-radius:18px;padding:16px 18px;transition:background .25s,transform .25s}
.gs-learn__item a::before{content:counter(lr,decimal-leading-zero);grid-area:num;width:52px;height:52px;border-radius:16px;background:#fff;display:grid;place-items:center;font-family:var(--gs-font-head);font-weight:700;font-size:17px;color:var(--gs-violet-deep);box-shadow:0 6px 14px -8px rgba(91,63,209,.35)}
.gs-learn__item a:hover{background:var(--gs-violet-soft);transform:translateX(4px)}
.gs-learn__cat{grid-area:cat;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gs-muted)}
.gs-learn__title{grid-area:title;font-family:var(--gs-font-head);font-weight:600;font-size:16px;line-height:1.35;color:var(--gs-text)}
.gs-learn__go{grid-area:go;width:36px;height:36px;border-radius:50%;background:#fff;display:grid;place-items:center;color:var(--gs-violet-deep)}
.gs-learn__go .gs-ic{width:16px;height:16px}

/* ---------- Masonry ---------- */
.gs-masonry{columns:3 300px;column-gap:var(--gs-gap)}
.gs-mcard{break-inside:avoid;margin-bottom:var(--gs-gap);background:var(--gs-surface);border-radius:var(--gs-radius);overflow:hidden;box-shadow:var(--gs-shadow);transition:transform .3s,box-shadow .3s;display:inline-block;width:100%}
.gs-mcard:hover{transform:translateY(-4px);box-shadow:var(--gs-shadow-lg)}
.gs-mcard__media{display:block;aspect-ratio:16/10;overflow:hidden}
.gs-mcard--tall .gs-mcard__media{aspect-ratio:4/4.2}
.gs-mcard__media img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.gs-mcard:hover .gs-mcard__media img{transform:scale(1.05)}
.gs-mcard__body{padding:18px 20px 20px}
.gs-mcard__title{font-size:18px;line-height:1.32;margin:0 0 8px}
.gs-mcard__title a{color:var(--gs-text)}
.gs-mcard__title a:hover{color:var(--gs-violet-deep)}
.gs-mcard__excerpt{font-size:14.5px;color:var(--gs-text2);margin:0 0 12px}

/* ---------- CTA ---------- */
.gs-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;border-radius:32px;padding:40px 44px;background:radial-gradient(60% 120% at 100% 0%,rgba(197,245,99,.55),transparent 60%),linear-gradient(135deg,#E5DDFC,#F3EFFE);margin-bottom:10px}
.gs-cta h2{font-size:clamp(22px,2.6vw,30px);margin:0 0 6px}
.gs-cta p{margin:0;color:var(--gs-text2);max-width:560px}

/* ---------- Cards (grid) ---------- */
.gs-grid{display:grid;gap:var(--gs-gap)}
.gs-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.gs-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.gs-card{display:flex;flex-direction:column;background:var(--gs-surface);border-radius:var(--gs-radius);overflow:hidden;box-shadow:var(--gs-shadow);transition:transform .3s,box-shadow .3s}
.gs-card:hover{transform:translateY(-4px);box-shadow:var(--gs-shadow-lg)}
.gs-card__media{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--gs-surface-2)}
.gs-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.gs-card:hover .gs-card__media img{transform:scale(1.05)}
.gs-card__body{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1}
.gs-card__title{font-size:16.5px;margin:0 0 8px;line-height:1.35}
.gs-card__title a{color:var(--gs-text)}
.gs-card__title a:hover{color:var(--gs-violet-deep)}
.gs-card__excerpt{font-size:14.5px;color:var(--gs-text2);margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.gs-card .gs-meta{margin-top:auto}

/* Rows (arsip) */
.gs-rows{display:grid;gap:18px}
.gs-row{display:grid;grid-template-columns:240px minmax(0,1fr);gap:22px;background:var(--gs-surface);border-radius:var(--gs-radius);padding:12px;box-shadow:var(--gs-shadow);transition:transform .3s,box-shadow .3s}
.gs-row:nth-child(even){grid-template-columns:minmax(0,1fr) 240px}
.gs-row:nth-child(even) .gs-row__media{order:2}
.gs-row:nth-child(even) .gs-row__body{padding:4px 0 4px 10px}
.gs-row:hover{transform:translateY(-3px);box-shadow:var(--gs-shadow-lg)}
.gs-row__media{display:block;aspect-ratio:4/3;border-radius:16px;overflow:hidden;background:var(--gs-surface-2)}
.gs-row__media img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.gs-row:hover .gs-row__media img{transform:scale(1.05)}
.gs-row__body{display:flex;flex-direction:column;justify-content:center;padding:4px 10px 4px 0}
.gs-row__title{font-size:20px;margin:0 0 8px;line-height:1.3}
.gs-row__title a{color:var(--gs-text)}
.gs-row__title a:hover{color:var(--gs-violet-deep)}
.gs-row__excerpt{font-size:14.5px;color:var(--gs-text2);margin:0 0 12px}

/* Mini list */
.gs-mini-list{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.gs-mini{display:grid;grid-template-columns:70px minmax(0,1fr);gap:12px;align-items:center}
.gs-mini__thumb{display:block;width:70px;height:70px;border-radius:16px;overflow:hidden;background:var(--gs-surface-2)}
.gs-mini__thumb img{width:100%;height:100%;object-fit:cover}
.gs-mini__title{font-size:14.5px;font-weight:600;line-height:1.35;margin:0 0 3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.gs-mini__title a{color:var(--gs-text)}
.gs-mini__title a:hover{color:var(--gs-violet-deep)}
.gs-mini__date{font-size:12px;color:var(--gs-muted)}

/* ---------- Sidebar ---------- */
.gs-sidebar{display:grid;gap:22px;position:sticky;top:100px}
.admin-bar .gs-sidebar{top:132px}
.gs-widget{background:var(--gs-surface);border-radius:var(--gs-radius);padding:22px;box-shadow:var(--gs-shadow)}
.gs-widget__title{display:flex;align-items:center;gap:10px;font-size:17px;margin:0 0 16px}
.gs-widget__title .gs-ic{width:34px;height:34px;padding:8px;border-radius:12px;background:var(--gs-violet-soft);color:var(--gs-violet-deep)}
.gs-widget ul{list-style:none;margin:0;padding:0}
.gs-cat-list{display:grid;gap:6px}
.gs-cat-list a{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-radius:14px;background:var(--gs-bg);font-weight:500;font-size:14.5px}
.gs-cat-list a:hover,.gs-cat-list a[aria-current]{background:var(--gs-violet-soft);color:var(--gs-violet-deep)}
.gs-cat-list__count{font-size:12px;font-weight:700;background:#fff;color:var(--gs-text2);padding:3px 9px;border-radius:20px;min-width:28px;text-align:center}
.gs-cat-list a[aria-current] .gs-cat-list__count{background:var(--gs-lime);color:var(--gs-navy)}
.gs-widget .gs-ic-fire{color:#E0621B;background:#FFF0E6}

/* ---------- Breadcrumb ---------- */
.gs-breadcrumb ol{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-wrap:wrap;gap:4px;font-size:13px;color:var(--gs-muted)}
.gs-breadcrumb li{display:inline-flex;align-items:center}
.gs-breadcrumb li+li::before{content:"›";margin:0 8px 0 4px;color:#B9B6CC}
.gs-breadcrumb a{color:var(--gs-text2)}
.gs-breadcrumb a:hover{color:var(--gs-violet-deep)}
.gs-breadcrumb [aria-current]{color:var(--gs-muted);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;max-width:46ch}

/* ---------- Archive head ---------- */
.gs-archive-head{position:relative;overflow:hidden;background:var(--tint,var(--gs-violet-soft));border-radius:32px;padding:38px 40px;margin-bottom:30px}
.gs-archive-head::after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;background:rgba(255,255,255,.5);right:-80px;top:-110px}
.gs-archive-head>*{position:relative;z-index:1}
.gs-archive-head__kicker{display:inline-block;font-family:var(--gs-font-head);font-weight:700;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink,var(--gs-violet-deep));margin-bottom:8px}
.gs-archive-head__title{font-size:clamp(28px,3.6vw,42px);margin:0 0 10px;letter-spacing:-.02em}
.gs-archive-head__desc{max-width:680px;color:var(--gs-text2);font-size:16.5px}
.gs-archive-head__desc p:last-child{margin-bottom:0}
.gs-archive-head__count{margin:12px 0 0;font-size:13px;color:var(--gs-muted)}
.gs-archive-head__search{max-width:520px;margin-top:16px}
.gs-archive-head__icon{float:right;display:grid;place-items:center;width:72px;height:72px;border-radius:22px;background:#fff;color:var(--ink,var(--gs-violet-deep));margin-left:16px;box-shadow:var(--gs-shadow)}
.gs-archive-head__icon .gs-ic{width:34px;height:34px}
.gs-archive-head__chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:18px;font-size:13px;color:var(--gs-muted)}
.gs-archive-head__chips .gs-chip{background:rgba(255,255,255,.8);border-color:transparent}

/* ---------- Pagination ---------- */
.gs-pagination{margin-top:32px}
.gs-pagination ul,.gs-pagination ul.page-numbers{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;background:none;border:0;min-width:0;height:auto}
.gs-pagination li>.page-numbers{display:inline-grid;place-items:center;min-width:44px;height:44px;padding:0 14px;border-radius:30px;background:var(--gs-surface);color:var(--gs-text);font-family:var(--gs-font-head);font-weight:600;box-shadow:var(--gs-shadow)}
.gs-pagination li>a.page-numbers:hover{background:var(--gs-violet-soft);color:var(--gs-violet-deep)}
.gs-pagination li>.current{background:var(--gs-navy);color:#fff}
.gs-pagination li>.dots{background:transparent;box-shadow:none}

/* ---------- Article ---------- */
.gs-article{background:var(--gs-surface);border-radius:32px;padding:36px 44px;margin-bottom:40px;box-shadow:var(--gs-shadow)}
.gs-article__title{font-size:clamp(28px,3.4vw,42px);margin:0 0 14px;letter-spacing:-.025em}
.gs-article__lead{font-size:18px;color:var(--gs-text2);margin-bottom:16px}
.gs-article__head{margin-bottom:24px}
.gs-article__figure{margin:0 -16px 30px;border-radius:24px;overflow:hidden;aspect-ratio:16/9;background:var(--gs-surface-2)}
.gs-article__figure img{width:100%;height:100%;object-fit:cover}
.gs-page__updated{font-size:13px;color:var(--gs-muted);margin:0}

.gs-prose{font-size:17.5px;line-height:1.85;color:#2f2e45}
.gs-prose>*:last-child{margin-bottom:0}
.gs-prose h2{font-size:26px;margin:1.8em 0 .6em}
.gs-prose h3{font-size:20.5px;margin:1.5em 0 .5em}
.gs-prose h4{font-size:18px;margin:1.4em 0 .5em}
.gs-prose a{color:var(--gs-violet-deep);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:rgba(144,118,237,.4);text-underline-offset:3px}
.gs-prose a:hover{text-decoration-color:var(--gs-violet-deep)}
.gs-prose strong{color:var(--gs-text)}
.gs-prose ul,.gs-prose ol{padding-left:1.3em;margin:0 0 1.3em}
.gs-prose li{margin-bottom:.45em}
.gs-prose ul li::marker{color:var(--gs-violet)}
.gs-prose ol li::marker{color:var(--gs-violet-deep);font-weight:700}
.gs-prose blockquote{margin:1.6em 0;padding:20px 24px;border-radius:18px;background:var(--gs-lime-soft);color:var(--gs-text);font-size:17px;position:relative}
.gs-prose blockquote::before{content:"“";position:absolute;left:14px;top:-14px;font-family:var(--gs-font-head);font-size:64px;line-height:1;color:#9BCB36}
.gs-prose blockquote p:last-child{margin:0}
.gs-prose img,.gs-prose figure{border-radius:16px;margin:1.4em 0}
.gs-prose figcaption{font-size:13px;color:var(--gs-muted);text-align:center;margin-top:8px}
.gs-prose em{color:var(--gs-muted)}
.gs-prose code{background:var(--gs-surface-2);padding:2px 6px;border-radius:6px;font-size:.9em}
.gs-prose hr{border:0;border-top:1px solid var(--gs-slate);margin:2em 0}
.gs-table-wrap{overflow-x:auto;margin:1.5em 0;border-radius:18px;border:1px solid var(--gs-slate)}
.gs-prose table{width:100%;border-collapse:collapse;font-size:15px;min-width:460px}
.gs-prose th,.gs-prose td{padding:13px 16px;text-align:left;border-bottom:1px solid var(--gs-slate);vertical-align:top}
.gs-prose th{background:var(--gs-violet-soft);color:var(--gs-violet-deep);font-family:var(--gs-font-head);font-weight:700}
.gs-prose tr:last-child td{border-bottom:0}
.gs-prose tbody tr:nth-child(even){background:#FAF9FE}
.alignleft{float:left;margin:.3em 1.4em 1em 0}
.alignright{float:right;margin:.3em 0 1em 1.4em}
.aligncenter{margin-left:auto;margin-right:auto}

/* TOC */
.gs-toc{background:var(--gs-bg);border-radius:18px;padding:16px 20px;margin:1.4em 0 1.8em;font-size:15px}
.gs-toc summary{cursor:pointer;display:flex;align-items:center;gap:8px;font-family:var(--gs-font-head);font-weight:700;color:var(--gs-text);list-style:none}
.gs-toc summary::-webkit-details-marker{display:none}
.gs-toc summary .gs-ic{color:var(--gs-violet-deep)}
.gs-toc summary::after{content:"";margin-left:auto;width:8px;height:8px;border-right:2px solid var(--gs-muted);border-bottom:2px solid var(--gs-muted);transform:rotate(45deg);transition:transform .2s}
.gs-toc[open] summary::after{transform:rotate(-135deg)}
.gs-toc ol{margin:12px 0 0;padding:0;list-style:none;counter-reset:gstoc}
.gs-toc li{margin:5px 0}
.gs-toc .gs-toc__l2{counter-increment:gstoc}
.gs-toc .gs-toc__l2::before{content:counter(gstoc) ".";color:var(--gs-violet-deep);font-weight:700;display:inline-block;min-width:1.6em}
.gs-toc .gs-toc__l3{padding-left:1.6em;font-size:14px}
.gs-toc .gs-toc__l3::before{content:"–";color:var(--gs-muted);display:inline-block;min-width:1.1em}
.gs-toc a{color:var(--gs-text2);text-decoration:none}
.gs-toc a:hover{color:var(--gs-violet-deep)}

/* Article foot */
.gs-article__foot{margin-top:30px;padding-top:22px;border-top:1px dashed var(--gs-slate);display:grid;gap:10px}
.gs-tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.gs-tags__label{font-size:13px;color:var(--gs-muted);margin-right:4px}
.gs-tag{font-size:13px;padding:6px 13px;border-radius:30px;background:var(--gs-violet-soft);color:var(--gs-violet-deep);font-weight:600}
.gs-tag:hover{background:var(--gs-violet);color:#fff}
.gs-postnav{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:26px}
.gs-postnav__item{display:flex;flex-direction:column;gap:6px;padding:18px 20px;border-radius:18px;background:var(--gs-bg);transition:background .2s}
.gs-postnav__item:hover{background:var(--gs-violet-soft)}
.gs-postnav__item--next{text-align:right;align-items:flex-end}
.gs-postnav__label{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--gs-violet-deep);font-family:var(--gs-font-head);font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.gs-postnav__label .gs-ic{width:15px;height:15px}
.gs-postnav__title{color:var(--gs-text);font-weight:600;font-size:15px;line-height:1.4}

/* ---------- Forms ---------- */
.gs-form{display:grid;gap:4px;margin:1.4em 0}
.gs-form__row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.gs-form__field{display:flex;flex-direction:column;gap:6px;margin:0 0 12px}
.gs-form label{font-size:14px;font-weight:600;color:var(--gs-text)}
.gs-form input,.gs-form select,.gs-form textarea,.comment-form input,.comment-form textarea{width:100%;background:var(--gs-bg);border:1px solid var(--gs-slate);border-radius:14px;padding:12px 15px;color:var(--gs-text);outline:none;transition:border-color .2s,box-shadow .2s}
.gs-form input:focus,.gs-form select:focus,.gs-form textarea:focus{border-color:var(--gs-violet);box-shadow:0 0 0 4px rgba(144,118,237,.15);background:#fff}
.gs-form__hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.gs-btn,.comment-form .submit{display:inline-flex;align-items:center;gap:8px;background:var(--gs-navy);color:#fff!important;border:0;border-radius:40px;padding:13px 24px;font-family:var(--gs-font-head);font-weight:700;cursor:pointer;text-decoration:none!important;transition:transform .15s,background .2s,color .2s;white-space:nowrap}
.gs-btn .gs-ic{width:16px;height:16px}
.gs-btn:hover{background:var(--gs-lime);color:var(--gs-navy)!important;transform:translateY(-2px)}
.gs-btn--soft{background:var(--gs-violet-soft);color:var(--gs-violet-deep)!important}
.gs-alert{padding:14px 16px;border-radius:14px;margin:1em 0;font-size:15px}
.gs-alert--ok{background:var(--gs-lime-soft);color:#3D6305}
.gs-alert--err{background:#FFEDED;color:#B42318}

/* Empty / 404 */
.gs-empty{background:var(--gs-surface);border-radius:var(--gs-radius);padding:36px;text-align:center;box-shadow:var(--gs-shadow)}
.gs-empty .gs-searchform{max-width:460px;margin:16px auto 0}
.gs-404{background:var(--gs-surface);border-radius:32px;padding:50px 34px;text-align:center;box-shadow:var(--gs-shadow)}
.gs-404__code{font-family:var(--gs-font-head);font-weight:700;font-size:110px;line-height:1;margin:0 0 10px;color:var(--gs-violet)}
.gs-404 .gs-searchform{max-width:460px;margin:18px auto}

/* Comments */
.gs-comments{background:var(--gs-surface);border-radius:var(--gs-radius);padding:28px;box-shadow:var(--gs-shadow)}
.gs-comments__list{list-style:none;padding:0}

/* ---------- Footer ---------- */
.gs-footer{background:var(--gs-navy);color:#C9C7DA;margin-top:30px;border-radius:40px 40px 0 0}
.gs-footer a{color:#E5E3F2}
.gs-footer a:hover{color:var(--gs-lime)}
.gs-footer__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:36px;padding-top:56px;padding-bottom:40px}
.gs-logo--footer .gs-logo__img{height:40px}
.gs-footer__slogan{margin:16px 0 8px;font-family:var(--gs-font-head);font-weight:700;color:var(--gs-lime);font-size:17px}
.gs-footer__about{font-size:14px;color:#A9A7BE;max-width:380px}
.gs-footer__title{font-size:16px;margin:0 0 14px;color:#fff}
.gs-footer__links{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.gs-footer__links a{font-size:14.5px}
.gs-footer .gs-searchform{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);box-shadow:none}
.gs-footer .gs-searchform__input{color:#fff}
.gs-footer .gs-searchform__input::placeholder{color:#9A98B0}
.gs-footer .gs-searchform__btn{background:var(--gs-lime);color:var(--gs-navy)}
.gs-social{list-style:none;margin:18px 0 0;padding:0;display:flex;gap:10px}
.gs-social a,.gs-social__item{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.08);color:#E5E3F2;transition:.2s}
.gs-social a:hover,.gs-social__item:hover{background:var(--gs-lime);color:var(--gs-navy)}
.gs-footer__bottom{border-top:1px solid rgba(255,255,255,.08);padding:18px 0;font-size:13px;color:#8F8DA6}
.gs-footer__bottom p{margin:0;text-align:center}

/* ---------- Responsive ---------- */
@media (max-width:1100px){
	.gs-layout{grid-template-columns:minmax(0,1fr) 300px;gap:24px}
	.gs-nav__list a{padding:8px 10px;font-size:13.5px}
	.gs-bento{grid-template-columns:repeat(2,minmax(0,1fr))}
	.gs-bento__item--1,.gs-bento__item--2,.gs-bento__item--5,.gs-bento__item--6{grid-column:span 2}
.gs-bento__item--6{grid-column:span 2}
.gs-bento__item--help{background:var(--gs-navy);color:#C9C7DA;--ink:var(--gs-navy)}
.gs-bento__item--help::after{background:rgba(197,245,99,.18)}
.gs-bento__item--help .gs-bento__title{color:#fff}
.gs-bento__item--help .gs-bento__desc{color:#B9B7CC}
.gs-bento__item--help .gs-bento__icon{background:var(--gs-lime);color:var(--gs-navy)}
.gs-bento__item--help .gs-searchform{position:relative;z-index:2;margin-bottom:14px;box-shadow:none}
.gs-bento__item--help .gs-bento__more{background:var(--gs-lime)}
	.gs-bento__item--1{grid-row:auto}
	.gs-learn{grid-template-columns:1fr;gap:28px;padding:34px}
	.gs-learn__intro{position:static}
}
@media (max-width:980px){
	.gs-header__inner{min-height:66px;gap:12px}
	.gs-menu-toggle{display:inline-grid}
	.gs-header__actions{margin-left:auto}
	.gs-nav{position:fixed;left:0;right:0;top:66px;bottom:0;background:var(--gs-bg);padding:18px 20px 40px;overflow-y:auto;transform:translateY(-10px);opacity:0;visibility:hidden;transition:transform .25s ease,opacity .25s ease,visibility .25s;margin:0;z-index:49}
	.admin-bar .gs-nav{top:112px}
	.gs-nav.is-open{transform:none;opacity:1;visibility:visible}
	.gs-nav__list{flex-direction:column;align-items:stretch;gap:6px;background:transparent;border:0;box-shadow:none;padding:0}
	.gs-nav__list a{padding:15px 18px;font-size:17px;border-radius:18px;background:var(--gs-surface)}
	.gs-nav__list .sub-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;background:transparent;padding:6px 0 0 14px}
	body.gs-nav-open{overflow:hidden}
	.gs-layout{grid-template-columns:minmax(0,1fr)}
	.gs-sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}
	.gs-footer__grid{grid-template-columns:1fr 1fr}
	.gs-hero2__inner{grid-template-columns:1fr;gap:36px}
	.gs-collage{height:380px;max-width:560px;width:100%;margin:0 auto}
}
@media (max-width:720px){
	.gs-container{padding:0 16px}
	.gs-main{padding:18px 0 48px}
	.gs-hero2{padding:30px 0 44px}
	.gs-hero2__desc{font-size:16px}
	.gs-collage{height:300px}
	.gs-collage__label{display:none}
	.gs-sticker{font-size:12px;padding:8px 12px}
	.gs-section{margin-bottom:48px}
	.gs-bento{grid-template-columns:1fr}
	.gs-bento__item--1,.gs-bento__item--2,.gs-bento__item--5,.gs-bento__item--6{grid-column:auto}
	.gs-bento__item--1{padding:26px}
	.gs-bento__item--1 .gs-bento__title{font-size:24px}
	.gs-scroller{grid-auto-columns:78%}
	.gs-scroller__nav{display:none}
	.gs-learn{padding:24px 18px;border-radius:24px}
	.gs-learn__item:nth-child(even){margin-left:0}
	.gs-learn__item a{grid-template-columns:44px minmax(0,1fr);grid-template-areas:"num cat" "num title";padding:14px}
	.gs-learn__item a::before{width:44px;height:44px;font-size:15px}
	.gs-learn__go{display:none}
	.gs-cta{padding:28px 22px;border-radius:24px}
	.gs-grid--2,.gs-grid--3{grid-template-columns:1fr}
	.gs-sidebar{grid-template-columns:minmax(0,1fr)}
	.gs-article{padding:22px 18px;border-radius:24px}
	.gs-article__figure{margin:0 0 24px;border-radius:18px}
	.gs-prose{font-size:16.5px}
	.gs-prose h2{font-size:22px}
	.gs-archive-head{padding:26px 22px;border-radius:24px}
	.gs-archive-head__icon{width:52px;height:52px;border-radius:16px}
	.gs-row,.gs-row:nth-child(even){grid-template-columns:1fr;gap:12px;padding:10px}
	.gs-row:nth-child(even) .gs-row__media{order:0}
	.gs-row__body,.gs-row:nth-child(even) .gs-row__body{padding:0 6px 6px}
	.gs-row__title{font-size:18px}
	.gs-postnav{grid-template-columns:1fr}
	.gs-postnav__item--next{text-align:left;align-items:flex-start}
	.gs-form__row{grid-template-columns:1fr;gap:0}
	.gs-footer{border-radius:28px 28px 0 0}
	.gs-footer__grid{grid-template-columns:1fr;gap:28px;padding-top:40px}
	.gs-logo__img{height:36px}
	.gs-head2--row{align-items:flex-start}
}

/* ==========================================================
   v2.1 — Header garis bawah + hero tengah + launcher + tabs
   ========================================================== */
.gs-header{background:rgba(255,255,255,.9);border-bottom:1px solid var(--gs-slate)}
.gs-header.is-scrolled{box-shadow:0 10px 30px -22px rgba(21,21,37,.35)}
.gs-header__inner{min-height:70px}
.gs-nav{margin-left:auto;margin-right:auto}
.gs-nav__list{background:transparent;border:0;box-shadow:none;padding:0;gap:6px}
.gs-nav__list a{position:relative;border-radius:0;padding:24px 12px;font-size:14.5px;color:var(--gs-text2)}
.gs-nav__list a:hover{background:transparent;color:var(--gs-text)}
.gs-nav__list>li>a::after{content:"";position:absolute;left:50%;bottom:14px;width:6px;height:6px;border-radius:50%;background:var(--gs-violet);transform:translateX(-50%) scale(0);transition:transform .2s}
.gs-nav__list>li>a:hover::after{transform:translateX(-50%) scale(1)}
.gs-nav__list .current-menu-item>a,.gs-nav__list .current-menu-parent>a,.gs-nav__list .current-category-ancestor>a{background:transparent;color:var(--gs-violet-deep)}
.gs-nav__list>li.current-menu-item>a::after,.gs-nav__list>li.current-menu-parent>a::after{transform:translateX(-50%) scale(1);width:22px;border-radius:4px;height:4px;bottom:10px;background:var(--gs-lime)}
.gs-icon-btn{border-radius:12px;box-shadow:none;background:var(--gs-bg)}
.gs-icon-btn:hover{background:var(--gs-violet);border-color:var(--gs-violet);color:#fff}

.gs-h3{position:relative;color:var(--gs-bg);padding:64px 0 110px;text-align:center;background:radial-gradient(1200px 400px at 50% -10%,#D9D0FF 0%,rgba(217,208,255,0) 70%),linear-gradient(180deg,#EFEBFF 0%,#F7F5FF 100%);overflow:hidden}
.gs-h3::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(91,63,209,.14) 1.2px,transparent 1.2px);background-size:22px 22px;mask-image:linear-gradient(180deg,#000,transparent 85%);-webkit-mask-image:linear-gradient(180deg,#000,transparent 85%);pointer-events:none}
.gs-h3__inner{position:relative;z-index:1}
.gs-h3__eyebrow{display:inline-block;font-family:var(--gs-font-head);font-weight:700;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--gs-violet-deep);margin:0 0 16px}
.gs-h3__title{font-size:clamp(30px,5vw,58px);line-height:1.08;letter-spacing:-.03em;margin:0 auto 26px;max-width:900px;color:var(--gs-text)}
.gs-h3__swash{font-style:italic;font-weight:600;color:var(--gs-violet-deep)}
.gs-h3__search{max-width:680px;margin:0 auto}
.gs-h3__search .gs-searchform{border-radius:18px;padding:8px;border:2px solid #fff;box-shadow:0 24px 50px -24px rgba(91,63,209,.45)}
.gs-h3__search .gs-searchform__input{padding:13px 16px;font-size:16.5px}
.gs-h3__search .gs-searchform__btn{width:auto;height:50px;padding:0 22px;border-radius:12px;background:var(--gs-violet-deep)}
.gs-h3__search .gs-searchform__btn:hover{background:var(--gs-lime);color:var(--gs-navy)}
.gs-h3__hint{font-size:14px;color:var(--gs-muted);margin:14px 0 36px}
.gs-launch{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;max-width:1040px;margin:0 auto}
.gs-launch__item{display:flex;flex-direction:column;align-items:center;gap:6px;background:#fff;border-radius:20px;padding:20px 12px 18px;box-shadow:var(--gs-shadow);border-bottom:4px solid var(--tint);transition:transform .25s,box-shadow .25s}
.gs-launch__item:hover{transform:translateY(-6px);box-shadow:var(--gs-shadow-lg)}
.gs-launch__icon{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:var(--tint);color:var(--ink);margin-bottom:4px}
.gs-launch__icon .gs-ic{width:26px;height:26px}
.gs-launch__name{font-family:var(--gs-font-head);font-weight:700;font-size:15px;color:var(--gs-text);line-height:1.25}
.gs-launch__count{font-size:12.5px;color:var(--gs-muted)}
.gs-h3__wave{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:70px;color:var(--gs-bg)}

.gs-feat{margin-top:-30px;position:relative;z-index:2}
.gs-feat__main{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);background:#fff;border-radius:28px;overflow:hidden;box-shadow:var(--gs-shadow-lg)}
.gs-feat__media{display:block;min-height:340px}
.gs-feat__media img{width:100%;height:100%;object-fit:cover}
.gs-feat__body{padding:40px 44px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.gs-feat__label{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--t-review-ink);background:var(--t-review);padding:7px 12px;border-radius:30px;margin-bottom:16px}
.gs-feat__label .gs-ic{width:15px;height:15px}
.gs-feat__title{font-size:clamp(22px,2.6vw,32px);line-height:1.2;margin:0 0 12px}
.gs-feat__title a{color:var(--gs-text)}
.gs-feat__title a:hover{color:var(--gs-violet-deep)}
.gs-feat__excerpt{color:var(--gs-text2);margin:0 0 22px}

.gs-tabs__bar{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;margin-bottom:18px;scrollbar-width:none}
.gs-tabs__bar::-webkit-scrollbar{display:none}
.gs-tabs__tab{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;border:1px solid var(--gs-slate);background:#fff;color:var(--gs-text2);font-family:var(--gs-font-head);font-weight:600;font-size:14.5px;padding:11px 18px;border-radius:14px;cursor:pointer;transition:.2s}
.gs-tabs__tab .gs-ic{width:17px;height:17px}
.gs-tabs__tab:hover{border-color:var(--gs-violet);color:var(--gs-violet-deep)}
.gs-tabs__tab[aria-selected="true"]{background:var(--gs-navy);border-color:var(--gs-navy);color:#fff}
.gs-tabs__tab[aria-selected="true"] .gs-ic{color:var(--gs-lime)}
.gs-tabs__panel{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:26px;background:var(--tint);border-radius:28px;padding:30px}
.gs-tabs__panel[hidden]{display:none}
.gs-tabs__intro{display:flex;flex-direction:column;align-items:flex-start}
.gs-tabs__intro h3{font-size:26px;margin:14px 0 8px}
.gs-tabs__intro p{color:var(--gs-text2);font-size:15px;margin:0 0 20px}
.gs-tabs__icon{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:#fff;color:var(--ink)}
.gs-tabs__icon .gs-ic{width:28px;height:28px}
.gs-tabs__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.gs-tabs__list li{display:grid;grid-template-columns:84px minmax(0,1fr);gap:14px;align-items:center;background:#fff;border-radius:18px;padding:10px;transition:transform .2s,box-shadow .2s}
.gs-tabs__list li:hover{transform:translateY(-3px);box-shadow:var(--gs-shadow)}
.gs-tabs__thumb{display:block;width:84px;height:84px;border-radius:14px;overflow:hidden}
.gs-tabs__thumb img{width:100%;height:100%;object-fit:cover}
.gs-tabs__title{font-size:15px;line-height:1.35;margin:0 0 4px}
.gs-tabs__title a{color:var(--gs-text)}
.gs-tabs__title a:hover{color:var(--ink)}
.gs-tabs__meta{font-size:12.5px;color:var(--gs-muted)}

@media (max-width:1100px){.gs-nav__list a{padding:24px 8px;font-size:13.5px}.gs-launch{grid-template-columns:repeat(3,minmax(0,1fr))}.gs-tabs__panel{grid-template-columns:1fr}}
@media (max-width:980px){
	.gs-nav{margin:0}
	.gs-nav__list a{padding:15px 18px;font-size:17px;border-radius:16px;background:var(--gs-surface)}
	.gs-nav__list>li>a::after{display:none}
	.gs-nav__list .current-menu-item>a{background:var(--gs-violet-soft)}
	.gs-feat__main{grid-template-columns:1fr}
	.gs-feat__media{min-height:0;aspect-ratio:16/9}
}
@media (max-width:720px){
	.gs-h3{padding:40px 0 80px}
	.gs-launch{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
	.gs-launch__item:last-child{grid-column:span 2}
	.gs-h3__search .gs-searchform__btn{padding:0 16px;height:46px}
	.gs-feat{margin-top:-20px}
	.gs-feat__body{padding:24px 22px}
	.gs-tabs__panel{padding:20px;border-radius:22px}
	.gs-tabs__list{grid-template-columns:minmax(0,1fr)}
}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* ==========================================================
   v4 — Aurora Glass (frosted glass di atas gradasi aurora)
   ========================================================== */
:root{--gl-bg:rgba(255,255,255,.55);--gl-bg2:rgba(255,255,255,.72);--gl-bd:1px solid rgba(255,255,255,.85);--gl-sh:0 1px 0 rgba(255,255,255,.9) inset,0 20px 50px -24px rgba(60,40,160,.35);--gs-radius:24px}
body{background:#F3F1FB;position:relative}
body::before{content:"";position:fixed;inset:-20vh -20vw;z-index:-1;pointer-events:none;background:
	radial-gradient(40vw 40vw at 12% 8%,rgba(144,118,237,.45),transparent 60%),
	radial-gradient(35vw 35vw at 88% 12%,rgba(197,245,99,.45),transparent 60%),
	radial-gradient(45vw 45vw at 70% 85%,rgba(120,190,255,.35),transparent 60%),
	radial-gradient(35vw 35vw at 10% 90%,rgba(255,170,210,.32),transparent 60%);filter:blur(10px);animation:gsAurora 24s ease-in-out infinite alternate}
@keyframes gsAurora{0%{transform:translate3d(0,0,0) scale(1)}100%{transform:translate3d(-3vw,2vh,0) scale(1.08)}}
.gs-glass,.gs-header,.gs-widget,.gs-article,.gs-pop,.gs-mcard,.gs-card,.gs-row,.gs-learn,.gs-empty,.gs-404,.gs-comments,.gs-tabs__panel,.gs-archive-head{background:var(--gl-bg);border:var(--gl-bd);box-shadow:var(--gl-sh);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%)}
.gs-article{background:var(--gl-bg2)}
.gs-header{border-width:0 0 1px;border-radius:0;box-shadow:none;background:rgba(255,255,255,.5)}
.gs-header.is-scrolled{box-shadow:0 10px 30px -20px rgba(60,40,160,.4)}
.gs-nav__list a{color:var(--gs-text)}
.gs-nav__list a:hover{color:var(--gs-violet-deep)}
.gs-nav__list>li>a::after{background:var(--gs-violet)}
.gs-nav__list>li.current-menu-item>a::after,.gs-nav__list>li.current-menu-parent>a::after{background:linear-gradient(90deg,var(--gs-violet),#7AC0FF);width:26px;height:4px;border-radius:4px}
.gs-icon-btn{background:rgba(255,255,255,.6);border:var(--gl-bd);border-radius:50%;backdrop-filter:blur(10px)}
.gs-icon-btn:hover{background:var(--gs-navy);color:#fff}
.gs-searchform{background:rgba(255,255,255,.75);border:var(--gl-bd);border-radius:999px;box-shadow:var(--gl-sh);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.gs-searchform__btn{border-radius:50%;background:linear-gradient(135deg,var(--gs-violet-deep),var(--gs-violet))}
.gs-btn{border-radius:999px;background:linear-gradient(135deg,var(--gs-violet-deep),var(--gs-violet));color:#fff!important;box-shadow:0 14px 30px -14px rgba(91,63,209,.7)}
.gs-btn:hover{background:var(--gs-navy);color:#fff!important}
.gs-btn--soft{background:rgba(255,255,255,.75);color:var(--gs-violet-deep)!important;box-shadow:none;border:var(--gl-bd)}
.gs-badge{background:rgba(144,118,237,.16);color:var(--gs-violet-deep);border-radius:999px}

/* Hero */
.gs-au-hero{padding:70px 0 40px}
.gs-au-hero__head{text-align:center;max-width:860px;margin:0 auto 46px}
.gs-au-chip{display:inline-flex;align-items:center;gap:9px;padding:8px 16px;border-radius:999px;background:rgba(255,255,255,.65);border:var(--gl-bd);box-shadow:var(--gl-sh);backdrop-filter:blur(12px);font-weight:600;font-size:13.5px;color:var(--gs-text);margin-bottom:22px}
.gs-au-dot{width:8px;height:8px;border-radius:50%;background:#7BD32E;box-shadow:0 0 0 4px rgba(123,211,46,.25);animation:gsPulse 2s infinite}
@keyframes gsPulse{50%{box-shadow:0 0 0 8px rgba(123,211,46,0)}}
.gs-au-hero__title{font-size:clamp(36px,5.6vw,68px);line-height:1.05;letter-spacing:-.04em;margin:0 0 18px}
.gs-au-grad{background:linear-gradient(90deg,#5B3FD1 0%,#9076ED 45%,#5FB3FF 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.gs-au-hero__desc{font-size:18px;color:var(--gs-text2);max-width:600px;margin:0 auto 28px}
.gs-au-hero__search{max-width:620px;margin:0 auto}
.gs-au-hero__search .gs-searchform{padding:7px}
.gs-au-hero__search .gs-searchform__input{padding:13px 20px;font-size:16.5px}
.gs-au-hero__search .gs-searchform__btn{width:52px;height:52px}
.gs-au-stack{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:20px;align-items:end}
.gs-au-card{position:relative;border-radius:26px;overflow:hidden;box-shadow:0 30px 60px -30px rgba(40,20,120,.55);transition:transform .35s ease}
.gs-au-card:hover{transform:translateY(-6px)}
.gs-au-card--1{aspect-ratio:16/11}
.gs-au-card--2,.gs-au-card--3{aspect-ratio:4/4.4}
.gs-au-card--2{transform:translateY(-24px)}
.gs-au-card--2:hover{transform:translateY(-30px)}
.gs-au-card__media{position:absolute;inset:0}
.gs-au-card__media img{width:100%;height:100%;object-fit:cover}
.gs-au-card__body{position:absolute;left:14px;right:14px;bottom:14px;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.7);border:var(--gl-bd);backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%)}
.gs-au-card__cat{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--gs-violet-deep);margin-bottom:4px}
.gs-au-card__cat .gs-ic{width:14px;height:14px}
.gs-au-card__title{font-size:16px;line-height:1.3;margin:0}
.gs-au-card--1 .gs-au-card__title{font-size:20px}
.gs-au-card__title a{color:var(--gs-text)}
.gs-au-card__title a::after{content:"";position:absolute;inset:0}

/* Topik */
.gs-au-hero + .gs-container,.gs-container:has(> .gs-section .gs-nb-topics){padding-top:30px}
.gs-head2__eyebrow{color:var(--gs-violet-deep);background:none;border:0;padding:0}
.gs-nb-arrow{display:none}
.gs-nb-topics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.gs-nb-topic{position:relative;display:flex;flex-direction:column;gap:8px;padding:22px;border-radius:24px;min-height:230px;background:var(--gl-bg);border:var(--gl-bd);box-shadow:var(--gl-sh);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);color:var(--gs-text);transition:transform .3s,background .3s}
.gs-nb-topic:hover{transform:translateY(-5px);background:rgba(255,255,255,.85);color:var(--gs-text)}
.gs-nb-topic__num{position:absolute;top:18px;right:20px;font-size:12px;font-weight:700;color:var(--gs-muted)}
.gs-nb-topic__icon{display:grid;place-items:center;width:50px;height:50px;border-radius:16px;background:var(--tint);color:var(--ink);margin-bottom:8px}
.gs-nb-topic__icon .gs-ic{width:24px;height:24px}
.gs-nb-topic__name{font-family:var(--gs-font-head);font-weight:700;font-size:18px;line-height:1.25}
.gs-nb-topic__desc{font-size:13.5px;color:var(--gs-text2);line-height:1.5}
.gs-nb-topic__foot{margin-top:auto;display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:13.5px;color:var(--ink)}
.gs-nb-topic__foot .gs-ic{width:15px;height:15px}

/* Komponen lain */
.gs-tabs__tab{background:rgba(255,255,255,.6);border:var(--gl-bd);border-radius:999px;backdrop-filter:blur(10px)}
.gs-tabs__tab[aria-selected="true"]{background:var(--gs-navy);color:#fff;border-color:var(--gs-navy)}
.gs-tabs__panel{border-radius:28px}
.gs-tabs__list li{background:rgba(255,255,255,.7)}
.gs-learn__item a{background:rgba(255,255,255,.55);border:var(--gl-bd)}
.gs-learn__item a:hover{background:rgba(255,255,255,.9)}
.gs-cta{background:linear-gradient(135deg,rgba(144,118,237,.85),rgba(95,179,255,.8));color:#fff;border:var(--gl-bd)}
.gs-cta h2{color:#fff}.gs-cta p{color:rgba(255,255,255,.9)}
.gs-cta .gs-btn{background:#fff;color:var(--gs-violet-deep)!important}
.gs-archive-head{border-radius:30px}
.gs-cat-list a{background:rgba(255,255,255,.6)}
.gs-pagination li>.page-numbers{background:rgba(255,255,255,.65);border:var(--gl-bd);backdrop-filter:blur(10px)}
.gs-pagination li>.current{background:var(--gs-navy);color:#fff}
.gs-toc{background:rgba(255,255,255,.6);border:var(--gl-bd)}
.gs-footer{background:rgba(21,21,37,.92);backdrop-filter:blur(14px);border-radius:32px 32px 0 0}

@media (max-width:1100px){.gs-nb-topics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:980px){.gs-au-stack{grid-template-columns:1fr 1fr}.gs-au-card--1{grid-column:span 2}.gs-au-card--2{transform:none}}
@media (max-width:720px){
	.gs-au-hero{padding:40px 0 20px}
	.gs-au-hero__desc{font-size:16px}
	.gs-au-stack{gap:12px}
	.gs-au-card--2,.gs-au-card--3{aspect-ratio:3/4}
	.gs-au-card__title{font-size:14px}
	.gs-nb-topics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
	.gs-nb-topic{min-height:0;padding:16px}
	.gs-nb-topic__desc{display:none}
	.gs-nb-topic:last-child{grid-column:span 2}
}
@media (prefers-reduced-motion:reduce){body::before{animation:none}}