:root{--navy:#0b1f3a;--navy-2:#14305a;--teal:#0f766e;--teal-dark:#0b5e58;--teal-soft:#e6f4f1;--blue-soft:#e8effb;--blue-text:#1d4ed8;--amber-soft:#fef3c7;--amber-text:#92400e;--green:#15803d;--green-soft:#e7f6ec;--red:#b42318;--red-soft:#fdecea;--bg:#fff;--bg-soft:#f5f7fa;--line:#e3e8ef;--line-strong:#cbd5e1;--ink:#0b1f3a;--ink-soft:#52627a;--white:#fff;--shadow-sm:0 1px 2px #0b1f3a0f, 0 1px 3px #0b1f3a0d;--shadow-md:0 10px 28px #0b1f3a17;--shadow-lg:0 24px 60px #0b1f3a24;--radius:14px;--radius-sm:10px;--parchment:var(--bg);--parchment-deep:var(--bg-soft);--stamp:var(--teal);--stamp-dark:var(--teal-dark);--ember:#b45309;--moss:var(--green);--font-display:"Plus Jakarta Sans", system-ui, sans-serif;--font-body:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:var(--font-body);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:16px;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4{font-family:var(--font-display);color:var(--ink);letter-spacing:-.02em;margin:0;font-weight:700;line-height:1.2}p{color:var(--ink-soft);margin:0;line-height:1.65}a{color:inherit;text-decoration:none}button{font-family:var(--font-body);cursor:pointer}.container{max-width:1160px;margin:0 auto;padding:0 24px}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--teal-dark);background:var(--teal-soft);border-radius:999px;align-items:center;padding:5px 12px;font-size:12px;font-weight:600;display:inline-flex}.btn{border-radius:var(--radius-sm);border:1.5px solid #0000;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:15px;font-weight:600;line-height:1.2;transition:background .18s,border-color .18s,color .18s,box-shadow .18s;display:inline-flex}.btn-primary{background:var(--teal);color:var(--white);box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--teal-dark);box-shadow:var(--shadow-md)}.btn-outline{background:var(--white);color:var(--ink);border-color:var(--line-strong)}.btn-outline:hover{border-color:var(--teal);color:var(--teal-dark)}.btn-light{background:var(--white);color:var(--navy)}.btn-light:hover{background:var(--teal-soft)}.btn-ghost-light{color:var(--white);background:0 0;border-color:#fff6}.btn-ghost-light:hover{border-color:var(--white);background:#ffffff14}.btn-lg{padding:15px 28px;font-size:16px}a:focus-visible,button:focus-visible,summary:focus-visible{outline-offset:2px;outline:3px solid #0f766e73}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.main{flex:1}.navbar{z-index:50;-webkit-backdrop-filter:saturate(160%)blur(10px);backdrop-filter:saturate(160%)blur(10px);border-bottom:1px solid var(--line);background:#ffffffeb;position:sticky;top:0}.navbar-inner{justify-content:space-between;align-items:center;gap:24px;height:68px;display:flex}.brand{flex-shrink:0;align-items:center;gap:10px;display:inline-flex}.brand-mark{background:var(--navy);width:36px;height:36px;color:var(--white);font-family:var(--font-display);letter-spacing:.02em;box-shadow:inset 0 -3px 0 var(--teal);border-radius:10px;justify-content:center;align-items:center;font-size:14px;font-weight:800;display:inline-flex}.brand-text{flex-direction:column;line-height:1.15;display:flex}.brand-text strong{font-family:var(--font-display);letter-spacing:-.01em;font-size:16px;font-weight:700}.brand-text small{color:var(--ink-soft);font-size:11.5px;font-weight:500}.nav-links{align-items:center;gap:4px;margin-left:auto;display:flex}.nav-link{color:var(--ink-soft);border-radius:8px;padding:8px 12px;font-size:14.5px;font-weight:500;transition:color .15s,background .15s;position:relative}.nav-link:hover{color:var(--ink);background:var(--bg-soft)}.nav-link.is-active{color:var(--teal-dark);font-weight:600}.nav-link.is-active:after{content:"";background:var(--teal);border-radius:2px;height:2px;position:absolute;bottom:-1px;left:12px;right:12px}.nav-cta{margin-left:12px;padding:10px 18px;font-size:14.5px}.nav-toggle{background:0 0;border:none;flex-direction:column;gap:5px;padding:8px;display:none}.nav-toggle span{background:var(--ink);border-radius:2px;width:22px;height:2px}.hero{background:radial-gradient(900px 420px at 85% -10%,#0f766e1f,#0000 60%),linear-gradient(#f4faf9 0%,#fff 100%);padding:72px 0 96px}.hero-inner{grid-template-columns:1.05fr .95fr;align-items:center;gap:56px;display:grid}.hero-title{letter-spacing:-.03em;margin:18px 0 20px;font-size:clamp(34px,4.6vw,56px);font-weight:800;line-height:1.08}.hl{color:var(--teal)}.hero-desc{max-width:520px;margin-bottom:32px;font-size:18px}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.hero-note{align-items:center;gap:8px;margin-top:18px;font-size:13.5px;display:flex}.hero-note svg{width:16px;height:16px;stroke:var(--teal);fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.hero-visual{justify-content:center;display:flex}.cv-mock{background:var(--white);border:1px solid var(--line);width:100%;max-width:400px;box-shadow:var(--shadow-lg);border-radius:18px;padding:30px 28px 26px;position:relative;transform:rotate(1.2deg)}.cv-mock-head{border-bottom:1px solid var(--line);align-items:center;gap:14px;margin-bottom:18px;padding-bottom:18px;display:flex}.cv-mock-avatar{background:linear-gradient(135deg, var(--navy-2), var(--teal));border-radius:50%;flex-shrink:0;width:48px;height:48px}.cv-line{background:var(--line);border-radius:5px;height:9px;margin-bottom:9px;display:block}.cv-line.strong{background:#c9d3e0;height:11px}.cv-line.w90{width:90%}.cv-line.w80{width:80%}.cv-line.w70{width:70%}.cv-line.w60{width:60%}.cv-line.w45{width:45%}.cv-line.w35{width:35%}.cv-mock-block{margin-bottom:18px}.cv-mock-block:last-child{margin-bottom:0}.cv-mock-label{background:var(--teal);opacity:.85;border-radius:4px;width:70px;height:8px;margin-bottom:12px;display:block}.cv-chip{background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow-md);color:var(--ink);white-space:nowrap;border-radius:12px;align-items:center;gap:8px;padding:9px 14px;font-size:13px;font-weight:600;display:inline-flex;position:absolute;transform:rotate(-1.2deg)}.cv-chip svg{fill:none;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.cv-chip.ok svg{stroke:var(--green)}.cv-chip.warn{background:var(--amber-soft);color:var(--amber-text);border-color:#f6d98a}.cv-chip.warn svg{stroke:var(--amber-text)}.cv-chip.c1{top:26px;right:-18px}.cv-chip.c2{top:52%;left:-26px}.cv-chip.c3{bottom:-16px;right:24px}.value-strip{z-index:2;margin-top:-48px;position:relative}.value-strip-inner{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-md);grid-template-columns:repeat(3,1fr);display:grid}.value-item{align-items:center;gap:14px;padding:20px 24px;display:flex}.value-item+.value-item{border-left:1px solid var(--line)}.value-icon{background:var(--teal-soft);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.value-icon svg{fill:none;width:22px;height:22px;stroke:var(--teal-dark);stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round}.value-item strong{font-size:15px;font-family:var(--font-display);margin-bottom:2px;display:block}.value-item span{color:var(--ink-soft);font-size:13.5px;line-height:1.4;display:block}.section{padding:80px 0}.section-alt{background:var(--bg-soft)}.section-title{letter-spacing:-.025em;margin:12px 0 14px;font-size:clamp(26px,3.2vw,36px);font-weight:800}.section-desc{max-width:600px;margin-bottom:40px;font-size:17px}.section-head-center{text-align:center}.section-head-center .section-desc{margin-left:auto;margin-right:auto}.narrow{max-width:760px}.service-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.service-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-direction:column;padding:26px;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex}.service-card:hover{border-color:var(--teal);box-shadow:var(--shadow-md);transform:translateY(-3px)}.service-icon{background:var(--teal-soft);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:18px;display:inline-flex}.service-icon svg{fill:none;width:24px;height:24px;stroke:var(--teal-dark);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.service-card h3{margin-bottom:8px;font-size:18px}.service-card p{flex:1;font-size:14.5px}.service-link{color:var(--teal-dark);align-items:center;gap:6px;margin-top:18px;font-size:14px;font-weight:600;display:inline-flex}.service-link svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px;transition:transform .18s}.service-card:hover .service-link svg{transform:translate(3px)}.service-card.is-featured{background:var(--navy);border-color:var(--navy)}.service-card.is-featured h3{color:var(--white)}.service-card.is-featured p{color:#b9c6d8}.service-card.is-featured .service-icon{background:#ffffff1f}.service-card.is-featured .service-icon svg{stroke:#7fd6cb}.service-card.is-featured .service-link{color:#7fd6cb}.service-tag{letter-spacing:.06em;text-transform:uppercase;color:#0b3b37;background:#7fd6cb;border-radius:6px;align-self:flex-start;margin-bottom:14px;padding:3px 9px;font-size:11px;font-weight:700}.journey-steps{grid-template-columns:repeat(4,1fr);gap:24px;display:grid;position:relative}.journey-steps:before{content:"";background:repeating-linear-gradient(90deg, var(--line-strong) 0 6px, transparent 6px 12px);height:2px;position:absolute;top:21px;left:8%;right:8%}.journey-step{text-align:center;padding:0 8px;position:relative}.journey-num{background:var(--white);border:2px solid var(--teal);width:44px;height:44px;color:var(--teal-dark);font-family:var(--font-display);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 14px;font-size:16px;font-weight:800;display:flex;position:relative}.journey-step h4{margin-bottom:4px;font-size:16.5px}.journey-step p{font-size:14px}.about-grid{grid-template-columns:320px 1fr;align-items:center;gap:48px;display:grid}.about-photo{aspect-ratio:4/5;object-fit:cover;width:100%;box-shadow:var(--shadow-md);background:var(--bg-soft);border-radius:20px}.about-role{color:var(--teal-dark);margin-bottom:14px;font-weight:600}.about-intro{white-space:pre-wrap;max-width:620px;font-size:17px}.about-highlights{gap:10px;margin:22px 0 0;padding:0;list-style:none;display:grid}.about-highlights li{color:var(--ink);align-items:flex-start;gap:10px;font-weight:500;display:flex}.about-highlights svg{fill:none;width:20px;height:20px;stroke:var(--teal);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;margin-top:2px}.testi-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.testi-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:26px}.testi-card p{color:var(--ink);margin-bottom:18px;font-size:15.5px}.testi-name{font-weight:700;font-family:var(--font-display);font-size:14.5px}.testi-role{color:var(--ink-soft);font-size:13px}.cta-band{background:var(--navy);background-image:radial-gradient(700px 300px at 90% 0,#0f766e59,#0000 70%);padding:72px 0}.cta-band .section-title,.cta-band h2{color:var(--white);margin-top:0}.cta-band p{color:#b9c6d8}.cta-block{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:32px;display:flex}.cta-actions{flex-wrap:wrap;gap:12px;display:flex}.cta-desc{max-width:520px;margin-top:10px}.grid{gap:20px;display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:26px;position:relative}.card-wide{max-width:none}.card h3{margin:10px 0 8px;font-size:19px}.card p{font-size:14.5px}.card-desc{white-space:pre-wrap;line-height:1.6}.card-dot{border-radius:50%;width:10px;height:10px;display:inline-block}.card-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:20px;display:flex}.kelas-search-input{width:100%;max-width:380px;margin-bottom:28px}.card-meta{color:var(--ink-soft);font-size:13px}.btn-sm{padding:9px 16px;font-size:14px}.badge{letter-spacing:.02em;border-radius:6px;align-items:center;margin-bottom:10px;padding:4px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.badge-free{background:var(--teal-soft);color:var(--teal-dark)}.badge-paid{background:var(--blue-soft);color:var(--blue-text)}.filter-tabs{gap:8px;margin-bottom:28px;display:flex}.filter-tab{border:1.5px solid var(--line-strong);background:var(--white);color:var(--ink-soft);border-radius:999px;padding:8px 18px;font-size:14px;font-weight:500;transition:background .15s,color .15s,border-color .15s}.filter-tab:hover{border-color:var(--teal);color:var(--teal-dark)}.filter-tab.is-active{background:var(--navy);color:var(--white);border-color:var(--navy)}.job-search-input,.job-location-select,.field input,.field textarea,.field select{font-family:var(--font-body);border-radius:var(--radius-sm);border:1.5px solid var(--line-strong);background:var(--white);color:var(--ink);padding:12px 14px;font-size:15px;transition:border-color .15s,box-shadow .15s}.job-search-input::placeholder,.field input::placeholder,.field textarea::placeholder{color:#8a98ad}.job-search-input:focus-visible,.job-location-select:focus-visible,.field input:focus-visible,.field textarea:focus-visible,.field select:focus-visible{border-color:var(--teal);outline:none;box-shadow:0 0 0 4px #0f766e26}.field{color:var(--ink);flex-direction:column;gap:6px;font-size:14px;font-weight:600;display:flex}.field-hint{color:var(--ink-soft);margin-top:-2px;font-size:12.5px;font-weight:400}.field textarea,.field select{resize:vertical}.form-error{color:var(--red);background:var(--red-soft);border-radius:8px;padding:10px 14px;font-size:14px}.form-success{color:var(--green);font-size:14px;font-weight:600}.hp-field{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.job-filters{gap:10px;margin:20px 0;display:flex}.job-search-input{flex:1;min-width:0}.job-location-select{flex-shrink:0;max-width:200px}.job-list{flex-direction:column;gap:12px;display:flex}.job-item{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;transition:border-color .18s,box-shadow .18s;display:flex}.job-item:hover{border-color:var(--teal);box-shadow:var(--shadow-md)}.job-item-body{flex:1}.job-thumb{object-fit:cover;border:1px solid var(--line);border-radius:10px;flex-shrink:0;width:52px;height:52px}.job-item h3{margin-bottom:4px;font-size:17px}.job-item p{font-size:14px}.job-posted{color:var(--ink-soft);white-space:nowrap;font-size:13px}.job-modal-overlay{z-index:100;background:#0b1f3a8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.job-modal{background:var(--white);width:100%;max-width:580px;max-height:85vh;box-shadow:var(--shadow-lg);border-radius:18px;padding:28px;position:relative;overflow-y:auto}.job-modal-close{background:var(--bg-soft);cursor:pointer;width:32px;height:32px;color:var(--ink);z-index:1;border:none;border-radius:50%;font-size:20px;line-height:1;position:absolute;top:14px;right:14px}.job-modal-close:hover{background:var(--line)}.job-detail-image{object-fit:contain;background:var(--bg-soft);border-radius:12px;width:100%;max-height:340px;margin-bottom:20px}.job-detail-image-clickable{cursor:zoom-in}.job-image-lightbox{z-index:200;cursor:zoom-out;background:#050c18eb;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.job-image-lightbox img{object-fit:contain;cursor:zoom-out;border-radius:8px;max-width:100%;max-height:100%}.job-modal-head{margin-bottom:18px;padding-right:36px}.job-modal-head h2{margin-bottom:10px;font-size:22px;line-height:1.3}.job-modal-meta-row{color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;display:flex}.job-modal-company{color:var(--ink);font-weight:600}.job-modal-dot{background:var(--ink-soft);border-radius:50%;flex-shrink:0;width:3px;height:3px}.job-modal-posted-badge{color:var(--teal-dark);background:var(--teal-soft);white-space:nowrap;border-radius:6px;margin-left:auto;padding:4px 10px;font-size:12px;font-weight:600}.job-modal-desc{border-top:1px solid var(--line);white-space:pre-wrap;color:var(--ink-soft);margin-top:4px;padding-top:18px;font-size:15px;line-height:1.7}.job-apply-btn{text-align:center;flex:1;justify-content:center;align-items:center;min-width:160px;display:inline-flex}.job-modal-actions{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.login-section{align-items:center;min-height:60vh;display:flex}.login-card{width:100%}.login-title{margin-top:8px}.login-desc{margin-bottom:28px}.login-form{flex-direction:column;gap:18px;display:flex}.btn-disabled{opacity:.5;pointer-events:none}.quiz-progress-bar{background:var(--line);border-radius:999px;height:8px;margin-bottom:10px;overflow:hidden}.quiz-progress-fill{background:var(--teal);border-radius:999px;height:100%;transition:width .3s}.quiz-counter{color:var(--ink-soft);margin-bottom:20px;font-size:13px}.quiz-question-card{min-height:220px}.quiz-question-text{margin-bottom:24px;font-size:22px;line-height:1.35}.likert-options{flex-direction:column;gap:10px;display:flex}.likert-btn{text-align:left;border:1.5px solid var(--line-strong);background:var(--white);color:var(--ink);border-radius:12px;padding:14px 18px;font-size:15px;font-weight:500;transition:border-color .15s,background .15s}.likert-btn:hover{border-color:var(--teal);background:var(--teal-soft)}.quiz-back-btn{margin-top:20px}.result-breakdown{flex-direction:column;gap:14px;margin:24px 0;display:flex}.result-bar-row{grid-template-columns:40px 1fr 44px;align-items:center;gap:12px;display:grid}.result-bar-label{font-size:14px;font-weight:700}.result-bar-track{background:var(--bg-soft);border:1px solid var(--line);border-radius:999px;height:10px;overflow:hidden}.result-bar-fill{background:linear-gradient(90deg, var(--teal), #14a398);border-radius:999px;height:100%}.result-bar-value{color:var(--ink-soft);text-align:right;font-size:13px}.result-save-note{margin-bottom:20px}.result-actions{margin-top:8px}.card-price{font-weight:800;font-family:var(--font-display);color:var(--ink);margin-top:10px;font-size:18px}.payment-box{background:var(--bg-soft);border:1px solid var(--line);border-radius:12px;margin-top:16px;padding:16px;overflow:hidden}.payment-box-label{color:var(--ink-soft);margin-bottom:4px;font-size:12.5px}.payment-box-value{margin-bottom:8px;font-size:14.5px;font-weight:600}.payment-box-amount{font-size:20px;font-weight:800;font-family:var(--font-display);color:var(--teal-dark);margin-bottom:14px}.proof-form{flex-direction:column;gap:14px;display:flex}.proof-form .field input[type=file]{box-shadow:none;background:0 0;border:none;padding:8px 0;font-size:13.5px;font-weight:400}.proof-preview{object-fit:contain;border:1px solid var(--line);background:var(--bg-soft);border-radius:10px;width:100%;max-height:220px}.proof-success{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.admin-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:12px;display:flex}.admin-dashboard-card{transition:transform .18s,border-color .18s,box-shadow .18s;display:block}.admin-dashboard-card:hover{border-color:var(--teal);box-shadow:var(--shadow-md);transform:translateY(-3px)}.admin-dashboard-card-disabled{opacity:.6}.admin-layout{grid-template-columns:380px 1fr;align-items:start;gap:24px;display:grid}.admin-form{flex-direction:column;gap:16px;display:flex;position:sticky;top:90px}.admin-form h3{margin-bottom:4px}.admin-list{flex-direction:column;gap:14px;display:flex}.admin-list-item{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 24px;display:flex}.admin-list-item h3{margin:8px 0 4px;font-size:17px}.admin-list-actions{flex-shrink:0;gap:8px;display:flex}.admin-list-thumb{object-fit:cover;border-radius:8px;flex-shrink:0;width:44px;height:44px}.admin-list-desc{color:var(--ink-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:4px;font-size:13.5px;line-height:1.5;display:-webkit-box;overflow:hidden}.admin-list-link{text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:6px;overflow:hidden}.admin-toolbar{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:14px 20px;display:flex}.admin-toolbar .card-meta{max-width:520px}.badge-inactive{background:var(--bg-soft);color:var(--ink-soft);margin-left:8px}.btn-danger{color:var(--red);border-color:#f0b8b2}.btn-danger:hover{background:var(--red-soft);border-color:var(--red);color:var(--red)}.badge-status-pending{background:var(--amber-soft);color:var(--amber-text)}.badge-status-approved{background:var(--green-soft);color:var(--green)}.badge-status-rejected{background:var(--red-soft);color:var(--red)}.badge-count{background:var(--red);min-width:20px;height:20px;color:var(--white);vertical-align:middle;border-radius:999px;justify-content:center;align-items:center;margin-left:8px;padding:0 6px;font-size:12px;font-weight:700;display:inline-flex}.cv-hero{background:radial-gradient(800px 360px at 90% -10%,#0f766e1f,#0000 60%),linear-gradient(#f4faf9 0%,#fff 100%);padding:64px 0 72px}.cv-hero-inner{grid-template-columns:1.1fr .9fr;align-items:center;gap:48px;display:grid}.cv-hero h1{letter-spacing:-.03em;margin:18px 0;font-size:clamp(32px,4.2vw,50px);font-weight:800;line-height:1.1}.cv-hero .hero-desc{margin-bottom:28px}.fact-list{flex-wrap:wrap;gap:10px 22px;margin:28px 0 0;padding:0;list-style:none;display:flex}.fact-list li{color:var(--ink);align-items:center;gap:8px;font-size:14px;font-weight:500;display:inline-flex}.fact-list svg{fill:none;width:18px;height:18px;stroke:var(--teal);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}.criteria-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.criteria-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:24px}.criteria-card .service-icon{width:42px;height:42px;margin-bottom:14px}.criteria-card h3{margin-bottom:6px;font-size:17px}.criteria-card p{font-size:14.5px}.pkg-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:20px;display:grid}.pkg-card{background:var(--white);border:1.5px solid var(--line);box-shadow:var(--shadow-sm);border-radius:18px;flex-direction:column;padding:30px 26px 26px;display:flex;position:relative}.pkg-card.is-popular{border-color:var(--teal);box-shadow:var(--shadow-md)}.pkg-flag{letter-spacing:.05em;text-transform:uppercase;color:var(--white);background:var(--teal);border-radius:999px;padding:5px 12px;font-size:11.5px;font-weight:700;position:absolute;top:-13px;left:26px}.pkg-card h3{margin:0 0 4px;font-size:20px}.pkg-tagline{min-height:44px;font-size:14px}.pkg-price{font-family:var(--font-display);letter-spacing:-.03em;color:var(--ink);margin:18px 0 4px;font-size:34px;font-weight:800}.pkg-price small{font-family:var(--font-body);color:var(--ink-soft);letter-spacing:0;margin-left:4px;font-size:13px;font-weight:500}.pkg-features{flex:1;align-content:start;gap:12px;margin:20px 0 26px;padding:0;list-style:none;display:grid}.pkg-features li{color:var(--ink);align-items:flex-start;gap:10px;font-size:14.5px;line-height:1.45;display:flex}.pkg-features svg{fill:none;width:18px;height:18px;stroke:var(--teal);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;margin-top:1px}.pkg-card .btn{width:100%}.pkg-note{text-align:center;margin-top:22px;font-size:13.5px}.steps-flow{counter-reset:step;grid-template-columns:repeat(4,1fr);gap:20px;margin:0;padding:0;list-style:none;display:grid}.steps-flow li{counter-increment:step;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:24px}.steps-flow li:before{content:counter(step);background:var(--navy);width:34px;height:34px;color:var(--white);font-family:var(--font-display);border-radius:10px;justify-content:center;align-items:center;margin-bottom:14px;font-weight:800;display:flex}.steps-flow h3{margin-bottom:6px;font-size:16.5px}.steps-flow p{font-size:14px}.compare{grid-template-columns:1fr 1fr;gap:20px;display:grid}.compare-card{border-radius:var(--radius);border:1px solid var(--line);background:var(--white);padding:26px}.compare-card.is-before{background:#fff8f7;border-color:#f3d5d1}.compare-card.is-after{background:#f2faf8;border-color:#bfe3dd}.compare-label{letter-spacing:.06em;text-transform:uppercase;border-radius:6px;margin-bottom:14px;padding:4px 10px;font-size:11.5px;font-weight:700;display:inline-block}.is-before .compare-label{background:var(--red-soft);color:var(--red)}.is-after .compare-label{background:var(--green-soft);color:var(--green)}.compare-card ul{gap:10px;margin:0;padding-left:18px;display:grid}.compare-card li{color:var(--ink);font-size:15px;line-height:1.5}.compare-caption{text-align:center;margin-top:16px;font-size:13.5px}.faq-list{gap:12px;max-width:780px;display:grid}.faq-item{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.faq-item summary{cursor:pointer;font-family:var(--font-display);justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;font-size:16px;font-weight:600;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"";border-right:2px solid var(--ink-soft);border-bottom:2px solid var(--ink-soft);flex-shrink:0;width:10px;height:10px;margin-top:-4px;transition:transform .2s;transform:rotate(45deg)}.faq-item[open] summary:after{margin-top:4px;transform:rotate(-135deg)}.faq-item p{padding:0 22px 20px;font-size:15px}.sticky-cta{display:none}.footer{background:var(--navy);color:#b9c6d8;padding:56px 0 28px}.footer-grid{border-bottom:1px solid #ffffff1f;grid-template-columns:1.4fr 1fr 1fr;gap:40px;padding-bottom:36px;display:grid}.footer .brand-mark{background:var(--white);color:var(--navy)}.footer-brandline{align-items:center;gap:10px;margin-bottom:14px;display:flex}.footer-brandline strong{font-family:var(--font-display);color:var(--white);font-size:17px}.footer-tagline{color:#b9c6d8;max-width:320px;font-size:14.5px}.footer h4{color:var(--white);letter-spacing:.02em;margin-bottom:14px;font-size:14px}.footer-links{gap:10px;margin:0;padding:0;list-style:none;display:grid}.footer-links a{color:#b9c6d8;font-size:14.5px}.footer-links a:hover{color:var(--white)}.footer-copy{color:#8ea0b8;margin-top:24px;font-size:13px}@media (width<=1000px){.service-grid,.steps-flow{grid-template-columns:repeat(2,1fr)}}@media (width<=860px){.hero-inner,.cv-hero-inner,.grid-2,.pkg-grid,.criteria-grid,.testi-grid,.compare,.about-grid{grid-template-columns:1fr}.about-photo{max-width:260px}.journey-steps{grid-template-columns:repeat(2,1fr);row-gap:32px}.journey-steps:before{display:none}.value-strip-inner{grid-template-columns:1fr}.value-item+.value-item{border-left:none;border-top:1px solid var(--line)}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>:first-child{grid-column:1/-1}.nav-links{background:var(--white);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0;margin-left:0;padding:12px 24px 20px;display:none;position:fixed;top:68px;left:0;right:0}.nav-links.is-open,.nav-toggle{display:flex}.admin-layout{grid-template-columns:1fr}.admin-form{position:static}.cta-block{flex-direction:column;align-items:flex-start}}@media (width<=640px){.service-grid,.steps-flow{grid-template-columns:1fr}.job-filters{flex-direction:column}.job-location-select{max-width:none}.job-item{flex-wrap:wrap;gap:10px;padding:16px}.job-thumb{width:44px;height:44px}.job-item-body{flex-basis:calc(100% - 60px);min-width:0}.job-item-body h3{font-size:16px}.job-posted{flex-basis:100%;margin-left:60px}.job-modal-overlay{align-items:flex-end;padding:0}.job-modal{border-radius:18px 18px 0 0;width:100%;max-width:none;max-height:92vh;padding:20px 16px}.job-detail-image{max-height:220px}.job-modal-head h2{font-size:19px}.job-modal-posted-badge{margin-left:0}.job-apply-btn{width:100%;display:flex}.admin-list-item{flex-wrap:wrap}.admin-list-thumb{width:40px;height:40px}.admin-list-actions{flex-wrap:wrap;gap:8px;width:100%;display:flex}.admin-list-actions .btn{flex:auto}}.btn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:18px;height:18px}:root{--nav-h:64px;--tap:44px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--nav-h) + 12px)}body{-webkit-tap-highlight-color:transparent}#root{min-height:100dvh}a,button,.btn,.filter-tab,.likert-btn,.job-item{touch-action:manipulation}.btn{justify-content:center;min-height:46px}.btn-sm{min-height:var(--tap);padding:10px 18px}.filter-tab{min-height:var(--tap);white-space:nowrap;flex-shrink:0;padding:0 20px}.btn-ok{color:var(--moss);border-color:var(--moss)}.btn-ok:hover{background:#3e6b571a}.btn:active{transform:scale(.97)}@media (hover:none){.btn:hover,.admin-dashboard-card:hover,.service-card:hover{transform:none}.job-item:hover{border-color:var(--line)}.admin-dashboard-card:hover,.service-card:hover{border-color:var(--line);box-shadow:var(--shadow-sm)}.likert-btn:hover{border-color:var(--line);background:var(--parchment)}}.likert-btn:active,.job-item:active,.admin-dashboard-card:active{border-color:var(--stamp)}.container{padding-left:max(24px, env(safe-area-inset-left));padding-right:max(24px, env(safe-area-inset-right))}.footer{padding-bottom:calc(28px + var(--safe-bottom))}.nav-backdrop,.admin-nav{display:none}.admin-dash-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.admin-dash-head h3{margin:0 0 6px}.admin-dash-chevron{color:var(--ink-soft);flex-shrink:0;font-size:26px;line-height:1}.admin-form{scroll-margin-top:calc(var(--nav-h) + 12px)}@media (width>=861px){.admin-form{overscroll-behavior:contain;max-height:calc(100dvh - 110px);overflow-y:auto}}@media (width<=860px){.container{padding-left:max(20px, env(safe-area-inset-left));padding-right:max(20px, env(safe-area-inset-right))}.field input,.field textarea,.field select,.job-search-input,.job-location-select{font-size:16px}.field input:not([type=file]),.field select,.job-search-input,.job-location-select{min-height:48px}.navbar{padding-top:var(--safe-top)}.navbar-inner{height:var(--nav-h)}.nav-toggle{width:var(--tap);height:var(--tap);border-radius:12px;justify-content:center;align-items:center;margin-right:-10px}.nav-toggle span{transition:transform .2s,opacity .2s}.nav-toggle[aria-expanded=true] span:first-child{transform:translateY(7px)rotate(45deg)}.nav-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.nav-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.nav-links{padding:8px max(20px, env(safe-area-inset-right)) 16px max(20px, env(safe-area-inset-left));max-height:calc(100dvh - var(--nav-h) - var(--safe-top));overscroll-behavior:contain;gap:0;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 18px 30px #0b1f3a24}.nav-links.is-open{animation:.18s ease-out nav-drop}.nav-link{border-bottom:1px solid var(--line);align-items:center;min-height:52px;padding:0 12px;font-size:17px;display:flex}.nav-link:last-child{border-bottom:none}.nav-link.is-active:after{border-radius:2px;width:4px;height:24px;inset:50% auto auto 0;transform:translateY(-50%)}.nav-backdrop{z-index:40;background:#0b1f3a66;display:block;position:fixed;inset:0}.nav-cta{width:100%;min-height:50px;margin:14px 0 0}.hero{padding:36px 0 72px}.hero-visual{order:0;padding:8px 12px 0}.cv-mock{max-width:340px;transform:none}.cv-chip.c1{right:-8px}.cv-chip.c2{left:-8px}.cv-chip.c3{right:12px}.hero-title{font-size:clamp(32px,9vw,42px)}.hero-actions{flex-direction:column;align-items:stretch}.value-strip{margin-top:-40px}.section,.cta-band{padding:56px 0}.cta-actions{flex-direction:column;width:100%}.cta-actions .btn{width:100%}.section-desc{margin-bottom:28px}.card{padding:22px 20px}.cta-block .btn{width:100%}.filter-tabs{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;margin-left:-20px;margin-right:-20px;padding:0 20px 4px;overflow-x:auto}.filter-tabs::-webkit-scrollbar{display:none}.kelas-search-input{max-width:none}.job-modal{max-height:92dvh;padding-bottom:calc(20px + var(--safe-bottom));overscroll-behavior:contain}.job-modal-close{width:40px;height:40px;font-size:24px;top:12px;right:12px}.quiz-question-card{min-height:0}.quiz-question-text{font-size:20px}.likert-btn{min-height:54px;padding:14px 16px;font-size:16px}.quiz-back-btn{width:100%}.admin-header{gap:12px}.admin-header>a.btn{display:none}.admin-toolbar{padding:14px 16px}.admin-toolbar .btn{width:100%}.admin-list-item{padding:16px}.admin-list-actions{flex-wrap:wrap;gap:10px;width:100%;display:flex}.admin-list-actions .btn{flex:calc(50% - 10px);min-height:48px}.admin-list-actions .admin-action-wide,.admin-list-actions .card-meta{flex-basis:100%}.admin-dashboard-card{padding:18px 20px}.admin-dashboard-card p{font-size:14px}.cv-page{padding-bottom:calc(84px + var(--safe-bottom))}.sticky-cta{z-index:55;padding:10px max(16px, env(safe-area-inset-right)) calc(10px + var(--safe-bottom)) max(16px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);background:#fffffff7;align-items:center;gap:12px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #0b1f3a14}.sticky-cta-text{flex:1;min-width:0;line-height:1.25}.sticky-cta-text strong{font-family:var(--font-display);font-size:15px;display:block}.sticky-cta-text span{color:var(--ink-soft);font-size:12.5px}.main.has-admin-nav{padding-bottom:calc(76px + var(--safe-bottom))}.admin-nav{z-index:60;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);padding:6px 4px calc(6px + var(--safe-bottom));background:#fffffff5;display:flex;position:fixed;bottom:0;left:0;right:0}.admin-nav-item{min-width:0;min-height:56px;color:var(--ink-soft);border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:11px;font-weight:600;display:flex;position:relative}.admin-nav-item svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:23px;height:23px}.admin-nav-item.is-active{color:var(--teal-dark);background:var(--teal-soft)}.admin-nav-badge{background:var(--red);min-width:18px;height:18px;color:var(--white);text-align:center;border-radius:999px;padding:0 5px;font-size:11px;font-weight:700;line-height:18px;position:absolute;top:2px;left:calc(50% + 6px)}}@keyframes nav-drop{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}