:root{--page:#f7f9fc;--ink:#101828;--muted:#667085;--line:#e4e7ec;--shadow:0 24px 60px #1018281f;--shadow-soft:0 12px 30px #10182812;color:var(--ink);background:var(--page);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}button,input,textarea{font:inherit}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #155eef47}::selection{color:#fff;background:#155eef}.app{min-height:100vh;color:var(--ink);background:#f7f8f3;padding-top:10px;overflow-x:clip}.workspace-app{padding-top:16px}.workspace-topbar.topbar{width:min(1420px,100% - 32px)}.workspace-topbar .nav-links a.is-active{color:#fff;background:#111827}.hero-shell{background:linear-gradient(#14232a2e,#14232a80),linear-gradient(90deg,#23383e2e,#ecf8ef14),url(/hero-landscape.jpg) 50% 46%/cover no-repeat;border-radius:28px;width:min(1560px,100% - 20px);min-height:760px;margin:0 auto;padding:30px 20px 178px;position:relative;overflow:hidden;box-shadow:0 28px 90px #16232a24}.hero-shell:after{content:"";pointer-events:none;background:linear-gradient(#f7f8f300,#f7f8f3 84%);height:210px;position:absolute;inset:auto 0 0}.topbar,.hero-stage,.builder-section,.logo-strip,.type-section,.steps-section,.feature-band-inner,.examples-section,.testimonial-section,.faq-section,.final-cta{width:min(1180px,100% - 32px);margin:0 auto}.topbar{z-index:3;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f6fbfcd1;border:1px solid #ffffff8f;border-radius:8px;justify-content:space-between;align-items:center;gap:18px;width:min(790px,100% - 32px);min-height:56px;padding:8px 10px 8px 12px;display:flex;position:relative;box-shadow:0 22px 70px #16232a2e}.brand,.nav-cta,.nav-links a,.final-cta a{color:inherit;text-decoration:none}.brand{align-items:center;gap:10px;min-width:0;display:inline-flex}.brand-mark{color:#fff;background:#2563eb;border-radius:8px;flex:none;place-items:center;width:36px;height:36px;font-size:14px;font-weight:900;display:inline-grid}.brand strong,.brand small{line-height:1.1;display:block}.brand strong{color:#1f2937;text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.brand small{color:#536471;margin-top:2px;font-size:11px;font-weight:800}.nav-links{justify-content:center;align-items:center;gap:2px;display:flex}.nav-links a{color:#536471;border-radius:8px;min-height:38px;padding:10px 13px;font-size:13px;font-weight:850}.nav-links a:hover{color:#101828;background:#ffffffb8}.nav-cta,.primary-action,.ghost-action,.inline-action,.download-actions button,.final-cta a,.fake-button{cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;font-weight:900;line-height:1;transition:transform .16s,box-shadow .16s,background .16s,border-color .16s;display:inline-flex}.nav-cta,.primary-action,.final-cta a,.fake-button{color:#fff;background:#16232a;padding:0 16px;box-shadow:0 16px 34px #11182738}.nav-cta:hover,.primary-action:hover,.final-cta a:hover,.download-actions button:hover,.ghost-action:hover,.inline-action:hover{transform:translateY(-1px)}.primary-action:disabled{cursor:progress;opacity:.72}.hero-stage{z-index:2;text-align:center;place-items:center;min-height:560px;padding:62px 0 0;display:grid;position:relative}.hero-copy{color:#fff;text-shadow:0 2px 18px #1118272e;width:min(900px,100%)}.hero-pill,.eyebrow{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff2e;border:1px solid #ffffff52;border-radius:999px;justify-content:center;align-items:center;gap:8px;max-width:100%;margin-bottom:16px;padding:8px 13px;font-size:13px;font-weight:900;display:inline-flex}.hero-pill b{color:#fff;font:inherit}.eyebrow{color:#087443;text-shadow:none;background:#edf8f0;border-color:#bfe8cf}.eyebrow.mini{color:#087443;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;margin:0;padding:0}h1,h2,h3,p{margin:0}h1{color:#fff;max-width:920px;margin:0 auto;font-family:Georgia,Times New Roman,serif;font-size:clamp(43px,6.8vw,84px);font-weight:700;line-height:1.02}h2{color:var(--ink);font-size:clamp(30px,4vw,50px);font-weight:900;line-height:1.05}h3{color:var(--ink);font-size:18px;font-weight:900;line-height:1.2}.hero-copy p{color:#ffffffe6;max-width:660px;margin:20px auto 0;font-size:clamp(16px,2vw,20px);line-height:1.55}.hero-cards{width:min(720px,100%);margin-top:44px;display:grid;position:relative}.hero-prompt-card,.hero-score-card,.hero-mini-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f8fdffbd;border:1px solid #fff6;border-radius:8px;box-shadow:0 24px 80px #11182740}.hero-prompt-card{color:#1f2937;text-align:left;grid-template-columns:1fr;align-items:stretch;gap:18px;min-height:130px;padding:18px;display:grid}.hero-prompt-card>span:first-child{font-size:clamp(15px,2vw,19px);font-weight:850;line-height:1.35}.hero-prompt-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.attach-chip{color:#536471;align-items:center;gap:7px;min-height:42px;font-size:13px;font-weight:900;display:inline-flex}.hero-score-card{color:#142329;align-content:center;place-items:center;gap:2px;width:118px;height:118px;display:grid;position:absolute;top:50%;right:-132px;transform:translateY(-50%)}.hero-score-card b{color:#2563eb;font-size:44px;line-height:1}.hero-score-card span,.hero-mini-card span{color:#536471;font-size:12px;font-weight:900}.hero-mini-card{color:#2563eb;align-items:center;gap:10px;min-height:52px;padding:0 14px;display:inline-flex;position:absolute;top:50%;left:-82px;transform:translateY(30px)}.hero-trust-card{color:#ffffffeb;text-align:left;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f8fdff2e;border:1px solid #ffffff5c;border-radius:8px;align-content:center;gap:4px;min-width:210px;min-height:88px;padding:16px 20px;display:grid;position:absolute;bottom:-12px;right:-250px}.hero-trust-card strong{font-size:24px;line-height:1}.hero-trust-card span{color:#ffffffb8;font-size:13px;font-weight:900}.builder-section{z-index:5;margin-top:-86px;padding-bottom:72px;position:relative}.workspace-app .builder-section{width:min(1480px,100% - 32px);margin-top:28px;padding-bottom:44px}.builder-heading{grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:20px;margin-bottom:22px;padding:0 4px;display:grid}.builder-heading .eyebrow{margin:0}.builder-heading h2{font-size:clamp(26px,3vw,36px)}.builder-heading p,.section-heading p,.final-cta p,.quote-panel p,.feature-card p,.faq-list p{color:var(--muted);line-height:1.6}.builder-heading p{margin-top:6px}.workspace-switch{background:#ffffffd1;border:1px solid #d0d5dde6;border-radius:8px;align-items:center;gap:6px;padding:6px;display:inline-flex;box-shadow:0 14px 34px #1018281a}.workspace-switch button{min-height:40px;color:var(--muted);background:0 0;border:0;border-radius:6px;padding:0 16px;font-weight:950}.workspace-switch button.is-active{background:var(--ink);color:#fff}.builder-grid{grid-template-columns:minmax(360px,.86fr) minmax(0,1.14fr);align-items:start;gap:18px;display:grid}.builder-grid.is-edit-page{grid-template-columns:minmax(0,1fr) minmax(296px,.38fr)}.builder-grid.is-composer-page{grid-template-columns:minmax(420px,.9fr) minmax(0,1.1fr)}.builder-grid.is-preview-page{grid-template-columns:minmax(0,1fr) minmax(270px,.28fr)}.editor-panel,.preview-panel,.edit-side-panel,.preview-detail-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffeb;border:1px solid #ffffffad;border-radius:8px;box-shadow:0 26px 70px #11182724}.editor-panel{overflow:hidden}.edit-side-panel,.preview-detail-panel{gap:14px;padding:14px;display:grid}.side-card{border:1px solid var(--line);background:#ffffffe6;border-radius:8px;gap:12px;min-width:0;padding:16px;display:grid}.side-card.compact{gap:8px}.side-card strong{color:var(--ink);font-size:18px;line-height:1.25}.side-card p{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.score-meter{color:var(--muted);align-items:baseline;gap:4px;display:flex}.score-meter strong{color:#087443;font-size:44px;line-height:.95}.completion-list{gap:8px;display:grid}.completion-list span{color:#b93815;background:#fff4ed;border-radius:8px;align-items:center;gap:8px;min-height:34px;padding:0 10px;font-size:13px;font-weight:900;display:flex}.completion-list span.is-complete{color:#087443;background:#ecfdf3}.panel-tabs{border-bottom:1px solid var(--line);background:#f9fafbeb;grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.panel-tabs button,.segmented button,.sample-jobs button{color:#667085;font:inherit;cursor:pointer;background:0 0;border:0;font-size:13px;font-weight:900}.panel-tabs button{border-right:1px solid var(--line);overflow-wrap:anywhere;min-height:56px;padding:0 8px}.panel-tabs button:last-child{border-right:0}.panel-tabs button.is-active{color:#16232a;background:#fff;box-shadow:inset 0 -3px #2563eb}.panel-body{gap:18px;padding:20px;display:grid}.two-col{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}label{color:#344054;gap:7px;min-width:0;font-size:13px;font-weight:900;display:grid}input,select,textarea{box-sizing:border-box;width:100%;min-width:0;color:var(--ink);font:inherit;background:#fff;border:1px solid #d0d5dd;border-radius:8px;outline:0;font-size:14px;transition:border .16s,box-shadow .16s,background .16s}input,select{height:44px;padding:0 12px}textarea{resize:vertical;min-height:44px;padding:12px;line-height:1.5}input:focus,select:focus,textarea:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb21}.upload-panel,.asset-card-grid{grid-template-columns:132px minmax(0,1fr);align-items:start;gap:16px;display:grid}.upload-panel{border:1px solid var(--line);background:linear-gradient(#f8fbff,#fff);border-radius:8px;padding:16px}.upload-preview,.asset-thumb{background:linear-gradient(135deg,#e7eef9,#f8fafc);border:1px solid #d0d5dd;border-radius:16px;place-items:center;display:grid;overflow:hidden}.upload-preview{aspect-ratio:1}.asset-thumb{border-radius:14px;width:108px;height:108px}.upload-preview img,.asset-thumb img{object-fit:cover;width:100%;height:100%}.upload-preview span,.asset-thumb span{color:#155eef;letter-spacing:1px;font-size:34px;font-weight:950}.upload-copy,.asset-fields,.asset-section,.section-copy{gap:10px;display:grid}.upload-copy p,.section-copy p{color:#667085;margin:0;font-size:13px;line-height:1.55}.inline-upload{border:1px solid var(--line);min-height:38px;color:var(--ink);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 14px;display:inline-flex}.inline-upload input{display:none}.suggested-asset-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;max-height:760px;padding-right:4px;display:grid;overflow:auto}.suggested-asset{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;gap:12px;min-width:0;padding:12px;display:flex}.suggested-asset img{border-radius:10px;width:42px;height:42px}.suggested-asset .brand-logo-badge{border-radius:16px;flex:none;width:58px;height:58px}.suggested-asset div{gap:2px;min-width:0;display:grid}.suggested-asset strong,.suggested-asset span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.suggested-asset span{color:#667085;text-transform:capitalize;font-size:12px;font-weight:700}.action-row{flex-wrap:wrap;gap:10px;display:flex}.ghost-action,.inline-action{border:1px solid var(--line);color:var(--ink);background:#fff;padding:0 14px}.ghost-action.danger{color:#b42318}.inline-action{min-height:38px;font-size:13px}.stack-list{align-content:start}.compact-list{padding-top:4px}.entry-card,.feature-card,.ats-card,.template-preview,.stat-card,.faq-list details{border:1px solid var(--line);background:#fff;border-radius:8px}.entry-card{gap:14px;padding:16px;display:grid;box-shadow:0 10px 28px #1118270a}.entry-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.entry-title strong{overflow-wrap:anywhere;min-width:0}.icon-button{color:#b42318;cursor:pointer;background:#fff5f5;border:1px solid #fee4e2;border-radius:8px;flex:none;place-items:center;width:34px;height:34px;display:inline-grid}.bullet-editor{gap:12px;display:grid}.wide-field{grid-column:1/-1}.template-controls{gap:16px;display:grid}.control-label{color:#344054;align-items:center;gap:7px;margin-bottom:8px;font-size:13px;font-weight:900;display:inline-flex}.segmented,.sample-jobs{flex-wrap:wrap;gap:8px;display:flex}.segmented button,.sample-jobs button{border:1px solid var(--line);background:#fff;border-radius:999px;min-height:38px;padding:0 12px}.segmented button.is-active{color:#2563eb;background:#eef4ff;border-color:#2563eb}.swatches{flex-wrap:wrap;gap:9px;display:flex}.swatches button{cursor:pointer;border:3px solid #fff;border-radius:999px;width:34px;height:34px;box-shadow:0 0 0 1px #d0d5dd}.swatches button.is-active{box-shadow:0 0 0 2px #16232a,0 8px 18px #1018282e}.ats-card{gap:16px;padding:16px;display:grid;box-shadow:0 10px 28px #1118270a}.score-ring{background:radial-gradient(circle at center, #fff 0 55%, transparent 56%), conic-gradient(#0f9f6e var(--score), #e4e7ec 0);border-radius:50%;justify-self:center;place-items:center;width:126px;height:126px;display:grid}.score-ring strong,.score-ring span{grid-area:1/1}.score-ring strong{color:var(--ink);margin-top:-12px;font-size:38px}.score-ring span{color:var(--muted);align-self:end;margin-bottom:26px;font-size:11px;font-weight:900}.score-bars{gap:10px;display:grid}.score-bar{color:var(--muted);text-transform:capitalize;grid-template-columns:86px minmax(0,1fr) 28px;align-items:center;gap:8px;font-size:12px;font-weight:900;display:grid}.score-bar div{background:#eef2f6;border-radius:999px;height:8px;overflow:hidden}.score-bar i{border-radius:inherit;background:#0f9f6e;height:100%;display:block}.keyword-columns{grid-template-columns:1fr 1fr;gap:12px;display:grid}.tag-list,.resume-tags{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.tag-list span,.resume-tags span{color:#087443;overflow-wrap:anywhere;background:#ecfdf3;border-radius:999px;align-items:center;max-width:100%;min-height:24px;padding:0 8px;font-size:11px;font-weight:900;display:inline-flex}.tag-list.warning span{color:#b93815;background:#fff4ed}.suggestion-list{color:var(--muted);margin:0;padding-left:18px;font-size:13px;line-height:1.55}.preview-panel{position:sticky;top:20px;overflow:hidden}.preview-panel.preview-page{position:static}.preview-panel.composer-preview{position:sticky;top:16px}.preview-toolbar,.status-row{border-bottom:1px solid var(--line);background:#fffffff0;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;display:flex}.preview-toolbar>div:first-child,.status-row span{align-items:center;gap:8px;min-width:0;display:flex}.preview-toolbar strong{color:var(--ink);white-space:nowrap}.download-actions{flex-wrap:wrap;gap:8px;display:flex}.download-actions button{color:#fff;background:#2563eb;min-height:38px;padding:0 12px}.download-actions button:last-child{background:#0f9f6e}.download-actions .secondary-download{color:var(--ink);box-shadow:inset 0 0 0 1px var(--line);background:#fff}.resume-scroll{--resume-scale:1;background-color:#eef3f7;background-image:linear-gradient(45deg,#e2e8f0a6 25%,#0000 25%),linear-gradient(-45deg,#e2e8f0a6 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e2e8f0a6 75%),linear-gradient(-45deg,#0000 75%,#e2e8f0a6 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;max-height:74vh;padding:18px;overflow:auto;container-type:inline-size}.preview-page .resume-scroll{min-height:640px;max-height:none;padding:28px}.composer-preview .resume-scroll{max-height:calc(100vh - 170px);padding:18px}.resume-frame{width:794px;min-height:var(--resume-height,1123px);margin:0 auto}.status-row{border:1px solid var(--line);color:var(--muted);background:#fff;border-bottom:0;border-radius:16px;margin:12px 12px 14px;padding:16px 18px;font-size:12px;font-weight:900}.resume-page{--resume-accent:#2563eb;box-sizing:border-box;color:#1d2939;background:#fff;width:794px;min-height:1123px;margin:0 auto;padding:52px;font-family:Arial,Helvetica,sans-serif;box-shadow:0 16px 40px #10182838}.resume-page.exporting{box-shadow:none;transform:none!important}.resume-header{border-bottom:4px solid var(--resume-accent);grid-template-columns:minmax(0,1fr) 245px;gap:24px;padding-bottom:22px;display:grid}.resume-header h2{color:#101828;overflow-wrap:anywhere;font-size:34px;line-height:1.03}.resume-header p{color:var(--resume-accent);overflow-wrap:anywhere;margin-top:6px;font-size:16px;font-weight:900}.resume-contact{color:#475467;align-content:start;gap:5px;font-size:11px;display:grid}.resume-contact span{overflow-wrap:anywhere;align-items:center;gap:5px;min-width:0;display:inline-flex}.resume-contact svg{flex:none}.contact-linkedin svg{color:#0a66c2}.contact-github svg{color:#111827}.contact-instagram svg{color:#d62976}.resume-profile-art{display:none}.resume-profile-art,.visual-blob-photo,.visual-photo-square,.visual-photo-tall,.visual-polaroid,.visual-photo-soft,.visual-photo-tech,.visual-photo-neon{overflow:hidden}.resume-profile-art img,.visual-blob-photo img,.visual-photo-square img,.visual-photo-tall img,.visual-polaroid img,.visual-photo-soft img,.visual-photo-tech img,.visual-photo-neon img{object-fit:cover;width:100%;height:100%}.resume-logo-strip{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.resume-logo-strip span{color:#fff;background:#111827;border-radius:8px;place-items:center;width:34px;height:34px;font-size:12px;font-weight:950;display:inline-grid}.resume-logo-strip .brand-icon{color:#fff}.resume-logo-strip img,.visual-tool-icons img{border-radius:inherit;width:100%;height:100%}.resume-body{display:block}.resume-main,.resume-side{min-width:0}.resume-section{margin-top:21px}.resume-section h3{color:#101828;letter-spacing:0;text-transform:uppercase;margin-bottom:8px;font-size:13px;font-weight:900}.resume-section p,.resume-section li{color:#344054;overflow-wrap:anywhere;font-size:12px;line-height:1.48}.resume-item{margin-top:12px}.resume-item:first-of-type{margin-top:0}.resume-item-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.resume-item-head strong{color:#101828;overflow-wrap:anywhere;min-width:0;font-size:13px}.resume-item-head span{color:#667085;text-align:right;font-size:11px;font-weight:800}.resume-item ul{margin:7px 0 0;padding-left:17px}.resume-columns{grid-template-columns:1fr 1fr;gap:24px;display:grid}.resume-tags span{color:#344054;background:#f2f4f7}.skill-bullets{margin:10px 0 0;padding-left:17px}.resume-page.kronologis .resume-item{padding-left:18px;position:relative}.resume-page.kronologis .resume-item:before{content:"";border:2px solid var(--resume-accent);background:#fff;border-radius:999px;width:7px;height:7px;position:absolute;top:5px;left:0}.resume-page.kronologis .resume-section h3{color:var(--resume-accent)}.resume-page.fungsional,.resume-page.kombinasi,.resume-page.kreatif{padding:0}.resume-page.fungsional .resume-header,.resume-page.kombinasi .resume-header,.resume-page.kreatif .resume-header{margin:0;padding:42px 44px 30px}.resume-page.fungsional .resume-body,.resume-page.kombinasi .resume-body,.resume-page.kreatif .resume-body{grid-template-columns:245px minmax(0,1fr);align-items:stretch;gap:0;display:grid}.resume-page.fungsional .resume-side,.resume-page.kombinasi .resume-side,.resume-page.kreatif .resume-side{align-content:start;gap:16px;padding:30px 24px 44px;display:grid}.resume-page.fungsional .resume-main,.resume-page.kombinasi .resume-main,.resume-page.kreatif .resume-main{padding:30px 44px 44px}.resume-page.fungsional .resume-header{background:#111827;border-bottom:0;grid-template-columns:1fr}.resume-page.fungsional .resume-header h2,.resume-page.fungsional .resume-header p{color:#fff}.resume-page.fungsional .resume-side{background:#1f2937}.resume-page.fungsional .resume-side .resume-section h3,.resume-page.fungsional .resume-side .resume-contact,.resume-page.fungsional .resume-side p,.resume-page.fungsional .resume-side li{color:#e5e7eb}.resume-page.fungsional .resume-side .resume-tags span{color:#fff;background:#ffffff1f}.resume-page.kombinasi .resume-header{background:color-mix(in srgb, var(--resume-accent) 14%, white);border-bottom:0}.resume-page.kombinasi .resume-side{background:#f8fafc;border-right:1px solid #e4e7ec}.resume-page.kombinasi .resume-section h3{color:var(--resume-accent)}.resume-page.kreatif{background:linear-gradient(135deg, color-mix(in srgb, var(--resume-accent) 18%, white), white 42%), #fff}.resume-page.kreatif .resume-header{background:radial-gradient(circle at 92% 20%, #ffffff54, transparent 18%), linear-gradient(135deg, #101828, var(--resume-accent));border-bottom:0;grid-template-columns:1fr;position:relative;overflow:hidden}.resume-page.kreatif .resume-header:after{content:"";background:#ffffff24;border-radius:26px;width:96px;height:96px;position:absolute;bottom:-28px;right:34px;transform:rotate(12deg)}.resume-page.kreatif .resume-header h2,.resume-page.kreatif .resume-header p{color:#fff}.resume-page.kreatif .resume-side{background:#fff}.resume-page.kreatif .resume-main{background:#ffffffc7}.resume-page.kreatif .resume-section h3{background:color-mix(in srgb, var(--resume-accent) 12%, white);color:#101828;border-radius:999px;padding:6px 10px;display:inline-flex}.resume-page.ats{box-shadow:0 16px 40px #10182829}.resume-page.ats .resume-header{border-bottom-width:2px}.resume-page.ats .resume-tags span{color:#344054;background:0 0;border-radius:3px;padding:0}.resume-page.ats .resume-tags span:not(:last-child):after{content:","}.resume-page.akademik{font-family:Georgia,Times New Roman,serif}.resume-page.akademik .resume-header{text-align:center;border-bottom:1px solid #101828;grid-template-columns:1fr}.resume-page.akademik .resume-contact{flex-wrap:wrap;justify-content:center;display:flex}.resume-page.akademik .resume-section h3{color:#101828;letter-spacing:.8px;border-bottom:1px solid #d0d5dd;padding-bottom:6px;font-size:12px}.resume-page.akademik .resume-item-head strong{font-size:14px}.resume-page.visual-cv{color:#171b24;background:#fff;width:794px;height:1123px;min-height:1123px;padding:0;font-family:Arial,Helvetica,sans-serif;position:relative;overflow:hidden}.visual-cv h2,.visual-cv h3,.visual-cv p,.visual-cv blockquote{margin:0}.visual-cv h3{color:inherit;letter-spacing:3px;text-transform:uppercase;font-size:19px;font-weight:950}.visual-cv p,.visual-cv li,.visual-cv span{font-size:12px;line-height:1.45}.visual-cv section{min-width:0}.visual-contact-list{gap:9px;display:grid}.visual-contact-list span{overflow-wrap:anywhere;align-items:center;gap:8px;min-width:0;display:inline-flex}.visual-item{gap:4px;margin-top:13px;display:grid}.visual-item strong{color:inherit;font-size:13px;font-weight:950}.visual-item>span{color:#1118279e;font-size:11px;font-weight:900}.visual-item ul{margin:4px 0 0;padding-left:16px}.visual-pills{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.visual-pills span{border:1px solid;border-radius:999px;min-height:25px;padding:5px 10px;font-weight:900}.visual-tool-icons{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.visual-tool-icons span{color:#fff;background:#141821;border-radius:8px;place-items:center;width:44px;height:44px;font-size:16px;font-weight:950;display:grid}.visual-meter{text-transform:uppercase;grid-template-columns:110px minmax(0,1fr);align-items:center;gap:12px;margin-top:12px;display:grid}.visual-meter i{background:currentColor;border-radius:999px;height:8px;display:block}.visual-grid-kreatif{background-color:#fff;background-image:linear-gradient(#edf0f5 1px,#0000 1px),linear-gradient(90deg,#edf0f5 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:22px 22px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;grid-template-rows:auto 1fr auto;grid-template-columns:305px 1fr;gap:22px 34px;padding:44px 56px 46px;display:grid}.visual-grid-kreatif:before,.visual-grid-kreatif:after{content:"";background:#ff8700;border-radius:999px;position:absolute}.visual-grid-kreatif:before{width:62px;height:62px;top:28px;left:34px}.visual-grid-kreatif:after{width:122px;height:122px;bottom:128px;right:-45px}.visual-blob-photo{color:#fff;background:linear-gradient(135deg,#d7edf0 0 40%,#0b2ff0 41%);border-radius:48% 36% 45% 38%;place-items:center;width:230px;height:150px;margin:36px 0 0 28px;font-size:34px;font-weight:950;display:grid}.visual-name-block{padding-top:16px}.visual-name-block small{text-align:right;color:#c7c7bb;font-weight:900;display:block}.visual-name-block h2{color:#0b2ff0;letter-spacing:8px;text-transform:uppercase;margin-top:18px;font-size:42px;line-height:1.08}.visual-name-block h2 span,.visual-name-block h2 b{font-size:inherit;line-height:inherit;display:block}.visual-name-block p,.visual-grid-kreatif h3{color:#0b2ff0;letter-spacing:5px;text-transform:uppercase}.visual-name-block blockquote{color:#5a6075;background:#ffffffb8;max-width:330px;margin-top:36px;padding:18px;font-size:13px;line-height:1.55}.visual-left,.visual-right{align-content:start;gap:28px;display:grid}.visual-grid-kreatif .visual-left{grid-column:1}.visual-grid-kreatif .visual-right{grid-column:2}.visual-wide{grid-column:1/-1}.visual-row{grid-template-columns:46px 1fr;gap:12px;margin-top:12px;display:grid}.visual-row p{text-transform:uppercase;gap:2px;display:grid}.visual-row strong{color:#5b6475;font-size:12px}.visual-editorial{background:#f0ede7;grid-template-rows:auto 1fr;grid-template-columns:246px 1fr;padding:46px 44px 42px;display:grid}.visual-editorial-head{grid-column:1/-1;grid-template-columns:190px 1fr;gap:34px;display:grid}.visual-photo-square{color:#fff;filter:grayscale();background:linear-gradient(145deg,#4b5563,#050505);border-radius:24px;place-items:center;width:178px;height:210px;font-size:38px;font-weight:950;display:grid}.visual-editorial h2{color:#202020;font-size:62px;line-height:.9}.visual-dark-contact{color:#f7f2e9;background:#202020;border-radius:24px;margin-top:24px;padding:18px 22px}.visual-quote{color:#fff;background:#282828;border-radius:0 30px 30px 0;margin-top:-10px;padding:32px 24px}.visual-quote b{color:#d5a352;font-size:76px;line-height:.65}.visual-editorial-grid{grid-template-columns:1fr 1fr;gap:28px;padding-left:30px;display:grid}.visual-editorial-side{padding:30px 24px 0 0}.vertical-resume{color:#202020;writing-mode:vertical-rl;font-size:38px;position:absolute;bottom:72px;left:18px;transform:rotate(180deg)}.dot-skill{justify-content:space-between;gap:12px;margin-top:10px;display:flex}.visual-speaker{background:#f6f6fb;grid-template-rows:auto 1fr auto;display:grid}.visual-speaker-hero{color:#fff;background:#2928e8;grid-template-columns:245px 1fr;gap:28px;padding:42px 48px 28px;display:grid}.visual-photo-tall{color:#fff;background:linear-gradient(160deg,#d1d5db,#111827);border-radius:8px;place-items:end center;width:230px;height:310px;font-size:42px;font-weight:950;display:grid}.visual-chip-row{gap:12px;margin-bottom:42px;display:flex}.visual-chip-row span{border:1px solid #ffffff9e;border-radius:999px;padding:5px 14px;font-weight:900}.visual-speaker h2{color:#fff;font-size:62px;font-weight:400;line-height:.95}.speaker-about{background:#1c1c22;border:1px solid #ffffffbf;border-radius:14px;margin-top:22px;padding:18px}.visual-speaker-grid{grid-template-columns:1.08fr .92fr;gap:28px;padding:34px 48px;display:grid}.visual-speaker-footer{color:#fff;background:#2928e8;grid-template-columns:1fr 1fr 1fr;padding:24px 48px;display:grid}.visual-clipboard{background:#285cc2;padding:42px 88px 70px}.visual-clipboard:before{content:"";background:#fffdf8;position:absolute;inset:178px 88px 76px;box-shadow:0 18px 42px #14234633}.visual-clipboard>*{position:relative}.visual-clipboard-head{color:#fff;text-align:center;grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.visual-clipboard-head h2{letter-spacing:12px;font-size:48px}.visual-clipboard-head span{border:2px solid #ffffff8c;border-radius:999px;justify-self:center;padding:6px 24px;font-weight:950}.visual-paper-note{background-color:#fffdf8;background-image:linear-gradient(#dce3ed 1px,#0000 1px),linear-gradient(90deg,#dce3ed 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:18px 18px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;grid-template-columns:1fr 160px;gap:16px;margin-top:46px;padding:30px;display:grid}.visual-paper-note>div:not(.visual-polaroid){grid-template-columns:90px 1fr;align-items:start;gap:18px;display:grid}.visual-paper-note strong{font-family:Comic Sans MS,Bradley Hand,cursive;font-size:27px;font-weight:500}.visual-polaroid{background:#eef0f2;border:8px solid #fff;grid-area:1/2/4;place-items:center;width:150px;height:150px;display:grid;transform:rotate(4deg);box-shadow:0 12px 28px #10182838}.visual-clipboard-body{gap:26px;padding:34px 64px 0;display:grid}.visual-teacher{background:#edf3fb;padding:54px 60px}.visual-teacher-head{grid-template-columns:330px 1fr;gap:18px;display:grid}.visual-teacher-card,.visual-teacher-about,.visual-teacher-grid section{background:#fff;border-radius:8px;padding:20px}.visual-photo-soft{color:#4f8de8;background:#eef3f7;border-radius:8px;place-items:center;height:250px;font-size:40px;font-weight:950;display:grid}.visual-teacher h2,.visual-teacher h3{color:#4f8de8;letter-spacing:2px;text-transform:none}.visual-teacher-grid{grid-template-columns:1fr 1fr;gap:18px;margin-top:18px;display:grid}.visual-teacher-grid section:last-child{grid-column:1}.visual-tech{background:#f7f7f2;border-radius:24px;padding:42px}.visual-tech-head{grid-template-columns:170px 1fr;gap:18px;display:grid}.visual-photo-tech,.visual-tech-head>div:last-child,.visual-tech-contact,.visual-tech-grid section,.visual-tech-footer{background:#f7f7f2;border:3px solid #111;border-radius:22px}.visual-photo-tech{color:#111;place-items:center;height:132px;font-size:34px;font-weight:950;display:grid}.visual-tech-head>div:last-child{padding:18px}.visual-tech-contact{margin-top:16px;padding:12px 18px}.visual-tech-contact .visual-contact-list{grid-template-columns:repeat(3,minmax(0,1fr))}.visual-tech-grid{grid-template-columns:1fr 1fr;gap:18px;margin-top:18px;display:grid}.visual-tech-grid section,.visual-tech-footer{padding:18px}.visual-tech h3{color:#111;letter-spacing:0;background:#89f20d;border:2px solid #111;border-radius:999px;margin-top:-32px;padding:6px 13px;display:inline-flex}.visual-tech-footer{color:#fff;background:#171717;align-items:center;gap:20px;margin-top:18px;display:flex}.visual-neon{color:#eafff6;background:#050807;padding:34px}.visual-neon-head{grid-template-columns:205px 1fr;gap:22px;display:grid}.visual-photo-neon{color:#10e07d;background:linear-gradient(145deg,#111,#000);border:2px solid #ffffff47;border-radius:10px;place-items:center;height:210px;font-size:42px;font-weight:950;display:grid}.visual-neon-head>div:last-child,.visual-neon-contact,.visual-neon-grid section{background:#0a5a43;border-radius:8px;padding:22px}.visual-neon h2{color:#eafff6;font-size:34px}.visual-neon h3,.visual-neon p,.visual-neon li,.visual-neon span,.visual-neon strong{color:#eafff6}.visual-neon-contact{background:#10e07d;margin-top:18px}.visual-neon-contact h3,.visual-neon-contact span{color:#05120c}.visual-neon-grid{grid-template-columns:1.05fr .95fr;gap:18px;margin-top:18px;display:grid}.visual-neon-grid section:first-child,.visual-neon-grid section:last-child{grid-column:1/-1}.resume-page.grid-kreatif{background-color:#fff;background-image:linear-gradient(#eef1f5 1px,#0000 1px),linear-gradient(90deg,#eef1f5 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:22px 22px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;grid-template-columns:310px minmax(0,1fr);gap:30px;padding:44px 48px;display:grid;position:relative;overflow:hidden}.resume-page.grid-kreatif:before,.resume-page.grid-kreatif:after{content:"";background:#ff8a00;border-radius:999px;position:absolute}.resume-page.grid-kreatif:before{width:60px;height:60px;top:28px;left:34px}.resume-page.grid-kreatif:after{width:118px;height:118px;bottom:130px;right:-46px}.resume-page.grid-kreatif .resume-header{display:contents}.resume-page.grid-kreatif .resume-profile-art{color:#fff;background:linear-gradient(135deg,#d8f0f3 0 38%,#1537e8 39%);border-radius:48% 36% 45% 38%;grid-column:1;place-items:center;width:236px;height:152px;margin:34px 0 28px 28px;font-size:34px;font-weight:950;display:grid}.resume-page.grid-kreatif .resume-header>div:not(.resume-profile-art){grid-column:2;padding-top:34px}.resume-page.grid-kreatif .resume-header h2{color:#1537e8;letter-spacing:8px;text-transform:uppercase;max-width:340px;font-size:42px}.resume-page.grid-kreatif .resume-header p,.resume-page.grid-kreatif .resume-section h3{color:#1537e8;letter-spacing:6px}.resume-page.grid-kreatif .resume-body{display:contents}.resume-page.grid-kreatif .resume-main{grid-column:1/-1;grid-template-columns:310px minmax(0,1fr);gap:28px 34px;display:grid}.resume-page.grid-kreatif .resume-main>.resume-section:first-child,.resume-page.grid-kreatif .resume-main>.resume-section:nth-child(2),.resume-page.grid-kreatif .resume-main>.resume-section:nth-child(4){grid-column:2}.resume-page.grid-kreatif .resume-main>.resume-columns,.resume-page.grid-kreatif .resume-main>.resume-section:nth-child(3),.resume-page.grid-kreatif .resume-main>.resume-columns:last-child{grid-column:1}.resume-page.editorial,.resume-page.teacher,.resume-page.tech,.resume-page.neon{padding:0}.resume-page.editorial{background:#f4f1eb}.resume-page.editorial .resume-header{border:0;grid-template-columns:188px 1fr;gap:28px;padding:42px 38px 18px;position:relative}.resume-page.editorial .resume-header:after{content:"RESUME";color:#222;letter-spacing:0;writing-mode:vertical-rl;font-size:34px;font-weight:950;position:absolute;bottom:-170px;left:18px;transform:rotate(180deg)}.resume-page.editorial .resume-profile-art{color:#e5e7eb;filter:grayscale();background:linear-gradient(145deg,#1f2937,#050505);border-radius:22px;place-items:center;width:174px;height:214px;font-size:38px;font-weight:950;display:grid}.resume-page.editorial .resume-header h2{font-size:62px;line-height:.86}.resume-page.editorial .resume-header p{color:#d5a352;background:#202020;border-radius:22px;margin-top:24px;padding:16px 24px;display:inline-flex}.resume-page.editorial .resume-body{grid-template-columns:250px minmax(0,1fr);display:grid}.resume-page.editorial .resume-side{padding:34px 28px 42px 54px}.resume-page.editorial .resume-main{padding:34px 42px 42px 20px}.resume-page.speaker{background:#f7f7fb;padding:0;overflow:hidden}.resume-page.speaker:before,.resume-page.speaker:after{content:"";position:absolute}.resume-page.speaker .resume-header{color:#fff;background:#2928e8;border:0;grid-template-columns:235px minmax(0,1fr);min-height:280px;padding:44px;position:relative}.resume-page.speaker .resume-profile-art{color:#fff;background:linear-gradient(160deg,#cfd3d7,#111827);border-radius:8px;place-items:end center;width:220px;height:286px;font-size:42px;font-weight:950;display:grid}.resume-page.speaker .resume-header h2{color:#fff;font-size:66px;line-height:.92}.resume-page.speaker .resume-header p{color:#fff;border:1px solid #ffffff8c;border-radius:8px;margin-top:22px;padding:14px 18px;display:inline-flex}.resume-page.speaker .resume-body{padding:34px 44px 38px}.resume-page.speaker .resume-main{grid-template-columns:1fr 1fr;gap:18px 28px;display:grid}.resume-page.speaker .resume-section{background:#fff;border-radius:8px;margin:0;padding:18px}.resume-page.speaker .resume-section:first-child{background:#171717;grid-column:1/-1}.resume-page.speaker .resume-section:first-child h3,.resume-page.speaker .resume-section:first-child p{color:#fff}.resume-page.clipboard{color:#12325b;background:#285cc2;padding:64px 92px;position:relative;overflow:hidden}.resume-page.clipboard:before{content:"";background:#fffdf8;position:absolute;inset:148px 92px 74px;box-shadow:0 20px 44px #1423462e}.resume-page.clipboard .resume-header,.resume-page.clipboard .resume-body{position:relative}.resume-page.clipboard .resume-header{border:0;grid-template-columns:1fr 152px;padding:42px 0 30px}.resume-page.clipboard .resume-profile-art{color:#1b3a68;background:#f4f4f4;border:8px solid #fff;place-items:center;width:146px;height:146px;font-size:36px;font-weight:950;display:grid;transform:rotate(4deg);box-shadow:0 12px 28px #10182838}.resume-page.clipboard .resume-header h2{color:#111827;font-family:Comic Sans MS,Bradley Hand,cursive;font-size:42px}.resume-page.clipboard .resume-header p,.resume-page.clipboard .resume-section h3{color:#285cc2}.resume-page.teacher{background:#edf3fb}.resume-page.teacher .resume-header{border:0;grid-template-columns:270px minmax(0,1fr);gap:24px;padding:58px 58px 20px}.resume-page.teacher .resume-profile-art{color:#5d8ee8;background:#fff;border-radius:8px;place-items:center;width:260px;height:252px;font-size:40px;font-weight:950;display:grid}.resume-page.teacher .resume-header h2,.resume-page.teacher .resume-section h3{color:#4f8de8;text-transform:none;letter-spacing:2px}.resume-page.teacher .resume-body{grid-template-columns:270px minmax(0,1fr);gap:16px;padding:0 58px 58px;display:grid}.resume-page.teacher .resume-side,.resume-page.teacher .resume-main .resume-section,.resume-page.teacher .resume-main .resume-columns{background:#fff;border-radius:8px;padding:18px}.resume-page.tech{background:#f7f7f2;border-radius:22px;padding:42px}.resume-page.tech .resume-header{border:0;grid-template-columns:172px minmax(0,1fr);gap:18px;padding:0}.resume-page.tech .resume-profile-art{color:#111;background:#e5e7eb;border:3px solid #111;border-radius:22px;place-items:center;width:164px;height:134px;font-size:34px;font-weight:950;display:grid}.resume-page.tech .resume-header>div:not(.resume-profile-art){border:3px solid #111;border-radius:22px;padding:18px}.resume-page.tech .resume-body{grid-template-columns:1fr 1fr;gap:18px;margin-top:18px;display:grid}.resume-page.tech .resume-side,.resume-page.tech .resume-main .resume-section,.resume-page.tech .resume-main .resume-columns{background:#f7f7f2;border:3px solid #111;border-radius:22px;padding:18px}.resume-page.tech .resume-section h3{color:#111;background:#89f20d;border:2px solid #111;border-radius:999px;margin-top:-34px;padding:6px 13px;display:inline-flex}.resume-page.neon{color:#eafff6;background:#050807;padding:34px}.resume-page.neon .resume-header{border:0;grid-template-columns:202px minmax(0,1fr);gap:22px;padding:0}.resume-page.neon .resume-profile-art{color:#10e07d;background:linear-gradient(145deg,#111,#000);border:2px solid #ffffff38;border-radius:10px;place-items:center;width:196px;height:206px;font-size:42px;font-weight:950;display:grid}.resume-page.neon .resume-header>div:not(.resume-profile-art),.resume-page.neon .resume-section,.resume-page.neon .resume-side{background:#0a5a43;border-radius:8px;padding:22px}.resume-page.neon .resume-header h2,.resume-page.neon .resume-header p,.resume-page.neon .resume-section h3,.resume-page.neon .resume-section p,.resume-page.neon .resume-section li,.resume-page.neon .resume-item-head strong,.resume-page.neon .resume-contact{color:#eafff6}.resume-page.neon .resume-body{grid-template-columns:minmax(0,1fr) 245px;gap:18px;margin-top:18px;display:grid}.resume-page.neon .resume-side{grid-area:1/2}.resume-page.neon .resume-main{grid-column:1}.resume-page.modern{padding:44px}.resume-page.modern .resume-header{background:color-mix(in srgb, var(--resume-accent) 12%, white);border:0;grid-template-columns:1fr;gap:14px;padding:26px}.resume-page.modern .resume-contact{grid-template-columns:repeat(2,minmax(0,1fr))}.resume-page.executive .resume-header{border-bottom:1px solid #101828}.resume-page.executive .resume-header h2{font-size:38px}.resume-page.executive .resume-section h3{border-bottom:1px solid #d0d5dd;padding-bottom:5px}.logo-strip{grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:10px;margin-bottom:72px;display:grid}.type-section{padding:6px 0 78px}.type-grid{grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:18px;display:grid}.type-card{min-width:0;color:var(--ink);text-align:left;cursor:pointer;background:#fff;border:1px solid #e3e7db;border-radius:8px;gap:12px;padding:16px;transition:transform .16s,box-shadow .16s;display:grid;box-shadow:0 12px 30px #1118270f}.type-card:hover,.template-preview:hover{transform:translateY(-2px);box-shadow:0 22px 44px #1118271a}.type-card strong{font-size:17px}.type-card>span{color:var(--muted);font-size:14px;line-height:1.45}.logo-strip span{color:#536471;text-align:center;background:#fff;border:1px solid #e3e7db;border-radius:8px;place-items:center;min-height:58px;font-size:13px;font-weight:900;display:grid}.steps-section,.feature-band,.examples-section,.testimonial-section,.faq-section,.final-cta{padding:78px 0}.section-heading{text-align:center;max-width:780px;margin:0 auto 34px}.section-heading p,.final-cta p,.quote-panel p{margin-top:16px;font-size:18px}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.feature-card{min-height:172px;padding:22px;box-shadow:0 12px 30px #1118270f}.feature-icon{color:#2563eb;background:#eef4ff;border-radius:8px;place-items:center;width:44px;height:44px;margin-bottom:18px;display:inline-grid}.feature-card p{margin-top:10px}.feature-band{background:#fff;border-top:1px solid #e3e7db;border-bottom:1px solid #e3e7db;padding-left:max(16px,50% - 590px);padding-right:max(16px,50% - 590px)}.examples-head{justify-content:space-between;align-items:end;gap:20px;margin-bottom:34px;display:flex}.examples-copy{text-align:left;margin:0}.examples-cta{color:#0f172a;min-height:56px;font:inherit;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:0 22px;font-size:15px;font-weight:900}.example-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.template-preview{color:var(--ink);cursor:pointer;text-align:left;gap:18px;padding:0;transition:transform .16s,box-shadow .16s;display:grid;overflow:hidden}.template-preview-copy{gap:8px;min-height:86px;padding:0 14px 18px;display:grid}.template-preview-copy strong{font-size:15px;font-weight:950}.template-preview-copy p{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:1.45;display:-webkit-box;overflow:hidden}.mini-resume-card{background:linear-gradient(#f8fbff,#eef4ff);border-radius:22px;position:relative;overflow:hidden}.mini-resume-window{background:linear-gradient(#f8fbff,#eef4ff);border:1px solid #edf1f5;border-radius:26px;padding:18px;overflow:hidden}.mini-resume-frame{background:#eaf0f8;border:1px solid #dbe4f0;border-radius:18px;height:338px;position:relative;overflow:hidden;box-shadow:inset 0 1px #fffc}.mini-resume-canvas{transform-origin:0 0;width:794px;height:1123px;transform:scale(.34)}.mini-resume-canvas .resume-page{box-shadow:none;margin:0}.mini-resume-canvas .resume-page.visual-cv,.mini-resume-canvas .resume-page.kreatif,.mini-resume-canvas .resume-page.fungsional,.mini-resume-canvas .resume-page.kombinasi{min-height:1123px}.mini-resume-card.kreatif .mini-resume-window{background:linear-gradient(#eef4ff,#edf2ff)}.mini-resume-card.ats .mini-resume-window,.mini-resume-card.akademik .mini-resume-window{background:linear-gradient(#f8fafc,#f1f5f9)}.testimonial-section{grid-template-columns:1fr 1fr;align-items:center;gap:28px;display:grid}.quote-panel{padding-right:24px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.stat-card{text-align:center;align-content:center;gap:8px;min-height:132px;padding:22px;display:grid}.stat-card strong{color:#2563eb;font-size:46px;line-height:1}.stat-card span{color:var(--muted);font-weight:900}.faq-list{gap:12px;max-width:850px;margin:0 auto;display:grid}.faq-list details{padding:18px 20px}.faq-list summary{color:var(--ink);cursor:pointer;font-weight:900}.faq-list p{margin-top:12px}.final-cta{text-align:center;background:linear-gradient(135deg,#2563eb1f,#0f9f6e1f),#fff;border-radius:8px;justify-items:center;margin-bottom:40px;display:grid}.final-cta a{margin-top:22px}.app{color:#0f172a;background:radial-gradient(circle at top,#303e6b1a,#0000 28%),linear-gradient(#f5f7fb 0%,#fff 45%,#f7f8fc 100%)}.hero-shell{background:radial-gradient(circle at 20% 20%,#5b6dff47,#0000 22%),radial-gradient(circle at 80% 18%,#5ac8fa2e,#0000 20%),linear-gradient(#0c1120 0%,#131a2f 58%,#1d2747 100%);border:1px solid #ffffff14;border-radius:32px;min-height:820px;box-shadow:0 40px 120px #0a0f1e47}.hero-shell:after{background:linear-gradient(#f5f7fb00,#f5f7fb 82%)}.topbar,.workspace-topbar.topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffd6;border:1px solid #94a3b833;border-radius:18px;width:min(1220px,100% - 32px);min-height:64px;padding:10px 12px;box-shadow:0 20px 60px #0f172a1a}.workspace-topbar.topbar{margin-bottom:12px}.brand-mark{background:linear-gradient(135deg,#4f46e5,#1d4ed8);border-radius:12px;box-shadow:inset 0 1px #ffffff47}.nav-links a,.workspace-topbar .nav-links a.is-active{border-radius:999px}.workspace-topbar .nav-links a.is-active,.segmented button.is-active,.panel-tabs button.is-active{color:#fff;box-shadow:none;background:#0f172a}.nav-cta,.primary-action,.final-cta a,.fake-button,.download-actions button{background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:999px;box-shadow:0 18px 34px #0f172a2e}.ghost-action,.inline-action{border-radius:999px}.hero-stage{padding-top:84px}.hero-copy{max-width:980px}.hero-copy p,.section-heading p,.quote-panel p,.final-cta p{color:#e2e8f0c7}.hero-copy p{max-width:700px;margin:18px auto 0}.hero-pill,.eyebrow{color:#f8fafc;background:#ffffff14;border-color:#ffffff1f}.builder-section .eyebrow,.section-heading .eyebrow,.quote-panel .eyebrow,.side-card .eyebrow,.final-cta .eyebrow{color:#087443;background:#edf8f0;border-color:#cfe3d5}.hero-pill span{color:#e2e8f0c2}.builder-section{background:#fffffff0;border:1px solid #e2e8f0f2;border-radius:32px;margin-top:-108px;padding:30px 30px 48px;box-shadow:0 32px 80px #0f172a14}.builder-heading{margin-bottom:24px}.editor-panel,.preview-panel,.feature-card,.template-preview,.stat-card,.faq-list details,.entry-card,.ats-card,.type-card{background:#fffffff5;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 18px 50px #0f172a0f}.panel-tabs{background:#f8fafc;border-bottom:1px solid #e2e8f0;border-radius:24px 24px 0 0;overflow:hidden}.panel-tabs button{min-height:58px}.preview-toolbar,.status-row{padding:10px 4px}.feature-card,.template-preview,.stat-card{border-radius:28px}.feature-card{background:linear-gradient(#fff,#f8fafc);min-height:196px}.testimonial-section{align-items:stretch}.stat-card{min-height:160px}.stat-card strong{color:#0f172a;font-size:42px}.faq-list details,.final-cta{background:linear-gradient(#fff,#f8fafc)}.final-cta{border:1px solid #e2e8f0;border-radius:32px}.final-cta p,.section-heading p,.quote-panel p{color:#475569}.brand-logo-badge{border-radius:inherit;background:var(--brand-bg);width:100%;height:100%;color:var(--brand-fg);place-items:center;display:inline-grid;box-shadow:inset 0 0 0 1px #ffffff73}.brand-logo-text{letter-spacing:.04em;font-size:12px;font-weight:900}.adobe-tile-text{letter-spacing:.02em;font-size:12px;font-weight:950}.suggested-brand-logo{border-radius:12px;flex:none;width:42px;height:42px}.asset-brand-logo{border-radius:20px;width:72px;height:72px}@container (width<=830px){.resume-frame{--resume-scale:calc((100cqw - 4px) / 794px);width:calc(794px * var(--resume-scale));height:calc(var(--resume-height,1123px) * var(--resume-scale));min-height:0}.resume-page{transform:scale(var(--resume-scale));transform-origin:0 0;margin:0}}@media (width<=1120px){.hero-score-card,.hero-mini-card,.hero-trust-card{display:none}.builder-grid,.builder-grid.is-edit-page,.builder-grid.is-composer-page,.builder-grid.is-preview-page,.testimonial-section{grid-template-columns:1fr}.preview-panel,.preview-panel.composer-preview{position:static}.resume-scroll{max-height:none}.example-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mini-resume-frame{height:300px}.mini-resume-canvas{transform:scale(.3)}.preview-detail-panel{order:2}.logo-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=820px){.hero-shell{background-position:top;min-height:654px;padding:8px 8px 112px}.topbar,.hero-stage,.builder-section,.logo-strip,.type-section,.steps-section,.feature-band-inner,.examples-section,.testimonial-section,.faq-section,.final-cta{width:min(100% - 24px,1180px)}.topbar{gap:10px;padding:8px}.nav-links{display:none}.nav-cta{min-width:104px;padding:0 12px;font-size:14px}.brand{flex:auto}.brand strong{max-width:156px}.hero-stage{min-height:520px;padding-top:46px}h1{font-size:clamp(38px,12vw,54px);line-height:1.08}.hero-copy p{max-width:330px;margin-top:15px;font-size:15px}.hero-pill{white-space:normal;max-width:310px}.hero-cards{margin-top:34px}.hero-prompt-card{grid-template-columns:1fr;gap:12px;min-height:128px;padding:16px}.hero-prompt-actions{flex-direction:column;align-items:stretch}.attach-chip{min-height:22px}.fake-button{width:100%;min-height:46px}.hero-score-card,.hero-mini-card{display:none}.builder-section{margin-top:-72px;padding-bottom:48px}.builder-heading{grid-template-columns:1fr;gap:12px;margin-bottom:16px}.examples-head{flex-direction:column;align-items:stretch}.examples-cta,.workspace-switch{width:100%}.workspace-switch button{flex:1;padding:0 10px}.builder-heading h2{font-size:28px}.builder-heading p{font-size:15px}.panel-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.panel-tabs button{min-height:50px;font-size:12px}.panel-tabs button:nth-child(3){border-right:0}.edit-side-panel,.preview-detail-panel{padding:10px}.preview-page .resume-scroll{min-height:0;padding:12px}.two-col,.upload-panel,.asset-card-grid,.keyword-columns,.resume-columns,.feature-grid,.type-grid,.example-grid,.stats-grid{grid-template-columns:1fr}.panel-body{padding:16px}.preview-toolbar,.status-row,.action-row{flex-direction:column;align-items:stretch}.status-row{gap:10px;margin:10px 10px 14px;padding:14px 16px 18px}.status-row>span{justify-content:flex-start;width:100%}.download-actions,.action-row>*,.primary-action,.ghost-action,.inline-action{width:100%}.download-actions button{flex:1}.mini-resume-window{padding:12px}.mini-resume-frame{height:248px}.mini-resume-canvas{transform:scale(.25)}.resume-scroll{padding:12px;overflow:hidden}.logo-strip{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:42px}.steps-section,.feature-band,.examples-section,.testimonial-section,.faq-section,.final-cta{padding:54px 0}.feature-band{padding-left:12px;padding-right:12px}.section-heading{margin-bottom:24px}.section-heading p,.final-cta p,.quote-panel p{font-size:16px}}@media (width<=430px){.hero-shell{min-height:632px}.brand-mark{width:34px;height:34px}.brand strong{max-width:132px;font-size:14px}.nav-cta{min-width:auto;padding:0 10px}.nav-cta svg{display:none}h1{font-size:39px}.hero-prompt-card>span:first-child{font-size:16px}.panel-tabs button{padding:0 6px}.score-bar{grid-template-columns:74px minmax(0,1fr) 24px}.resume-scroll{padding:10px}.status-row{margin-left:8px;margin-right:8px;padding-left:14px;padding-right:14px}.logo-strip{grid-template-columns:1fr}}.brand-copy{gap:2px;display:grid}.brand-mark-karierku{width:44px;height:44px;box-shadow:none;background:0 0;border-radius:14px;padding:0}.brand-mark-karierku svg{width:100%;height:100%;display:block}.brand-copy strong{color:#0f172a;max-width:none;font-size:16px;font-weight:950}.brand-copy small{color:#667085;font-size:11px;font-weight:800}.logo-strip span{background:linear-gradient(#fff,#f8fafc);border-radius:18px;min-height:64px;padding:12px 14px}.asset-toolbar{gap:12px;display:grid}.asset-search{gap:8px}.asset-filter-row{flex-wrap:wrap;gap:8px;display:flex}.asset-filter-row button{color:#475467;min-height:38px;font:inherit;cursor:pointer;background:#fff;border:1px solid #d0d5dd;border-radius:999px;padding:0 14px;font-size:13px;font-weight:900}.asset-filter-row button.is-active{color:#fff;background:#0f172a;border-color:#0f172a}.active-asset-grid,.suggested-asset-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.active-asset-grid{gap:12px;display:grid}.active-asset-card,.suggested-asset{grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.active-asset-card{background:linear-gradient(#fff,#f8fafc);border:1px solid #dbe4f0;border-radius:22px;padding:14px}.active-asset-card img,.active-asset-card .brand-logo-badge,.suggested-asset img,.suggested-asset .brand-logo-badge{border-radius:16px;width:58px;height:58px}.active-asset-card div,.template-preset-copy{gap:4px;min-width:0;display:grid}.active-asset-card strong,.active-asset-card span,.template-preset-copy strong,.template-preset-copy span{text-overflow:ellipsis;overflow:hidden}.active-asset-card strong,.template-preset-copy strong{color:#0f172a;white-space:nowrap;font-size:13px;font-weight:950}.active-asset-card span,.template-preset-copy span{color:#667085;font-size:12px;line-height:1.45}.suggested-asset.is-active{background:linear-gradient(#f8fbff,#eef4ff);border-color:#155eef2e}.empty-inline-state{color:#64748b;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:18px;padding:16px;font-size:13px;line-height:1.6}.template-toolbar{margin-bottom:12px}.template-preset-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;max-height:980px;padding-right:4px;display:grid;overflow:auto}.template-preset-card{text-align:left;cursor:pointer;background:linear-gradient(#fff,#f8fafc);border:1px solid #dbe4f0;border-radius:24px;gap:12px;padding:12px;transition:transform .16s,box-shadow .16s,border-color .16s;display:grid}.template-preset-card:hover{transform:translateY(-1px);box-shadow:0 16px 30px #0f172a14}.template-preset-card.is-active{border-color:#155eef47;box-shadow:0 0 0 3px #155eef14}.template-showcase{gap:12px;display:grid}.template-showcase-hero .mini-resume-window{padding:14px}.template-showcase-hero .mini-resume-frame{height:300px}.template-showcase-hero .mini-resume-canvas{transform:scale(.29)}.template-showcase-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.mini-resume-card.compact{border-radius:18px}.mini-resume-window.compact{border-radius:18px;padding:10px}.mini-resume-frame.compact{border-radius:14px;height:164px}.mini-resume-canvas.compact{transform:scale(.18)}.type-card .template-showcase,.template-preview .template-showcase{padding:0}.resume-header.has-inline-photo{grid-template-columns:92px minmax(0,1fr) 245px;align-items:center}.resume-inline-photo{background:linear-gradient(135deg,#eef4ff,#f8fafc);border:1px solid #dbe4f0;border-radius:24px;place-items:center;width:92px;height:92px;display:grid;overflow:hidden}.resume-inline-photo img{object-fit:cover;width:100%;height:100%}.resume-page.fungsional .resume-header.has-inline-photo,.resume-page.kombinasi .resume-header.has-inline-photo{grid-template-columns:96px minmax(0,1fr)}.resume-page.fungsional .resume-inline-photo{background:#ffffff14;border-color:#ffffff38}.resume-page.kombinasi .resume-inline-photo{background:#fff}.resume-page.akademik .resume-header.has-inline-photo,.resume-page.kronologis .resume-header.has-inline-photo{grid-template-columns:92px minmax(0,1fr) 245px}@media (width<=1120px){.template-preset-grid{max-height:none}.template-showcase-hero .mini-resume-frame{height:260px}.template-showcase-hero .mini-resume-canvas{transform:scale(.25)}}@media (width<=820px){.brand-mark-karierku{width:40px;height:40px}.brand-copy strong{font-size:15px}.brand-copy small{font-size:10px}.active-asset-card,.suggested-asset{grid-template-columns:58px minmax(0,1fr);align-items:start}.active-asset-card button,.suggested-asset button{grid-column:1/-1;width:100%}.template-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.template-showcase-hero .mini-resume-frame{height:216px}.template-showcase-hero .mini-resume-canvas{transform:scale(.21)}.template-showcase-strip{grid-template-columns:1fr 1fr}.resume-header.has-inline-photo,.resume-page.akademik .resume-header.has-inline-photo,.resume-page.kronologis .resume-header.has-inline-photo{grid-template-columns:72px minmax(0,1fr)}.resume-inline-photo{border-radius:18px;width:72px;height:72px}.resume-header.has-inline-photo .resume-contact,.resume-page.akademik .resume-header.has-inline-photo .resume-contact,.resume-page.kronologis .resume-header.has-inline-photo .resume-contact{grid-column:1/-1}}@media (width<=430px){.template-preset-grid,.template-showcase-strip{grid-template-columns:1fr}.template-showcase-hero .mini-resume-frame{height:188px}.template-showcase-hero .mini-resume-canvas{transform:scale(.18)}.mini-resume-frame.compact{height:148px}.mini-resume-canvas.compact{transform:scale(.16)}}
