:root{--ink:#0e1526;--ink-2:#3c4761;--ink-3:#77809b;--bg:#f6f7fb;--surface:#ffffff;--brand:#4f46e5;--brand-2:#7c3aed;--brand-ink:#ffffff;--accent:#f59e0b;--accent-ink:#78350f;--ok:#059669;--err:#dc2626;--line:#e6e8f0;--grad-hero:linear-gradient(135deg,#101632,#1e1b4b 45%,#312e81);--grad-brand:linear-gradient(135deg,var(--brand) 0%,var(--brand-2) 100%);--r-s:10px;--r-m:16px;--r-l:24px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;--sh-1:0 1px 2px rgba(14,21,38,0.06),0 1px 3px rgba(14,21,38,0.08);--sh-2:0 4px 12px rgba(14,21,38,0.08),0 2px 4px rgba(14,21,38,0.05);--sh-3:0 12px 32px rgba(30,27,75,0.18);--sh-brand:0 8px 24px rgba(79,70,229,0.35);--font:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--ink);line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3{line-height:1.15;margin:0;letter-spacing:-.02em}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.container{width:100%;max-width:1100px;margin:0 auto;padding:0 var(--sp-4)}.narrow{max-width:520px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:48px;padding:0 var(--sp-5);border:none;border-radius:var(--r-m);background:var(--grad-brand);color:var(--brand-ink);font-weight:600;font-size:16px;cursor:pointer;box-shadow:var(--sh-brand);transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.btn:hover{transform:translateY(-2px);filter:brightness(1.06)}.btn:active{transform:translateY(0) scale(.98)}.btn:focus-visible{outline:3px solid rgba(79,70,229,.4);outline-offset:2px}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.btn.secondary{background:var(--surface);color:var(--brand);border:1.5px solid var(--line);box-shadow:var(--sh-1)}.btn.ghost{background:transparent;color:var(--ink-2);box-shadow:none}.btn.block{width:100%}.btn.lg{min-height:56px;font-size:17px;border-radius:var(--r-l)}.input{width:100%;min-height:48px;padding:12px 16px;border:1.5px solid var(--line);border-radius:var(--r-m);background:var(--surface);color:var(--ink);transition:border-color .15s ease,box-shadow .15s ease}.input::placeholder{color:var(--ink-3)}.input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 4px rgba(79,70,229,.12)}.field-label{display:block;font-weight:600;margin:var(--sp-4) 0 var(--sp-2)}.chip{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 var(--sp-4);border-radius:999px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink-2);font-weight:500;cursor:pointer;transition:all .15s ease}.chip:hover{border-color:var(--brand);color:var(--brand)}.chip[data-selected=true]{background:var(--grad-brand);color:var(--brand-ink);border-color:transparent;box-shadow:var(--sh-brand)}.chip.mini{min-height:30px;padding:0 12px;font-size:13px;cursor:default}.chip.mini:hover{border-color:var(--line);color:var(--ink-2)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);box-shadow:var(--sh-1)}.glass{background:rgba(255,255,255,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.55)}.job-card{display:block;padding:var(--sp-4) var(--sp-5);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);box-shadow:var(--sh-1);transform-style:preserve-3d;transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s ease}@media (hover:hover){.job-card:hover{transform:perspective(900px) rotateX(2.5deg) rotateY(-2deg) translateY(-4px);box-shadow:var(--sh-3);border-color:rgba(79,70,229,.35)}}.job-card:active{transform:scale(.985)}.salary{font-size:18px;color:var(--accent-ink);background:linear-gradient(135deg,#fef3c7,#fde68a);padding:4px 12px;white-space:nowrap}.badge-new,.salary{font-weight:700;border-radius:999px}.badge-new{font-size:12px;color:var(--ok);background:#d1fae5;padding:3px 10px}.status-chip{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;padding:5px 12px;border-radius:999px;background:#eef2ff;color:var(--brand)}.status-chip[data-tone=ok]{background:#d1fae5;color:var(--ok)}.status-chip[data-tone=warn]{background:#fef3c7;color:#b45309}.status-chip[data-tone=err]{background:#fee2e2;color:var(--err)}.status-chip[data-tone=muted]{background:#f1f2f6;color:var(--ink-3)}.hero{position:relative;background:var(--grad-hero);color:#fff;overflow:hidden;border-radius:0 0 var(--r-l) var(--r-l)}.hero .container{position:relative;z-index:2}.orb{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55;pointer-events:none;animation:orb-drift 14s ease-in-out infinite alternate}.orb.o1{width:380px;height:380px;background:#6d28d9;top:-120px;right:-80px}.orb.o2{width:300px;height:300px;background:#4f46e5;bottom:-100px;left:-90px;animation-delay:-5s}.orb.o3{width:200px;height:200px;background:#f59e0b;top:40%;right:18%;opacity:.25;animation-delay:-9s}@keyframes orb-drift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(40px,-30px,0) scale(1.15)}}.scene{perspective:1100px;perspective-origin:60% 40%}.stack3d{position:relative;transform-style:preserve-3d;animation:stack-float 9s ease-in-out infinite}@keyframes stack-float{0%,to{transform:rotateX(10deg) rotateY(-14deg) translateY(0)}50%{transform:rotateX(13deg) rotateY(-9deg) translateY(-14px)}}.stack3d .layer{position:absolute;inset:0;border-radius:var(--r-l);transform-style:preserve-3d}.stack3d .l-back{transform:translateZ(-70px) translateX(26px) translateY(30px);opacity:.35}.stack3d .l-mid{transform:translateZ(-35px) translateX(13px) translateY(15px);opacity:.65}.stack3d .l-front{position:relative;transform:translateZ(0)}.float-chip{position:absolute;padding:8px 14px;border-radius:999px;font-size:13px;font-weight:700;box-shadow:var(--sh-3);animation:chip-bob 6s ease-in-out infinite;will-change:transform}@keyframes chip-bob{0%,to{transform:translateY(0) translateZ(60px)}50%{transform:translateY(-10px) translateZ(60px)}}.reveal{animation:rise-in .7s cubic-bezier(.22,1,.36,1) both}.reveal.d1{animation-delay:.08s}.reveal.d2{animation-delay:.16s}.reveal.d3{animation-delay:.24s}.reveal.d4{animation-delay:.32s}@keyframes rise-in{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.bento{display:grid;grid-gap:var(--sp-4);gap:var(--sp-4);grid-template-columns:1fr}@media (min-width:720px){.bento{grid-template-columns:repeat(3,1fr)}.bento .wide{grid-column:span 2}}.step-num{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:var(--grad-brand);color:#fff;font-weight:800;font-size:18px;box-shadow:var(--sh-brand);transform:rotate(-4deg)}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:40;background:rgba(246,247,251,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.site-header.on-dark{background:rgba(16,22,50,.6);border-bottom-color:rgba(255,255,255,.08);color:#fff}.logo{font-weight:800;font-size:22px;letter-spacing:-.03em;background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.on-dark .logo{background:linear-gradient(135deg,#a5b4fc,#d8b4fe);-webkit-background-clip:text;background-clip:text}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:40;display:flex;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.bottom-nav a{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 0 10px;font-size:11.5px;font-weight:600;color:var(--ink-3)}.bottom-nav a[data-active=true]{color:var(--brand)}.bottom-nav .icon{font-size:21px;line-height:1}@media (min-width:900px){.bottom-nav{display:none}}.has-bottom-nav{padding-bottom:84px}@media (min-width:900px){.has-bottom-nav{padding-bottom:0}}.skeleton{border-radius:var(--r-m);background:linear-gradient(90deg,#edeff5 25%,#f6f7fb 50%,#edeff5 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.error{color:var(--err);margin-top:var(--sp-2);font-weight:500}.muted{color:var(--ink-3);font-size:14px}.empty-state{text-align:center;padding:var(--sp-7) var(--sp-4);color:var(--ink-3)}.empty-state .icon{font-size:44px;margin-bottom:var(--sp-3)}.sticky-cta{position:fixed;bottom:0;left:0;right:0;z-index:45;padding:var(--sp-3) var(--sp-4) calc(var(--sp-3) + env(safe-area-inset-bottom));background:rgba(255,255,255,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line)}@media (min-width:900px){.sticky-cta{position:static;padding:0;background:none;border:none;-webkit-backdrop-filter:none;backdrop-filter:none}}.progress-track{height:8px;background:var(--line);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:var(--grad-brand);border-radius:4px;transition:width .35s cubic-bezier(.22,1,.36,1)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}