:root{--brown:#9a5d31;--brown2:#c58e5e;--yellow:#ffc400;--ink:#171717;--soft:#f7f5f1}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#fff;color:#242424}.nav-glass{background:rgba(15,15,15,.95);backdrop-filter:blur(12px);box-shadow:0 8px 30px rgba(0,0,0,.15)}.brand-logo{height:50px;width:auto}.hero{min-height:650px;background:radial-gradient(circle at 80% 20%,rgba(255,196,0,.22),transparent 25%),linear-gradient(120deg,#17120e 0%,#2a1a10 55%,#6d4125 100%);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(to bottom,black,transparent)}.hero-content{position:relative;z-index:2;padding:90px 0}.hero-badge{display:inline-flex;gap:8px;align-items:center;background:rgba(255,196,0,.12);border:1px solid rgba(255,196,0,.35);color:#ffd83d;padding:8px 14px;border-radius:999px}.hero h1{font-size:clamp(2.6rem,6vw,5.2rem);line-height:1.02;font-weight:800;color:#fff}.hero h1 span{color:#ffc400}.hero p{font-size:1.12rem;color:#e8e0d8;max-width:650px}.hero-art{position:absolute;right:-5%;bottom:-10%;width:48%;height:80%;background:radial-gradient(circle at 50% 40%,rgba(255,196,0,.28),transparent 30%),linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,0));border-radius:50% 0 0 0;transform:rotate(-8deg);filter:blur(.2px)}.floating-card{background:rgba(255,255,255,.93);border-radius:20px;padding:20px;box-shadow:0 20px 60px rgba(0,0,0,.22);animation:float 5s ease-in-out infinite}.section-pad{padding:80px 0}.eyebrow{color:var(--brown);font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-size:.8rem}.section-title{font-weight:800;font-size:clamp(2rem,4vw,3rem)}.job-card{border:1px solid #eee;border-radius:20px;transition:.25s;background:#fff;height:100%;box-shadow:0 8px 30px rgba(0,0,0,.05)}.job-card:hover{transform:translateY(-6px);box-shadow:0 18px 45px rgba(0,0,0,.12)}.job-icon{width:48px;height:48px;border-radius:14px;background:#fff5d6;color:#8b5a00;display:grid;place-items:center;font-size:1.3rem}.pill{border-radius:999px;padding:5px 10px;font-size:.75rem;font-weight:700}.pill-featured{background:#fff3c4;color:#775900}.pill-urgent{background:#ffe0dc;color:#a32418}.filter-box{background:#171717;border-radius:24px;padding:24px;color:#fff;box-shadow:0 20px 50px rgba(0,0,0,.16)}.form-control,.form-select{border-radius:12px;padding:.78rem 1rem;border-color:#ddd}.btn-brand{background:var(--yellow);color:#171717;border:0;font-weight:800;border-radius:12px;padding:.8rem 1.2rem}.btn-brand:hover{background:#eeb700}.btn-darkx{background:#171717;color:#fff;border-radius:12px}.stat{padding:24px;border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.06)}.stat strong{font-size:2rem}.footer{background:#111}.footer a{display:block;color:#aaa;text-decoration:none;margin:.45rem 0}.footer h6{color:#fff}.footer-logo{height:58px;width:auto}.step{position:relative;padding:28px;border-radius:20px;background:#fafafa;border:1px solid #eee}.step-number{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#171717;color:#ffc400;font-weight:800;margin-bottom:15px}@keyframes float{50%{transform:translateY(-10px)}}.animate-up{animation:up .8s ease both}@keyframes up{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}.job-detail{border-radius:24px;background:#fff;border:1px solid #eee;box-shadow:0 15px 50px rgba(0,0,0,.08)}.company-hidden{filter:blur(5px);user-select:none}.autocomplete{position:absolute;z-index:1000;background:#fff;border:1px solid #ddd;width:100%;max-height:260px;overflow:auto;border-radius:0 0 12px 12px}.autocomplete div{padding:10px 14px;cursor:pointer}.autocomplete div:hover{background:#f5f5f5}.position-relative{position:relative}

.autocomplete-wrap{position:relative}.autocomplete{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:3000;background:#fff;border:1px solid #ddd;border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.12);max-height:280px;overflow:auto}.autocomplete-item,.autocomplete-empty{display:block;width:100%;border:0;background:#fff;text-align:left;padding:10px 12px;cursor:pointer}.autocomplete-item:hover{background:#f3f4f6}.autocomplete-empty{cursor:default;color:#777}