@charset "UTF-8";:root{--bg:#0b0f14;--ink:#e8ecef;--ink-dim: color-mix(in oklab, var(--ink) 70%, transparent);--muted: color-mix(in oklab, var(--ink) 45%, transparent);--card: color-mix(in oklab, #111925 70%, #0b0f14);--stroke: #1e2935;--shadow: 0 8px 28px rgba(0,0,0,.35), 0 2px 10px rgba(0,0,0,.25);--elev-1: 0 8px 24px rgba(0,0,0,.2), 0 2px 8px rgba(0,0,0,.25);--elev-2: 0 16px 50px rgba(0,0,0,.28), 0 4px 16px rgba(0,0,0,.26);--elev-3: 0 28px 80px rgba(0,0,0,.32), 0 8px 26px rgba(0,0,0,.28);--accent:#18c7ae;--accent-ink:#041814;--link:#18c7ae;--grad-accent: linear-gradient(90deg, var(--accent), color-mix(in oklab, var(--accent) 65%, #7ee6ff));--ring: color-mix(in oklab, var(--accent) 55%, white);--glass: color-mix(in oklab, var(--card) 72%, transparent);--radius:18px;--radius-sm:12px;--wrap:min(1120px, 92vw);--speed-fast:.18s;--speed-mid:.28s;--curve:cubic-bezier(.2,.7,.2,1)}@media (prefers-color-scheme: light){:root{--bg:#f7f9fb;--ink:#0b0f14;--ink-dim: color-mix(in oklab, var(--ink) 55%, transparent);--card:#ffffff;--stroke:#e6edf5;--shadow:0 10px 30px rgba(0,0,0,.05), 0 2px 8px rgba(0,0,0,.06);--elev-1: 0 10px 26px rgba(0,0,0,.08);--elev-2: 0 18px 40px rgba(0,0,0,.12);--elev-3: 0 28px 70px rgba(0,0,0,.16);--accent:#18c7ae;--accent-ink:#041814;--link:#0a7f6f}}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font:500 16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,Inter,Helvetica Neue,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji"}img{max-width:100%;height:auto;display:block}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}.wrap{width:var(--wrap);margin-inline:auto;padding-inline:clamp(8px,2vw,16px)}.dim{color:var(--muted)}.small{font-size:.9375rem}.tiny{font-size:.85rem}h1,h2,h3{letter-spacing:-.01em}.lead{font-size:clamp(1.05rem,1.25vw,1.15rem);color:var(--ink-dim);margin:0 0 18px}.site-header{position:sticky;top:0;z-index:50;background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,0)),color-mix(in oklab,var(--bg) 86%,transparent);backdrop-filter:saturate(1.2) blur(8px);-webkit-backdrop-filter:saturate(1.2) blur(8px);border-bottom:1px solid color-mix(in oklab,var(--ink) 10%,transparent);box-shadow:0 1px 0 color-mix(in oklab,var(--ink) 8%,transparent)}.navbar{display:flex;align-items:center;gap:12px;padding:10px 0}.brand img{display:block;height:36px;width:auto}.nav-toggle{display:none}.burger{display:none;width:38px;height:34px;border:1px solid var(--stroke);border-radius:10px;align-items:center;justify-content:center;cursor:pointer}.burger span{display:block;width:18px;height:2px;background:var(--ink);margin:3px 0;border-radius:2px}.nav{display:flex;align-items:center;gap:14px;margin-left:auto}.nav a{color:var(--ink);font-weight:600;padding:8px 10px;border-radius:10px;border:1px solid transparent;transition:border-color var(--speed-fast) var(--curve),color var(--speed-fast) var(--curve),transform var(--speed-fast) var(--curve)}.nav a:hover{border-color:var(--stroke);transform:translateY(-1px)}.spacer{flex:1}.btn.cta{padding:11px 16px;border-radius:999px}@media (max-width: 900px){.burger{display:flex;margin-left:auto}.nav{position:fixed;inset:58px 12px auto;display:grid;gap:10px;padding:12px;background:color-mix(in oklab,var(--bg) 94%,transparent);border:1px solid var(--stroke);border-radius:14px;transform:translateY(-10px);opacity:0;pointer-events:none;transition:.18s ease}.nav a{padding:10px 12px;border:1px solid var(--stroke)}.spacer{display:none}.nav-toggle:checked~.burger{border-color:var(--accent)}.nav-toggle:checked~.nav{transform:translateY(0);opacity:1;pointer-events:auto}}.hero{position:relative;overflow:hidden;border-bottom:1px solid color-mix(in oklab,var(--ink) 10%,transparent)}.hero .container{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(16px,3vw,32px);align-items:center;min-height:62svh;padding-block:clamp(32px,6vw,72px)}@media (max-width: 960px){.hero .container{grid-template-columns:1fr}}.hero h1{font-size:clamp(2.1rem,3.6vw,3.2rem);line-height:1.15;margin:0 0 10px}.hero p.sub{font-size:clamp(1.05rem,1.3vw,1.15rem);color:var(--ink-dim);margin:0 0 18px}.hero-figure{position:relative;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.hero-figure img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3;filter:saturate(105%) contrast(105%)}.hero-figure:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,0) 60%);pointer-events:none}.hire-accent{color:var(--accent);background-image:linear-gradient(0deg,transparent 60%,color-mix(in oklab,var(--accent) 30%,transparent) 60%);padding-bottom:.06em}.btn{--_bg:var(--accent);--_ink:var(--accent-ink);display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 18px;border-radius:14px;border:0;background:var(--_bg);color:var(--_ink);font-weight:800;text-decoration:none;background-image:var(--grad-accent);box-shadow:var(--elev-2);transform:translateY(0);position:relative;isolation:isolate;transition:transform var(--speed-fast) var(--curve),box-shadow var(--speed-mid) var(--curve),background var(--speed-mid) var(--curve)}.btn:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.18) 0%,rgba(255,255,255,0) 40% 60%,rgba(255,255,255,.18) 100%);mix-blend-mode:soft-light;opacity:0;transition:opacity var(--speed-mid) var(--curve)}.btn:hover{transform:translateY(-2px);box-shadow:var(--elev-3)}.btn:hover:after{opacity:.9}.btn:active{transform:translateY(0);transition-duration:.06s}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring),var(--elev-2)}.btn[aria-disabled=true],.btn:disabled{opacity:.55;pointer-events:none}.btn.secondary{background:linear-gradient(180deg,transparent,color-mix(in oklab,var(--ink) 6%,transparent));color:var(--ink);border:1.5px solid color-mix(in oklab,var(--ink) 40%,transparent);box-shadow:none;transition:background var(--speed-fast) var(--curve),transform var(--speed-fast) var(--curve)}.btn.secondary:hover{background:color-mix(in oklab,var(--ink) 10%,transparent);transform:translateY(-1px)}.btn.ghost{background:transparent;border:0;box-shadow:none;color:var(--ink)}.btn.ghost:hover{background:color-mix(in oklab,var(--ink) 10%,transparent)}.panel .btn.invert{background:var(--ink);color:var(--bg)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:12px 0 0}@media (max-width: 800px){.steps{grid-template-columns:1fr}}.step{padding:14px 16px;background:var(--card);border-radius:14px;border:1px solid color-mix(in oklab,var(--ink) 40%,transparent);position:relative;overflow:hidden;transition:border-color var(--speed-mid) var(--curve)}.step:hover{border-color:color-mix(in oklab,var(--accent) 40%,var(--ink))}.steps-badges .head{display:flex;align-items:center;gap:8px}.steps-badges h3{margin:0;font-size:1.05rem;line-height:1.2}.steps-badges .badge{margin-left:auto;font-size:.72rem;letter-spacing:.02em;padding:2px 8px;border:1px solid color-mix(in oklab,var(--ink) 40%,transparent);border-radius:999px;opacity:.75;white-space:nowrap}.step .tiny.dim{opacity:.75}.step:after{content:"";position:absolute;inset:auto -20% -60%;height:140%;background:radial-gradient(60% 50% at 50% 100%,color-mix(in oklab,var(--accent) 20%,transparent),transparent);transform:translateY(10px);opacity:0;transition:transform var(--speed-mid) var(--curve),opacity var(--speed-mid)}.step:hover:after{transform:translateY(0);opacity:.9}.section{padding:clamp(28px,6vw,72px) 0}.section h2{font-size:clamp(1.6rem,2.6vw,2.2rem);margin:0 0 8px}.grid{display:grid;gap:18px}.cols-3{grid-template-columns:repeat(3,1fr)}@media (max-width: 960px){.cols-3{grid-template-columns:1fr}}.card,.panel{background:linear-gradient(180deg,var(--glass),color-mix(in oklab,var(--glass) 90%,transparent));backdrop-filter:blur(8px) saturate(1.1);-webkit-backdrop-filter:blur(8px) saturate(1.1);border:1px solid color-mix(in oklab,var(--ink) 40%,transparent);border-radius:var(--radius);padding:clamp(16px,2.2vw,22px);box-shadow:var(--elev-2);transition:border-color var(--speed-mid) var(--curve),box-shadow var(--speed-mid) var(--curve),transform var(--speed-fast) var(--curve)}.card:hover,.panel:hover{border-color:color-mix(in oklab,var(--accent) 40%,var(--ink));box-shadow:var(--elev-3);transform:translateY(-1px)}.value-grid{display:grid;gap:12px;margin-top:12px;grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width: 900px){.value-grid{grid-template-columns:1fr}}.vcard{position:relative}.vcard:after{content:"";position:absolute;inset:0;border-radius:16px;pointer-events:none;background:linear-gradient(120deg,color-mix(in oklab,var(--accent) 28%,transparent),transparent 40% 60%,color-mix(in oklab,#7ee6ff 30%,transparent));opacity:0;transition:opacity var(--speed-mid) var(--curve);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)}.vcard:hover:after{opacity:.35}.vhead{display:flex;align-items:center;gap:8px;justify-content:space-between}.vhead h3{margin:0;font-size:16px;line-height:1.2}.step-badge{font-size:11px;padding:3px 8px;border:1px solid color-mix(in oklab,var(--accent) 40%,var(--stroke));border-radius:6px;color:color-mix(in oklab,var(--accent-ink) 28%,var(--ink-dim));background:color-mix(in oklab,var(--accent) 14%,transparent)}.actions{margin-top:2px;display:flex;gap:8px}#resume{scroll-margin-top:80px}.drop{position:relative;border-radius:var(--radius);padding:18px;min-height:140px;display:flex;align-items:center;justify-content:center;text-align:center;cursor:pointer;border:1.5px dashed color-mix(in oklab,var(--ink) 40%,transparent);background:radial-gradient(90% 140% at 30% -20%,color-mix(in oklab,var(--accent) 12%,transparent),transparent 60%),color-mix(in oklab,var(--card) 88%,transparent);box-shadow:var(--elev-1);transition:border-color var(--speed-mid) var(--curve),background var(--speed-mid) var(--curve),transform var(--speed-fast) var(--curve),box-shadow var(--speed-mid) var(--curve)}.drop:hover{border-color:color-mix(in oklab,var(--accent) 40%,var(--ink));transform:translateY(-1px);box-shadow:var(--elev-2)}.drop:focus-within{border-color:color-mix(in oklab,var(--accent) 55%,var(--ink));box-shadow:0 0 0 3px color-mix(in oklab,var(--ring) 55%,transparent),var(--elev-2)}.drop:before{content:"";position:absolute;inset:-2px;border-radius:inherit;pointer-events:none;background:conic-gradient(from 0turn,color-mix(in oklab,var(--accent) 70%,transparent) 0 25%,transparent 25% 60%,color-mix(in oklab,#7ee6ff 70%,transparent) 60% 85%,transparent 85% 100%);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);padding:1px;opacity:0;filter:blur(2px);transition:opacity var(--speed-mid) var(--curve)}.drop:hover:before{opacity:.35}.drop .note{margin-top:6px;color:color-mix(in oklab,var(--ink) 65%,transparent)}.inputs{display:grid;gap:12px;grid-template-columns:1.2fr .8fr}@media (max-width: 720px){.inputs{grid-template-columns:1fr}}.input{display:flex;flex-direction:column;gap:6px}.input label{font-size:.95rem;color:var(--ink-dim)}.input input[type=text],.input input[type=email]{background:color-mix(in oklab,var(--card) 86%,transparent);color:var(--ink);border:1px solid color-mix(in oklab,var(--ink) 40%,transparent);border-radius:12px;padding:11px 12px;outline:none;transition:box-shadow var(--speed-fast) var(--curve),border-color var(--speed-fast) var(--curve),background var(--speed-fast)}.input input:focus{border-color:color-mix(in oklab,var(--accent) 45%,var(--ink));box-shadow:0 0 0 3px color-mix(in oklab,var(--ring) 55%,transparent);background:color-mix(in oklab,var(--card) 94%,transparent)}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}body .after-upload,body.is-uploaded .before-upload{display:none}body.is-uploaded .after-upload{display:block}.success{display:flex;align-items:center;gap:14px;padding:14px;border-radius:var(--radius-sm);background:linear-gradient(180deg,color-mix(in oklab,var(--accent) 18%,transparent),transparent),color-mix(in oklab,var(--card) 86%,transparent);border:1px solid color-mix(in oklab,var(--accent) 48%,transparent);color:color-mix(in oklab,var(--accent-ink) 20%,var(--ink));box-shadow:var(--elev-1)}.success .check{width:26px;height:26px;border-radius:50%;background:var(--grad-accent);color:#062c1f;display:grid;place-items:center;font-weight:900;box-shadow:0 8px 18px #18c7ae5c}footer{border-top:1px solid color-mix(in oklab,var(--ink) 10%,transparent);box-shadow:0 -1px 0 color-mix(in oklab,var(--ink) 8%,transparent);padding:18px 0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:1ms!important;animation:none!important}}