/* ArahDiri editorial design */
:root,:root[data-theme="light"]{--bg:#f0f5fb;--surface:#ffffff;--surface-2:#e2eaf6;--ink:#070f1f;--text:#070f1f;--muted:#657069;--line:#c5d6ee;--line-light:#d7e3f4;--accent:#142c5d;--accent-ink:#ffffff;--accent-soft:#d0def2;--glass-bg:#ffffff;--glass-bg-subtle:#e2eaf6;--glass-border:#c5d6ee;--glass-border-subtle:#d7e3f4;--glass-blur:none;--glass-shadow:none;--glass-shadow-hover:0 8px 25px #17201c0d;--font-display:'Plus Jakarta Sans',Arial,sans-serif;--shadow-sm:none}
:root[data-theme="dark"]{--bg:#161d19;--surface:#202a23;--surface-2:#2b352d;--ink:#e5ecf7;--text:#e5ecf7;--muted:#91b1df;--line:#425045;--accent:#93b2e0;--accent-ink:#070f1f;--accent-soft:#152e60;--glass-bg:#202a23;--glass-border:#425045;--glass-bg-subtle:#2b352d}
html{scroll-behavior:smooth}body{background:var(--bg)!important}button,a,input,select{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #3870bf;outline-offset:4px}button{font-family:inherit}h1,h2,h3{letter-spacing:-.045em}.wrap{max-width:1320px}.top{background:var(--bg)!important;backdrop-filter:none!important;border-bottom:1px solid var(--line)!important;box-shadow:none!important}.top-row{min-height:88px}.brand-icon{background:#bcd0ec!important;border:0!important;box-shadow:none!important;border-radius:50%!important}.brand-name{font-size:25px;letter-spacing:-1px}.brand-sub{color:var(--muted);font-size:8px}.pill,.search-input-box{box-shadow:none!important;border:1px solid var(--line)!important;background:var(--surface)!important}.top-search-wrap{max-width:350px}.theme-btn{box-shadow:none!important}.brand{gap:10px}.btn,.btn-primary{box-shadow:none!important}.btn-primary{background:var(--accent)!important;color:var(--accent-ink)!important}.ios-glass,.feat-card,.fav-card,.riasec-card,.feature-cta-banner,.login-card,.profile-card{box-shadow:none!important;border-radius:12px!important}.feat-card-media{border-radius:8px!important}.slogan-banner{background:var(--surface-2)!important;box-shadow:none!important}.bottom-nav-bar{background:var(--surface)!important;box-shadow:0 6px 30px #17201c12!important;border-radius:18px!important;max-width:420px}.bottom-nav-inner{width:100%}.foot{font-size:12px;color:var(--muted);padding-top:30px}.ed-shell{max-width:1440px;margin:auto;padding:0 48px}.ed-kicker{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;display:flex;align-items:center;gap:10px}.ed-kicker:before{content:'';width:7px;height:7px;background:#2959ba;border-radius:50%}.ed-hero{padding:62px 0 46px}.ed-hero-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.ed-hero-top>span{font-size:12px;color:var(--muted)}.ed-heading-row{display:grid;grid-template-columns:1.55fr 1fr;gap:60px;align-items:end}.ed-heading-row h1{font-size:clamp(54px,6.8vw,100px);font-weight:600;line-height:1.03;letter-spacing:-.075em;max-width:850px}.ed-heading-row h1 em{font-family:Georgia,serif;font-weight:400;color:var(--accent);letter-spacing:-.06em}.ed-intro{max-width:340px;justify-self:end;padding-bottom:8px}.ed-intro p{font-size:15px;line-height:1.8;color:var(--muted);margin:0 0 23px}.ed-button{border:0;background:var(--ink);color:var(--bg);padding:15px 22px;border-radius:40px;display:inline-flex;align-items:center;gap:28px;cursor:pointer;font-size:13px;font-weight:600;transition:transform .2s,background .2s}.ed-button:hover{transform:translateY(-3px);background:var(--accent);color:var(--accent-ink)}.ed-arrow{font-size:21px;line-height:1}.ed-feature{height:410px;position:relative;overflow:hidden;border-radius:6px;background:#253f30;margin:40px 0 0}.ed-feature img{width:100%;height:100%;object-fit:cover;filter:brightness(.65);object-position:center 45%;transition:transform 1s}.ed-feature:hover img{transform:scale(1.025)}.ed-feature:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0c291e6b,transparent)}.ed-feature-text{position:absolute;left:38px;bottom:32px;color:white;z-index:1}.ed-feature-text small{font-size:10px;letter-spacing:.16em;text-transform:uppercase}.ed-feature-text h2{font-size:clamp(30px,4vw,52px);font-weight:500;color:white;max-width:650px;line-height:1.1;margin:15px 0}.ed-round{position:absolute;right:35px;bottom:35px;width:70px;height:70px;border-radius:50%;background:#bcd0ec;color:#0e1e3e;display:grid;place-items:center;border:0;font-size:32px;z-index:2;cursor:pointer}.ed-feature-tag{position:absolute;top:25px;left:30px;z-index:2;color:white;border:1px solid #ffffff70;border-radius:30px;padding:8px 14px;font-size:11px}.ed-strip{display:flex;justify-content:space-between;gap:24px;padding:23px 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:12px}.ed-strip b{color:var(--ink);font-size:18px;font-weight:500;margin-right:8px}.ed-section{padding:75px 0}.ed-section-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:30px}.ed-section-head h2{font-size:clamp(32px,4vw,54px);font-weight:500;margin-top:15px;line-height:1.1}.ed-text-link{border:0;background:none;border-bottom:1px solid var(--ink);padding:9px 0;color:var(--ink);cursor:pointer;font-size:12px;white-space:nowrap}.ed-projects{display:grid;grid-template-columns:1fr 1fr;gap:36px 24px}.ed-project{border:0;padding:0;background:none;color:var(--ink);cursor:pointer;text-align:left;min-width:0}.ed-project-media{height:300px;background:#d5e1f3;overflow:hidden;position:relative;border-radius:5px}.ed-project img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.ed-project:hover img{transform:scale(1.04)}.ed-project-media>span{position:absolute;bottom:17px;right:17px;background:#ffffff;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:#070f1f;font-size:23px}.ed-project-line{display:flex;justify-content:space-between;align-items:baseline;padding-top:17px;gap:12px}.ed-project h3{font-size:24px;font-weight:500}.ed-project small{font-size:10px;color:var(--muted)}.ed-project p{font-size:13px;color:var(--muted);margin:7px 0 0}.ed-process{display:grid;grid-template-columns:1fr 1.25fr;gap:75px;border-top:1px solid var(--line)}.ed-process h2{font-size:clamp(38px,4vw,57px);font-weight:500;line-height:1.1;margin:22px 0}.ed-process p{font-size:14px;line-height:1.8;color:var(--muted);max-width:360px}.ed-step{display:grid;grid-template-columns:45px 1fr;gap:15px;border-bottom:1px solid var(--line);padding:25px 0}.ed-step>span{font-size:12px;color:var(--muted);padding-top:5px}.ed-step h3{font-size:22px;font-weight:500}.ed-step p{max-width:100%;margin:8px 0 0}.ed-riasec{background:var(--surface-2);padding:38px;border-radius:6px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.ed-riasec h2{font-size:35px;font-weight:500;margin:14px 0}.ed-riasec p{font-size:14px;line-height:1.8;color:var(--muted)}.ed-types{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ed-type{padding:18px 12px;background:var(--surface);border:1px solid var(--line);border-radius:5px}.ed-type b{font-family:Georgia,serif;font-size:32px;font-weight:400;color:var(--accent)}.ed-type span{display:block;font-size:11px;margin-top:8px}.ed-cta{margin:70px 0 20px;padding:55px;background:#bcd0ec;color:#0e1e3e;border-radius:6px;display:flex;align-items:center;justify-content:space-between;gap:30px}.ed-cta h2{color:#0e1e3e;font-size:clamp(34px,4vw,54px);font-weight:500;max-width:650px}.ed-cta p{font-size:13px;margin-bottom:0}.ed-footer{display:flex;justify-content:space-between;gap:20px;padding:25px 0;color:var(--muted);font-size:12px}.ed-footer strong{font-size:20px;color:var(--ink);letter-spacing:-1px}.ed-nav{display:flex;gap:25px;margin-left:20px}.ed-nav button{background:none;border:0;color:var(--ink);font-size:12px;cursor:pointer}.ed-local-note{font-size:11px;color:var(--muted);text-align:center;margin:12px 0 0}body:has(.ed-shell) .top-search-wrap,body:has(.ed-shell) #jpill{display:none}body:has(.ed-shell) .top-row{justify-content:space-between}body:has(.ed-shell) .bottom-nav-bar{display:none!important}body:has(.ed-shell){padding-bottom:0!important}body:has(.ed-shell) .foot{padding-bottom:15px}#splash-screen{display:none!important}@media(min-width:1000px){.feat-card{border-radius:8px!important}.sec-header h2{font-size:36px!important;letter-spacing:-.04em}}
@media(max-width:850px){.ed-shell{padding:0 24px}.ed-heading-row{grid-template-columns:1fr;gap:25px}.ed-intro{justify-self:start;max-width:520px}.ed-intro p{margin-bottom:16px}.ed-hero{padding-top:36px}.ed-hero-top>span{display:none}.ed-feature{height:360px;margin-top:30px}.ed-project-media{height:240px}.ed-process{gap:30px}.ed-nav{display:none}.ed-riasec{padding:25px;gap:25px}.ed-cta{padding:35px}.ed-strip{flex-wrap:wrap}.top-row{min-height:75px}}
@media(max-width:560px){.ed-shell{padding:0 20px}.ed-heading-row h1{font-size:56px}.ed-feature{height:340px}.ed-feature-text{left:22px;bottom:22px;right:70px}.ed-feature-text h2{font-size:31px}.ed-feature-tag{left:22px}.ed-round{right:18px;bottom:23px;width:48px;height:48px;font-size:25px}.ed-strip{gap:14px;font-size:10px}.ed-strip b{font-size:15px}.ed-section{padding:48px 0}.ed-projects,.ed-process,.ed-riasec{grid-template-columns:1fr}.ed-project-media{height:260px}.ed-project h3{font-size:23px}.ed-section-head{align-items:start}.ed-section-head h2{font-size:35px}.ed-text-link{font-size:10px}.ed-process{gap:5px}.ed-riasec{padding:24px 20px}.ed-types{gap:8px}.ed-cta{margin-top:45px;padding:28px;display:block}.ed-cta .ed-button{margin-top:22px}.ed-footer{font-size:10px}.brand-sub{display:none}.brand-name{font-size:22px}.top-row{gap:10px}.auth-pill{font-size:11px!important;padding:9px 10px!important}.top-actions{gap:6px}.theme-btn{width:32px!important;height:32px!important}.ed-kicker{font-size:9px}.ed-local-note{padding:0 20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.bottom-nav-bar{left:50%!important;right:auto!important;bottom:15px!important;transform:translateX(-50%)!important;width:calc(100% - 32px)!important}.bottom-nav-inner{height:56px!important}.ed-nav{flex-shrink:0}body:not(:has(.ed-shell)) .ed-nav{display:none}.bakat-card-item{box-shadow:none!important;border:1px solid var(--line)!important;border-radius:10px!important}.bakat-card-top{background:#d0def2!important}.bakat-card-desc{background:#142c5d!important}.bakat-card-img{height:100%!important;max-height:180px;object-fit:contain!important}.bakat-card-img-wrap{height:190px!important}.kartu-bakat-section,.hasil-riasec-card,.hasil-section-card{border:1px solid var(--line)!important;border-radius:12px!important;box-shadow:none!important;background:var(--surface)!important}.kartu-bakat-eyebrow{color:var(--accent)!important}.btn-bakat-primary{background:var(--accent)!important;border-color:var(--accent)!important;color:var(--accent-ink)!important}.hasil-tab.active{background:var(--accent)!important;box-shadow:none!important}