@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&display=swap";:root{--primary:#2563eb;--primary-light:#60a5fa;--bg-color:transparent;--glass-bg:#fff9;--glass-bg-hover:#fffc;--glass-border:#60a5fa66;--glass-border-highlight:#60a5fa99;--glass-shadow:0 8px 32px 0 #1f26871a;--glass-inner-shadow:none;--text-main:#0f172a;--text-muted:#334155;--title-color:#0f172a}[data-theme=dark]{--primary:#3b82f6;--primary-light:#93c5fd;--bg-color:transparent;--glass-bg:#121212b3;--glass-bg-hover:#262626cc;--glass-border:#262626cc;--glass-border-highlight:#464646cc;--glass-shadow:0 8px 32px 0 #00000080;--glass-inner-shadow:none;--text-main:#f5f5f5;--text-muted:#a8a8a8;--title-color:#fff}*{box-sizing:border-box;margin:0;padding:0}html,body{color:var(--text-main);margin:0;font-family:Outfit,sans-serif;transition:color .3s;overflow-x:hidden;background-color:#0000!important}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--primary-light);border-radius:4px}.vanta-bg{z-index:-1;background:linear-gradient(-45deg,#f8fafc,#eff6ff,#dbeafe,#f1f5f9) 0 0/400% 400%;width:100vw;height:100vh;animation:15s infinite gradientBG;position:fixed;top:0;left:0}[data-theme=dark] .vanta-bg{background:linear-gradient(-45deg,#020617,#0f172a,#1e1b4b,#000) 0 0/400% 400%;animation:15s infinite gradientBG}@keyframes gradientBG{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.navbar{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);z-index:50;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:sticky;top:0;box-shadow:0 4px 20px #0000000d}.nav-item{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-family:inherit;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.nav-item:hover{color:var(--text-main);background:var(--glass-bg-hover);border:1px solid var(--glass-border)}.nav-item.active{color:var(--primary-light);border:1px solid var(--glass-border-highlight);background:#2563eb26;box-shadow:0 0 15px #2563eb33}.theme-toggle{background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--glass-border);color:var(--text-main);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;padding:.5rem;transition:all .3s;display:flex}.theme-toggle:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-highlight);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.app-container{flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:650px;margin:0 auto;padding:2rem 1.5rem;display:flex}.card-3d{background:var(--glass-bg);-webkit-backdrop-filter:blur(2px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:24px;width:100%;transition:all .3s;overflow:hidden}.card-3d:hover{background:var(--glass-bg-hover);transform:translateY(-2px);box-shadow:0 12px 40px #1f268733}.card-header{border-bottom:1px solid var(--glass-border);background:#00000005;padding:1.5rem 1.5rem 1rem}.card-body{padding:1.5rem}h1{color:var(--title-color);text-shadow:0 2px 4px #0000000d;margin-bottom:.5rem;font-size:1.8rem;font-weight:700}h2{color:var(--primary-light);margin-bottom:.5rem;font-size:1.5rem;font-weight:600}p{color:var(--text-muted);line-height:1.6}.input-group{margin-bottom:1.5rem;position:relative}.input-group label{color:var(--text-main);text-shadow:0 1px 2px #0000000d;margin-bottom:.5rem;font-size:.95rem;font-weight:600;display:block}.input-field{background:var(--glass-bg);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:1px solid var(--glass-border);width:100%;color:var(--title-color);box-shadow:none;border-radius:12px;padding:.8rem 1rem;font-family:inherit;font-size:1rem;transition:all .3s}.input-field:focus{border-color:var(--primary-light);background:var(--glass-bg-hover);outline:none;box-shadow:0 0 0 3px #60a5fa33}.file-upload-area{border:2px dashed var(--glass-border-highlight);text-align:center;cursor:pointer;background:var(--glass-bg);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:none;border-radius:16px;padding:2rem 1.5rem;transition:all .3s;position:relative}.file-upload-area:hover,.file-upload-area.drag-active{border-color:var(--primary-light);background:var(--glass-bg-hover);transform:scale(1.02)}.file-upload-area input[type=file]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.upload-icon{width:48px;height:48px;color:var(--primary-light);filter:drop-shadow(0 2px 4px #0000001a);margin:0 auto 1rem}.btn-primary{border:1px solid var(--glass-border-highlight);background:linear-gradient(135deg, var(--primary), var(--primary-light));color:#fff;cursor:pointer;text-shadow:0 1px 2px #0003;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:2rem;padding:1rem;font-family:inherit;font-size:1.1rem;font-weight:700;transition:all .3s;display:flex;box-shadow:0 4px 15px #2563eb4d}.btn-primary:hover{background:linear-gradient(135deg, var(--primary-light), var(--primary));transform:translateY(-2px);box-shadow:0 8px 25px #2563eb66}.btn-primary:active{transform:translateY(1px);box-shadow:0 2px 10px #2563eb4d}.btn-primary:disabled{background:var(--glass-bg);border-color:var(--glass-border);color:var(--text-muted);box-shadow:none;cursor:not-allowed;transform:none}.btn-secondary{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border-highlight);color:var(--title-color);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:1.5rem;padding:.8rem 1.5rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 12px #0000000d}.btn-secondary:hover{background:var(--glass-bg-hover);transform:translateY(-2px);box-shadow:0 8px 20px #0000001a}.results-table-container{border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(2px);width:100%;box-shadow:none;border-radius:16px;padding:1rem;overflow-x:auto}.modern-table{border-collapse:separate;border-spacing:0 .8rem;text-align:left;table-layout:fixed;width:100%}.modern-table th{color:var(--title-color);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--glass-border);padding:.5rem 1.5rem;font-size:.85rem;font-weight:700}.modern-table td{background:var(--glass-bg);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-top:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border);color:var(--text-main);vertical-align:middle;padding:1.2rem 1.5rem;transition:all .3s}.modern-table td:first-child{border-left:1px solid var(--glass-border);border-top-left-radius:12px;border-bottom-left-radius:12px}.modern-table td:last-child{border-right:1px solid var(--glass-border);border-top-right-radius:12px;border-bottom-right-radius:12px}.modern-table tbody tr{transition:all .3s;box-shadow:0 4px 10px #00000005}.modern-table tbody tr:hover{transform:scale(1.01)translateY(-2px);box-shadow:0 8px 20px #00000014}.modern-table tbody tr:hover td{background:var(--glass-bg-hover);border-color:var(--glass-border-highlight)}.badge{color:var(--primary-light);background:#60a5fa33;border:1px solid #60a5fa80;border-radius:8px;align-items:center;gap:.4rem;padding:.4rem .8rem;font-size:.85rem;font-weight:600;display:inline-flex}.badge-score{background:linear-gradient(135deg, var(--primary-light), var(--primary));color:#fff;text-shadow:0 1px 2px #0006;border:1px solid #ffffff80;border-radius:8px;align-items:center;gap:.4rem;padding:.4rem .8rem;font-size:.85rem;font-weight:800;display:inline-flex;box-shadow:0 4px 15px #2563eb66}.job-link{background:var(--primary);color:#fff;border:1px solid var(--glass-border-highlight);border-radius:8px;align-items:center;gap:.4rem;padding:.6rem 1.2rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 10px #2563eb33}.job-link:hover{background:var(--primary-light);transform:translateY(-2px);box-shadow:0 6px 15px #2563eb66}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader{animation:1s linear infinite spin}.nav-left,.nav-center,.nav-right{align-items:center;gap:.5rem;display:flex}@media (width<=768px){.navbar{flex-wrap:wrap;gap:.8rem;padding:.8rem 1rem}.nav-center{order:3;justify-content:center;width:100%}.nav-brand{display:none}.nav-item{flex:1;justify-content:center;padding:.5rem 1rem;font-size:.9rem}.nav-text{display:none}.modern-table,.modern-table thead,.modern-table tbody,.modern-table th,.modern-table td,.modern-table tr{display:block}.modern-table thead{display:none}.modern-table tr{border:1px solid var(--glass-border);background:var(--glass-bg);box-shadow:var(--glass-shadow);border-radius:12px;margin-bottom:1.5rem;padding:.5rem}.modern-table td{text-align:right;justify-content:space-between;align-items:center;gap:1rem;display:flex;background:0 0!important;border:none!important;padding:.8rem 1rem!important}.modern-table td:first-of-type{text-align:left;margin-bottom:.5rem;display:block;border-bottom:1px dashed var(--glass-border)!important;padding-bottom:1.2rem!important}.modern-table td:nth-of-type(2):before{content:"Kecocokan";color:var(--text-muted);text-transform:uppercase;font-size:.8rem;font-weight:600}.modern-table td:nth-of-type(3):before{content:"Aksi";color:var(--text-muted);text-transform:uppercase;font-size:.8rem;font-weight:600}.results-table-container{box-shadow:none;background:0 0;border:none;padding:.5rem}.card-header,.card-body{padding:1.2rem}h1{font-size:1.6rem}h2{font-size:1.2rem}p{font-size:.9rem}.file-upload-area{padding:2rem 1rem}.btn-primary{padding:.8rem;font-size:1rem}.navbar{gap:.5rem;padding:.8rem .5rem}.nav-item{padding:.5rem .8rem;font-size:.9rem}.theme-toggle{padding:.4rem;right:.5rem}.modern-table th{padding:.6rem .5rem;font-size:.75rem}.modern-table td{padding:.8rem .5rem;font-size:.85rem}.card-3d:hover{box-shadow:var(--glass-shadow);transform:none}}