@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box}html{overflow-x:clip}body{background:#fff;color:#0f172a;font-family:Outfit,sans-serif;margin:0}.page{background:linear-gradient(124deg,#effff9,#fff 42%,#fff);display:flex;flex-direction:column;min-height:100vh}.page-body{display:flex;flex:1;flex-direction:column}.container{margin:0 auto;max-width:1200px;padding-inline:clamp(12px,4vw,24px);width:100%}.logo-link{color:inherit;flex-shrink:0;min-width:0;text-decoration:none}a.login-btn,a.signup-btn{align-items:center;display:inline-flex;justify-content:center;text-decoration:none}.top-market{background:#232323;color:#f8fafc;height:44px}.market-content,.top-market{align-items:center;display:flex}.market-content{justify-content:space-between}.envato{align-items:center;display:flex;font-size:28px;font-weight:700;gap:8px;text-transform:lowercase}.envato-leaf{color:#65b741;font-size:15px}.buy-now{background:#7cb342;border:0;border-radius:4px;color:#fff;cursor:pointer;font-weight:600;padding:8px 15px}.welcome-strip{align-items:center;background:#0f1116;color:#f8fafc;display:flex;font-size:15px;height:42px}.welcome-content{align-items:center;display:flex;justify-content:space-between}.welcome-strip p{align-items:center;display:flex;gap:8px;margin:0}.spark{color:#1dd0a5}.brand-text{color:#31c6a7}.auth-links{display:flex;font-size:14px;font-weight:600;gap:18px}.auth-links a{color:#f8fafc;text-decoration:none}.main-nav{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#03045e;border-bottom:1px solid #f2f3f7;opacity:.9;position:relative;z-index:40}.nav-content{gap:16px;justify-content:space-between;min-height:84px;min-width:0}.logo,.nav-content{align-items:center;display:flex}.logo{gap:8px}.logo-icon{font-size:30px}.logo-text{color:#fff;font-size:38px;font-weight:700;letter-spacing:-1px}.menu{color:#fff;font-size:20px;font-weight:500;gap:24px;list-style:none;margin:0;padding:0}.menu,.menu li{align-items:center;display:flex}.menu li{gap:3px}.menu span{font-size:12px;opacity:.7}.nav-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;min-width:0}.user-menu{position:relative;z-index:45}.user-avatar-btn{background:#fff;border:1px solid #9ec2f0;border-radius:999px;cursor:pointer;display:inline-grid;height:48px;padding:0;place-items:center;width:48px}.user-avatar{display:block;height:30px;width:30px}.user-dropdown{background:#fff;border:1px solid #dbe8f7;border-radius:10px;box-shadow:0 18px 30px #0f172a1f;display:grid;gap:6px;padding:10px;position:absolute;right:0;top:calc(100% + 10px);width:190px;z-index:60}.user-dropdown-name{color:#64748b;font-size:12px;margin:2px 4px 8px}.user-dropdown-link{background:#f8fbff;border:0;border-radius:8px;color:#0f172a;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;padding:10px 12px;text-align:left;text-decoration:none;width:100%}.user-dropdown-link:hover{background:#eaf2fd}.user-dropdown-link.is-logout{color:#b91c1c}.icon-btn,.menu-btn{background:#fff;border:1px solid #eceff4;border-radius:999px;cursor:pointer;height:42px;width:42px}.signup-btn{background:#09b8a7}.login-btn,.signup-btn{border:0;border-radius:999px;color:#fff;cursor:pointer;font-weight:700;height:48px;padding:0 28px}.login-btn{background:#339af0}.login-btn.router-link-active{box-shadow:0 0 0 2px #fff}.hero{align-items:center;display:flex;padding:16px 0 28px;width:100%}.hero-content{background:linear-gradient(135deg,#0062d1,#0050b3);border-radius:0;box-shadow:0 24px 42px #0b24441f;display:grid;grid-template-columns:1.05fr 1fr;min-height:360px;overflow:hidden;position:relative;width:100%}.hero .tagline{background:#ffffff14;border:1px solid #69b1ff;border-radius:999px;color:#f0f7ff;font-size:14px;letter-spacing:.3px;margin:0 0 20px;padding:8px 16px;width:-moz-fit-content;width:fit-content}.hero h1{color:#fff;font-size:clamp(34px,3.4vw,54px);letter-spacing:-.7px;line-height:1.16;margin:0}.hero .description{color:#d7e8ff;font-size:19px;line-height:1.55;margin-top:10px;max-width:620px}.hero-buttons{align-items:center;display:flex;gap:16px;margin-top:22px}.hero .primary{align-items:center;background:#fff;border:0;border-radius:6px;color:#0050b3;cursor:pointer;display:inline-flex;font-size:15px;font-weight:700;height:48px;justify-content:center;letter-spacing:.4px;padding:0 22px;text-decoration:none}.hero .primary:visited{color:#0050b3}.hero .text-btn{background:transparent;border:1px solid #ffffff4a;border-radius:6px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;height:48px;padding:0 18px}.hero-left{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:0;padding:28px clamp(28px,7vw,72px);position:relative;z-index:3}.hero-left-inner{padding-top:25px;position:relative;transform:translateY(-22px);width:min(100%,640px)}.hero-left-inner:before{background-image:repeating-linear-gradient(45deg,#60a9ff 0 14px,transparent 14px 24px);content:"";height:12px;left:0;opacity:.65;position:absolute;top:2px;width:190px}.hero-right{align-items:stretch;display:flex;justify-content:flex-end;min-height:360px;position:relative}.hero-right:before{background:linear-gradient(135deg,#0052b6,#005ec8);border-radius:0 70% 70% 0;content:"";height:100%;left:-140px;position:absolute;top:0;width:240px;z-index:2}.person-image{display:block;filter:saturate(1.02) contrast(1.03);height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.hero-badge{background:#fff;border:7px solid #39a8ff;border-radius:999px;box-shadow:0 10px 22px #0f172a2e;color:#0f4ea4;display:grid;font-size:34px;font-weight:800;height:120px;left:56%;letter-spacing:1px;place-items:center;position:absolute;top:14px;transform:translate(-50%);width:120px;z-index:5}.hero-dots{background-image:radial-gradient(#1f7de0 2px,transparent 0);background-size:16px 16px;bottom:22px;height:120px;left:42px;opacity:.45;position:absolute;width:120px;z-index:2}.login-main{flex:1;padding:36px 0 48px}.patterned-bg-page{overflow:hidden;position:relative}.patterned-bg-page:before{background:url(/images/Pattrn%20Study.png) 50%/cover no-repeat;content:"";inset:0;opacity:.5;pointer-events:none;position:absolute;z-index:0}.patterned-bg-page>*{position:relative;z-index:1}.admin-login-main{padding-top:44px}.login-wrap{align-items:flex-start;display:flex;justify-content:center}.login-card{background:#fff;border:1px solid #dbe8f7;border-radius:16px;box-shadow:0 24px 42px #0b24441f;overflow:hidden;width:min(100%,440px)}.admin-login-card{width:min(100%,500px)}.admin-login-banner{background:linear-gradient(135deg,#0b5fbb,#034a96)}.admin-login-banner p{max-width:360px}.signup-card{width:min(100%,840px)}.signup-body{align-items:stretch;display:grid;grid-template-columns:minmax(0,1fr) 44px minmax(220px,260px)}.signup-form{padding-right:10px}.signup-note{color:#475569;font-size:14px;line-height:1.5;margin:0}.signup-divider{align-items:center;display:flex;justify-content:center;position:relative}.signup-divider:before{background:linear-gradient(180deg,transparent,#cbd5e1 10%,#cbd5e1 90%,transparent);bottom:28px;content:"";position:absolute;top:28px;width:1px}.signup-divider span{background:#fff;color:#94a3b8;font-size:13px;font-weight:600;padding:6px 4px;position:relative;z-index:1}.signup-siapkerja{align-items:center;display:flex;flex-direction:column;gap:14px;justify-content:center;padding:28px 24px 30px}.signup-siapkerja p{color:#475569;font-size:14px;line-height:1.5;margin:0 auto;max-width:230px;text-align:center}.signup-siapkerja .login-siapkerja{width:min(100%,300px)}.login-card-banner{background:linear-gradient(135deg,#0062d1,#0050b3);overflow:hidden;padding:28px 28px 32px;position:relative}.login-card-banner:after{background:#ffffff14;border-radius:999px;content:"";height:140px;pointer-events:none;position:absolute;right:-40px;top:-30px;width:140px}.login-card-banner h1{color:#fff;font-size:clamp(26px,4vw,32px);font-weight:800;letter-spacing:-.5px;margin:0;position:relative;z-index:1}.login-card-banner p{color:#d7e8ff;font-size:15px;line-height:1.5;margin:10px 0 0;max-width:320px;position:relative;z-index:1}.login-pill{background:#ffffff14;border:1px solid #69b1ff;border-radius:999px;color:#f0f7ff;font-size:12px;font-weight:600;letter-spacing:.35px;margin:0 0 12px;padding:6px 14px;position:relative;width:-moz-fit-content;width:fit-content;z-index:1}.login-form{display:grid;gap:18px;padding:28px 28px 30px}.login-field{display:grid;gap:6px}.login-field label{color:#334155;font-size:13px;font-weight:600}.login-field input{background:#fbfdff;border:1px solid #d9e7fb;border-radius:8px;color:#0f172a;font-family:inherit;font-size:15px;height:48px;max-width:100%;min-width:0;padding:0 14px;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.login-field input::-moz-placeholder{color:#94a3b8}.login-field input::placeholder{color:#94a3b8}.login-field input:focus{border-color:#339af0;box-shadow:0 0 0 3px #339af033;outline:none}.login-field input.is-invalid{border-color:#ef4444;box-shadow:0 0 0 3px #ef444433}.field-error{color:#dc2626;font-size:13px;margin:0}.form-success{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;color:#065f46;font-size:13px;line-height:1.45;margin:0;padding:10px 12px}.login-row{flex-wrap:wrap;gap:12px;justify-content:space-between}.login-remember,.login-row{align-items:center;display:flex}.login-remember{color:#475569;cursor:pointer;font-size:14px;gap:8px}.login-remember input{accent-color:#025ab3;height:16px;width:16px}.login-forgot{color:#0b5fbb;font-size:14px;font-weight:600;text-decoration:none}.login-forgot:hover{text-decoration:underline}.login-submit{background:#025ab3;border:0;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:15px;font-weight:700;height:48px;letter-spacing:.4px;margin-top:4px;transition:background .15s ease,transform .15s ease}.login-submit:hover{background:#034a96}.login-submit:active{transform:translateY(1px)}.login-divider{align-items:center;color:#94a3b8;display:flex;font-size:13px;font-weight:600;gap:14px;letter-spacing:.2px;margin:0;text-transform:lowercase}.login-divider-line{background:linear-gradient(90deg,transparent,#cbd5e1 12%,#cbd5e1 88%,transparent);flex:1;height:1px}.login-divider-text{flex-shrink:0;padding:0 2px}.login-siapkerja{align-items:center;background:#09b8a7;border:0;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:15px;font-weight:700;height:auto;justify-content:center;letter-spacing:.35px;max-width:100%;min-height:48px;padding:10px 14px;text-align:center;text-decoration:none;transition:background .15s ease,filter .15s ease,transform .15s ease;width:100%}.login-siapkerja:hover{background:#08a898;color:#fff}.login-siapkerja:active{transform:translateY(1px)}.login-back{color:#64748b;font-size:14px;text-align:center}.login-back a{color:#0b5fbb;font-weight:600;text-decoration:none}.login-back a:hover{text-decoration:underline}.jobs-section{background:linear-gradient(180deg,#f5faff,#fff);padding:30px 0 36px}.jobs-content{background:#fbfdff;border:1px solid #e6eef8;border-radius:14px;padding:36px 26px 28px;position:relative;text-align:center}.jobs-content h2{color:#101828;font-size:clamp(28px,3vw,44px);letter-spacing:-.4px;line-height:1.2;margin:0}.jobs-subtitle{color:#334155;font-size:17px;margin:10px auto 0;max-width:820px}.job-grid{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:24px}.job-card-link{color:inherit;display:block;text-decoration:none}.job-card{background:#fff;border:1px solid #dbe8f7;border-radius:10px;box-shadow:0 10px 18px #0f172a12;padding:14px 14px 12px;text-align:left;transform:translateY(0);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.job-card-link:hover .job-card,.job-card:hover{border-color:#b8d2fa;box-shadow:0 18px 30px #0f172a24;transform:translateY(-6px)}.job-card-head{align-items:center;display:flex;gap:8px}.company-logo{background:#fff;border:1px solid #d9e5f6;border-radius:6px;height:34px;-o-object-fit:cover;object-fit:cover;transition:transform .22s ease;width:34px}.job-card-link:hover .company-logo,.job-card:hover .company-logo{transform:scale(1.05)}.company-name{color:#0b5fbb;font-size:15px;font-weight:600;margin:0}.job-card h3{color:#0f172a;font-size:20px;line-height:1.28;margin:12px 0 10px;min-height:76px}.job-card ul{display:grid;gap:8px;list-style:none;margin:0;padding:0}.job-card li{color:#475569;font-size:15px;line-height:1.35}.job-card li:before{color:#1e5fa8;content:"◦";margin-right:8px}.jobs-cta{align-items:center;background:#025ab3;border:0;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:clamp(15px,3.5vw,18px);font-weight:700;height:auto;justify-content:center;letter-spacing:.4px;margin-top:24px;max-width:100%;min-height:52px;padding:14px 22px;text-align:center;text-decoration:none}.cv-ats-section{background:#fff;padding:8px 0 34px}.cv-ats-content{background:linear-gradient(135deg,#f5f9ff,#eef5ff);border:1px solid #dde8f7;border-radius:16px;display:grid;gap:22px;grid-template-columns:1.15fr .85fr;padding:30px}.cv-ats-left h2{color:#0f172a;font-size:clamp(28px,3vw,42px);line-height:1.2;margin:8px 0 0}.cv-ats-left p{color:#334155;font-size:17px;line-height:1.6;margin:14px 0 0;max-width:740px}.cv-pill{background:#e2edff;border:1px solid #b8d2fa;border-radius:999px;color:#0b5fbb;font-size:13px;font-weight:600;margin:0;padding:7px 12px;width:-moz-fit-content;width:fit-content}.cv-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.cv-primary,.cv-secondary{align-items:center;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:700;height:46px;justify-content:center;letter-spacing:.3px;padding:0 16px;text-decoration:none}.cv-primary{background:#025ab3;border:0;color:#fff}.cv-secondary{background:#fff;border:1px solid #afcaf0;color:#0b5fbb}.cv-ats-right{display:grid;place-items:center}.cv-preview-image{border:1px solid #d9e7fb;border-radius:12px;box-shadow:0 14px 24px #0f172a12;display:block;height:auto;width:min(360px,100%)}.site-footer{background:#e8eef4;border-top:1px solid #d6dee8}.footer-content{gap:16px;justify-content:space-between;min-height:54px}.footer-content,.footer-left{align-items:center;display:flex}.footer-left{flex-wrap:wrap;gap:8px;row-gap:10px}.footer-link{align-items:center;display:inline-flex;text-decoration:none}.powered-by{color:#0f172a;font-size:14px}.footer-logo{display:block;height:24px;-o-object-fit:contain;object-fit:contain;width:auto}.footer-logo-pasker{height:22px}.footer-logo-kemnaker{height:24px}.footer-copy{color:#111827;font-size:14px;margin:0}@media(max-width:1024px){.job-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1150px){.menu{display:none}.hero-content{grid-template-columns:1fr;min-height:auto}.hero-left{justify-content:flex-start;padding:36px 34px 28px}.hero-left-inner{transform:translateY(0)}.hero-right{min-height:280px}.hero-right:before{border-radius:0 0 60% 60%;height:170px;left:0;top:-90px;width:100%}.hero-badge{font-size:28px;height:102px;left:50%;top:252px;width:102px}.hero-dots{bottom:18px;left:auto;right:24px}.cv-ats-content{gap:16px;grid-template-columns:1fr}}@media(max-width:720px){.welcome-content{flex-direction:column;gap:6px;padding:8px 0;text-align:center}.welcome-strip{height:auto}.nav-content{align-items:stretch;flex-direction:column;gap:12px;min-height:0;padding:10px 0 14px}.logo-link{align-self:center}.nav-actions{justify-content:center;width:100%}.login-btn,.signup-btn{font-size:14px;min-height:44px;padding:0 18px}.hero .description{font-size:16px}.hero .primary,.hero .text-btn{font-size:14px;height:44px;padding:0 14px}.logo-text{font-size:30px}.hero{min-height:auto}.hero-left{justify-content:flex-start;padding:40px 20px 32px}.hero-left-inner:before{width:140px}.hero h1{font-size:clamp(28px,8.2vw,38px)}.hero-buttons{flex-wrap:wrap}.hero-right{min-height:220px}.hero-badge{border-width:5px;bottom:188px;font-size:22px;height:82px;top:auto;width:82px}.hero-dots{background-size:13px 13px;height:78px;right:14px;width:78px}.jobs-section{padding:24px 0 30px}.jobs-content{padding:26px 16px 22px}.jobs-content h2{font-size:clamp(24px,7vw,32px)}.jobs-subtitle{font-size:15px}.job-grid{gap:12px;grid-template-columns:1fr}.job-card h3{font-size:18px;min-height:auto}.cv-ats-section{padding:2px 0 24px}.cv-ats-content{padding:20px 16px}.cv-ats-left p{font-size:15px}.cv-primary,.cv-secondary{width:100%}.footer-content{flex-direction:column;gap:4px;min-height:62px;padding:8px 0;text-align:center}.footer-content,.footer-left{justify-content:center}.login-main{padding:24px 0 36px}.login-form{padding:22px 20px 24px}.login-card-banner{padding:24px 20px 28px}.signup-body{grid-template-columns:1fr}.signup-form{padding-right:20px}.signup-divider{min-height:24px;padding:0 20px}.signup-divider:before{background:linear-gradient(90deg,transparent,#cbd5e1 12%,#cbd5e1 88%,transparent);height:1px;inset:50% 20px auto;transform:translateY(-50%);width:auto}.signup-divider span{padding:0 8px}.signup-siapkerja{padding:4px 20px 24px}.signup-siapkerja .login-siapkerja{width:min(100%,300px)}.jobs-cta{max-width:420px;width:100%}}.home-page{min-width:0;width:100%}