/* Aurora Family — warm illustrated adult workspaces and public storefronts. */
:root{--aurora-navy:#102e56;--aurora-paper:#fafbf9;--aurora-line:#e1e9ef;--aurora-muted:#52677e;--aurora-shadow:0 9px 28px #183b5e09}
html:root body:is(.home-modern,.portal-surface,.ra-parent,.ds-parent-shell,.dsl,.has-ruang-landing){color:var(--aurora-navy);background:radial-gradient(ellipse at 95% 0,#e8f6f1aa,transparent 42%),#fafbf9}
html:root body:is(.portal-shell-active,.ds-parent-shell) :is(.portal-topbar,.ds-header){background:#ffffffed;border-bottom:1px solid #e2eaf0;box-shadow:0 4px 22px #1d426307}
html:root body:is(.portal-shell-active,.ds-parent-shell) :is(.portal-sidebar,.ds-sidebar){background:linear-gradient(180deg,#fff 65%,#e8f6f1);border-right:1px solid #dce8ee}
html:root body:is(.portal-shell-active,.ds-parent-shell) :is(.portal-brand strong,.ds-brand){color:#102e56}
html:root body:is(.portal-shell-active,.ds-parent-shell) :is(.portal-menu-toggle,.ds-menu){background:#edf4ff;color:#234e89;border:1px solid #d9e6f2;border-radius:11px}
html:root body:is(.portal-shell-active,.ds-parent-shell) :is(.portal-sidebar nav a,.ds-sidebar a){border-radius:10px;color:#344f6f}
html:root body:is(.portal-shell-active,.ds-parent-shell) :is(.portal-sidebar nav a[aria-current=page],.ds-sidebar a.active){background:#eaf0ff;color:#234d98;box-shadow:inset 3px 0 #3468df}
html:root body:is(.portal-shell-active,.ds-parent-shell) :is(.portal-sidebar-heading strong,.ds-drawer-heading strong){color:#17365c}
html:root body:is(.portal-shell-active,.ds-parent-shell) :is(.account-main,.ds-main,main.page){max-width:1220px}
html:root body:is(.portal-shell-active,.ds-parent-shell) :is(.account-welcome,.ds-parent-hero,.ra-portal-hero){display:block;position:relative;isolation:isolate;overflow:hidden;min-height:186px;border:1px solid #e3e8f4;border-radius:22px;background:linear-gradient(110deg,#edf1ff,#f8fbfa 67%,#e3f5ee);padding:28px 330px 25px 28px;margin:10px 0 24px;box-shadow:var(--aurora-shadow)}
html:root body:is(.portal-shell-active,.ds-parent-shell) :is(.account-welcome,.ds-parent-hero,.ra-portal-hero)::after{content:'';position:absolute;z-index:-1;right:8px;bottom:-6px;width:310px;height:200px;background:url('../images/aurora-family-garden.webp') center/contain no-repeat;pointer-events:none}
html:root body:is(.portal-shell-active,.ds-parent-shell) :is(.account-welcome h1,.ds-parent-hero h1,.ra-portal-hero h1){font-size:clamp(1.45rem,2.6vw,2.1rem);letter-spacing:-.035em;line-height:1.2;color:#102e56;margin:4px 0 12px}
html:root body:is(.portal-shell-active,.ds-parent-shell) :is(.account-welcome p,.ds-parent-hero p,.ra-portal-hero p){font-size:.86rem;line-height:1.65;color:#52677e;margin:4px 0 14px}
html:root body:is(.portal-shell-active,.ds-parent-shell) :is(.account-welcome .button,.ds-parent-hero .ds-btn,.ra-portal-hero .button){display:inline-flex;margin:8px 8px 0 0;font-size:.76rem;min-height:39px;padding:9px 13px}
html:root body:is(.portal-shell-active,.ds-parent-shell) :is(.account-app,.ds-family-card,.ra-family-profile,.rp-dashboard-panel,.fx-child,.fx-guide-step){border:1px solid #e0e8ef;border-radius:18px;box-shadow:var(--aurora-shadow);background:#fff}
html:root body:is(.portal-shell-active,.ds-parent-shell) :is(.ds-family-summary article,.rp-metric,.kpi-card){border:1px solid #e0e8f0;background:#fff;border-radius:16px;box-shadow:0 5px 20px #193c5905}
html:root body:is(.portal-shell-active,.ds-parent-shell) :is(.account-app-grid,.ds-family-summary,.rp-metrics){gap:16px}
html:root body.portal-shell-active .account-app-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
html:root body.portal-shell-active .account-app{padding:20px;overflow:hidden;background:linear-gradient(155deg,#fff,#eef5ff)}
html:root body.portal-shell-active .account-app:has(.aurora-art-ruang-anak){background:linear-gradient(155deg,#fff,#ddf8ed)}
html:root body.portal-shell-active .account-app:has(.aurora-art-dunia-sempoa){background:linear-gradient(155deg,#fff,#eee6ff)}
html:root body.portal-shell-active .account-app:has(.aurora-art-dunia-logika){background:linear-gradient(155deg,#fff,#fff0df)}
html:root body.portal-shell-active .account-app h3{font-size:1.05rem;margin:6px 0 8px;color:#17365c}
html:root body.portal-shell-active .account-app .button:not(.secondary){background:var(--accent-dark,#2351b9);color:#fff;box-shadow:0 5px 12px #193c5914}
html:root body.portal-shell-active .account-app .button.secondary{color:#234b82;border-color:#c8d8e8;background:#fff}
.aurora-app-art{display:block;height:150px;margin:8px -6px 0;background:center/contain no-repeat;pointer-events:none}
.aurora-art-ruang-anak{background-image:url('../images/ruang-anak-3d.webp')}.aurora-art-dunia-sempoa{background-image:url('../images/dunia-sempoa-3d.webp')}.aurora-art-dunia-logika{background-image:url('../images/logika-hero.webp');border-radius:14px}.aurora-art-generic{height:80px;background:linear-gradient(135deg,#e6f6ef,#e6edff);border-radius:16px}
.aurora-progress{margin:25px 0}.aurora-section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}.aurora-section-heading h2{font-size:1.12rem;color:#17365c;margin:3px 0}.aurora-section-heading .eyebrow{font-size:.58rem;margin:0;color:#52677e}.aurora-section-heading>a{font-size:.77rem;color:#234d98;font-weight:650}.aurora-progress-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.aurora-profile{display:flex;align-items:center;gap:13px;min-width:0;padding:18px;border:1px solid #e0e9ef;border-radius:17px;background:#fff;box-shadow:var(--aurora-shadow);color:#17365c;text-decoration:none}.aurora-profile-icon{display:grid;place-items:center;flex:none;width:46px;height:46px;background:#e4f6ee;border-radius:15px}.aurora-profile:nth-child(2n) .aurora-profile-icon{background:#eee9ff}.aurora-profile-icon img{width:30px;height:30px}.aurora-profile-info{display:grid;gap:6px;min-width:0;flex:1}.aurora-profile-info>strong{font-size:.91rem;overflow-wrap:anywhere}.aurora-profile-info>small{font-size:.65rem;color:#52677e}.aurora-profile-result{font-size:.78rem;color:#17365c}.aurora-profile-result small{font-size:.63rem;color:#52677e}.aurora-profile progress{appearance:none;display:block;width:100%;height:6px;border:0;border-radius:20px;overflow:hidden;background:#e8eef5}.aurora-profile progress::-webkit-progress-bar{background:#e8eef5}.aurora-profile progress::-webkit-progress-value{background:#278a72;border-radius:20px}.aurora-profile progress::-moz-progress-bar{background:#278a72}.aurora-profile-arrow{font-size:1.25rem;color:#42649b}
html:root body.home-modern .hf-hero{background:radial-gradient(ellipse at 80% 35%,#dcf6ed,transparent 50%),linear-gradient(120deg,#f6f5ff,#fbfcf9 65%);padding-top:52px;padding-bottom:48px}
html:root body.home-modern .hf-hero .hero-grid{gap:45px;align-items:center}
html:root body.home-modern .hf-hero h1{color:#102e56;font-size:clamp(2rem,3.6vw,3.2rem);max-width:19ch}
html:root body.home-modern .hf-hero .hf-title-accent{color:var(--accent-dark,#2351b9)}
html:root body.home-modern .hf-ecosystem-art{max-height:390px;width:100%;object-fit:contain;filter:drop-shadow(0 15px 25px #32635b12)}
html:root body.home-modern .hf-hero-apps a{background:#ffffffed;border:1px solid #d8e7e4;border-radius:12px;box-shadow:0 4px 12px #183b5e08;color:#234b72}
html:root body.home-modern :is(.hf-benefit,.product-card,.feature-card){border-radius:19px;border-color:#e0e8ef;box-shadow:var(--aurora-shadow)}
html:root body.home-modern .hf-comparison,html:root body.home-modern .hf-faq{background:#f1f7f5}
html:root body:is(.dsl,.has-ruang-landing) :is(.dsl-hero,.rl-hero){background:radial-gradient(ellipse at 90% 15%,#e6f4ed,transparent 55%),linear-gradient(120deg,#f2effc,#fdfcf8)}
html:root body:is(.dsl,.has-ruang-landing) :is(.dsl-card,.dsl-demo-card,.dsl-parent-preview,.rl-feature,.rl-price-card){border-color:#e0e8ef;border-radius:20px;box-shadow:var(--aurora-shadow)}
html:root body:is(.dsl,.has-ruang-landing) :is(.dsl-visual,.rl-preview){border-radius:23px;box-shadow:0 10px 35px #193c5910}
html:root body:is(.portal-shell-active,.ds-parent-shell) :is(input,select,textarea){background:#fbfcff;border-color:#dce6ef;border-radius:10px}
@media(max-width:850px){html:root body.portal-shell-active .account-app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.aurora-app-art{height:130px}}
@media(max-width:600px){html:root body:is(.portal-shell-active,.ds-parent-shell) :is(.account-welcome,.ds-parent-hero,.ra-portal-hero){padding:20px 18px 100px;border-radius:18px;min-height:0}html:root body:is(.portal-shell-active,.ds-parent-shell) :is(.account-welcome,.ds-parent-hero,.ra-portal-hero)::after{width:160px;height:112px;right:0;bottom:-8px}html:root body:is(.portal-shell-active,.ds-parent-shell) :is(.account-welcome h1,.ds-parent-hero h1,.ra-portal-hero h1){font-size:1.5rem}html:root body.portal-shell-active .account-app-grid{grid-template-columns:1fr}.aurora-app-art{height:155px}.aurora-progress-grid{grid-template-columns:1fr}.aurora-profile{padding:15px}.aurora-profile-result small{display:block;margin-top:4px}.aurora-section-heading{align-items:flex-start}html:root body.home-modern .hf-hero{padding-block:30px}html:root body.home-modern .hf-hero h1{font-size:2rem}html:root body.home-modern .hf-ecosystem-art{max-height:280px}}
@media(prefers-reduced-motion:reduce){.aurora-profile,.aurora-app-art{transition:none;animation:none}}
.aurora-progress-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.aurora-family-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:20px 0}.aurora-family-cards>.ds-family-card{min-width:0;align-self:start;margin:0}.aurora-family-meter{display:grid;gap:8px;padding:14px 0 3px}.aurora-family-meter>span{font-size:.72rem;color:#52677e}.aurora-family-meter progress{appearance:none;display:block;width:100%;height:7px;border:0;border-radius:20px;overflow:hidden;background:#e4edf4}.aurora-family-meter progress::-webkit-progress-bar{background:#e4edf4}.aurora-family-meter progress::-webkit-progress-value{background:#2c947e;border-radius:20px}.aurora-family-meter progress::-moz-progress-bar{background:#2c947e}
html:root body.ds-parent-shell .aurora-family-cards .ds-family-worlds{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}html:root body.ds-parent-shell .aurora-family-cards .ds-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:950px){.aurora-family-cards{grid-template-columns:1fr}}
@media(max-width:600px){.aurora-progress-grid{grid-template-columns:1fr}html:root body.ds-parent-shell .aurora-family-cards .ds-form-grid{grid-template-columns:1fr}html:root body.ds-parent-shell .aurora-family-cards .ds-family-worlds{grid-template-columns:repeat(2,minmax(0,1fr))}}
html:root body:is(.portal-shell-active,.ds-parent-shell) .fx-parent-tools a{display:inline-flex;align-items:center;gap:7px}html:root body:is(.portal-shell-active,.ds-parent-shell) :is(.fx-parent-tools a,.account-welcome .button)>svg{width:14px;height:14px;flex:none}