@import url("https://api.fontshare.com/v2/css?f[]=switzer@300,400,500,600&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600&display=swap");

:root{--ink:#101010;--muted:#8b8b87;--line:#deded9;--soft:#f4f4f1;--accent:#3278ef;--font:"Switzer","Helvetica Neue",Arial,sans-serif}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:var(--font);color:var(--ink);background:#fff}button,input,textarea{font:inherit;color:inherit}button,a{cursor:pointer}a{color:inherit;text-decoration:none}.material-symbols-rounded{font-size:20px;font-variation-settings:"wght" 400,"FILL" 0}
.onboarding-shell{position:relative;min-height:100dvh;overflow:hidden}.onboarding-header{position:fixed;z-index:20;top:0;left:0;right:0;height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,3vw,48px);pointer-events:none}.onboarding-logo,.onboarding-close{pointer-events:auto}.onboarding-logo{font-family:"Space Grotesk",sans-serif;font-size:21px;font-weight:600}.onboarding-close{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;transition:background .2s}.onboarding-close:hover{background:var(--soft)}
.onboarding-steps{min-height:calc(100dvh - 92px)}.onboarding-step{min-height:calc(100dvh - 92px);padding:96px clamp(32px,6vw,120px) 42px}.onboarding-step[hidden]{display:none}.intro-step,.photo-step{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.95fr);gap:clamp(42px,7vw,120px);align-items:center}.intro-copy{max-width:610px}.step-kicker{font-size:14px;font-weight:500;margin:0 0 12px}.intro-copy h1,.step-heading h1{font-size:clamp(34px,3vw,48px);line-height:1.04;letter-spacing:-.045em;font-weight:500;margin:0}.intro-copy>p:not(.step-kicker){max-width:570px;font-size:20px;line-height:1.45;color:var(--muted);margin:28px 0 0}.intro-visual{width:min(100%,78dvh,780px);height:min(88dvh,960px);justify-self:end;margin:0;border-radius:8px;overflow:hidden;background:#e9eff4}.intro-visual img{width:100%;height:100%;display:block;object-fit:cover}
.intro-profile{position:relative;isolation:isolate}.intro-profile::before{content:"";position:absolute;z-index:1;inset:43% 0 0;backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.08) 12%,rgba(0,0,0,.44) 48%,#000 100%);mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.08) 12%,rgba(0,0,0,.44) 48%,#000 100%);pointer-events:none}.intro-profile::after{content:"";position:absolute;z-index:2;inset:40% 0 0;background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.035) 18%,rgba(0,0,0,.28) 58%,rgba(0,0,0,.88));pointer-events:none}.intro-profile>img{position:absolute;inset:0;object-position:center;opacity:1;filter:blur(0);transform:scale(1);transition:opacity 760ms cubic-bezier(.16,1,.3,1),filter 760ms cubic-bezier(.16,1,.3,1),transform 880ms cubic-bezier(.16,1,.3,1)}.intro-profile-content{position:absolute;z-index:3;right:34px;bottom:34px;left:34px;color:#fff;opacity:1;filter:blur(0);transform:translateY(0);transition:opacity 720ms cubic-bezier(.16,1,.3,1),filter 720ms cubic-bezier(.16,1,.3,1),transform 780ms cubic-bezier(.16,1,.3,1)}.intro-profile.is-changing>img{opacity:.62;filter:blur(5px);transform:scale(1.006)}.intro-profile.is-changing .intro-profile-content{opacity:.42;filter:blur(2px);transform:translateY(2px)}.intro-profile-story>span{display:block;margin:0 0 7px;color:rgba(255,255,255,.58);font-size:12px}.intro-profile-story>p{max-width:620px;max-height:3.6em;margin:0 0 38px;overflow:hidden;color:rgba(255,255,255,.58);font-size:clamp(16px,1.15vw,20px);line-height:1.2;letter-spacing:-.25px;text-shadow:0 1px 14px rgba(0,0,0,.2);-webkit-mask-image:linear-gradient(to bottom,#000,rgba(0,0,0,.85) 46%,rgba(0,0,0,.32) 80%,transparent);mask-image:linear-gradient(to bottom,#000,rgba(0,0,0,.85) 46%,rgba(0,0,0,.32) 80%,transparent)}.intro-profile-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:22px}.intro-profile-footer h2{margin:0;font-size:clamp(28px,2.5vw,44px);font-weight:400;line-height:1;letter-spacing:-1.5px}.intro-profile-footer p{display:flex;gap:7px;margin:9px 0 0;color:rgba(255,255,255,.7);font-size:14px}.intro-profile-footer i{font-style:normal}.intro-profile-footer a{display:inline-flex;align-items:center;gap:5px;padding:9px 0;font-size:14px;font-weight:500;white-space:nowrap}.intro-profile-footer a .material-symbols-rounded{width:16px;height:16px;font-size:16px;line-height:16px}
.form-step{display:grid;place-items:center}.form-card{width:min(100%,760px);display:grid;gap:24px}.step-heading{margin-bottom:28px}.step-heading p{font-size:20px;color:var(--muted);margin:12px 0 0}.field-grid{display:grid;gap:18px}.two-columns{grid-template-columns:1fr 1fr}label{display:grid;gap:8px;font-size:15px;font-weight:500}input,textarea{width:100%;border:1px solid var(--line);border-radius:5px;background:#fff;outline:none;transition:border-color .18s,box-shadow .18s}input{height:50px;padding:0 14px}textarea{min-height:220px;resize:none;padding:14px;line-height:1.45}input:focus,textarea:focus{border-color:#111;box-shadow:0 0 0 1px #111}.username-field{display:flex;align-items:center;height:50px;border:1px solid var(--line);border-radius:5px;overflow:hidden}.username-field:focus-within{border-color:#111;box-shadow:0 0 0 1px #111}.username-field>span{padding-left:14px;color:var(--muted);font-weight:400}.username-field input{border:0;box-shadow:none!important;padding-left:2px}.character-count{text-align:right;color:var(--muted);margin:-18px 0 0;font-size:14px}.character-count strong{color:var(--ink);font-weight:500}
.skills-card{gap:30px}.skill-picker{display:grid;gap:10px;margin-top:20px}.skill-picker strong{font-size:15px}.skill-picker p{margin:4px 0 0;color:var(--muted);font-size:14px}.skill-cloud{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.skill-chip,.other-skill-button{min-height:38px;border:1px solid var(--line);border-radius:6px;background:#fff;padding:0 11px;font-size:14px;display:inline-flex;align-items:center;gap:5px}.skill-chip .material-symbols-rounded{font-size:17px}.skill-chip.is-selected{border-color:#111;background:#111;color:#fff}.other-skill-button{justify-self:start;margin-top:4px}.custom-skill{display:grid;grid-template-columns:1fr auto;gap:8px}.custom-skill button{border:0;border-radius:6px;background:#111;color:#fff;padding:0 18px}.skill-chip[hidden]{display:none}
.experience-card{width:min(100%,620px)}.experience-block{display:grid;gap:34px;margin-top:18px}.inline-fields{display:flex;align-items:center;gap:10px}.inline-fields input{min-width:0}.company-fields input:first-child{flex:.85}.company-fields input:last-child{flex:1.3}.role-field input{max-width:280px}.experience-block label{font-size:16px}.experience-block .material-symbols-rounded{color:#858581;flex:0 0 auto}
.photo-step{padding-top:98px}.photo-stage{position:relative;align-self:stretch;min-height:calc(100dvh - 210px);border-radius:8px;overflow:hidden;background:#f1f5f6}.photo-empty{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:8px;color:var(--muted);font-weight:400}.photo-empty .material-symbols-rounded{font-size:34px}.photo-empty strong{color:var(--ink);font-size:17px}.photo-empty input{position:absolute;inset:0;opacity:0;cursor:pointer;height:100%}.photo-stage>img{width:100%;height:100%;object-fit:cover;display:block}.photo-empty[hidden],.photo-stage>img[hidden],.remove-photo[hidden]{display:none}.photo-thumbnails{position:absolute;left:16px;bottom:16px;display:flex;gap:8px}.photo-thumbnails button{width:48px;height:58px;padding:0;border:1px solid rgba(255,255,255,.8);border-radius:5px;overflow:hidden;background:#fff}.photo-thumbnails img{width:100%;height:100%;object-fit:cover}.photo-thumbnails button.is-active{outline:2px solid #fff;outline-offset:2px}.remove-photo{position:absolute;z-index:4;right:16px;bottom:16px;height:38px;border:0;border-radius:6px;padding:0 13px;display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.9);backdrop-filter:blur(12px)}.photo-copy{align-self:stretch;display:flex;flex-direction:column;padding:20px 0 12px}.photo-copy>p{font-size:17px;line-height:1.45;color:#575752;max-width:620px}.photo-copy ul{margin:auto 0 10px;padding-left:22px;color:#575752;line-height:1.55}.photo-copy .step-heading{margin:0 0 22px}
.onboarding-footer{height:92px;position:fixed;z-index:25;left:0;right:0;bottom:0;padding:18px clamp(24px,4vw,80px);display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-top:1px solid #eee}.progress-track{position:absolute;left:0;right:0;top:0;height:4px;background:#ecece8}.progress-track span{display:block;height:100%;width:0;background:#111;transition:width .45s cubic-bezier(.16,1,.3,1)}.secondary-button,.primary-button{height:38px;border-radius:6px;padding:0 28px;font-size:14px;font-weight:500}.secondary-button{border:1px solid var(--line);background:#fff}.back-button{display:flex;align-items:center;gap:7px;min-width:160px;justify-content:center}.primary-button{min-width:210px;border:0;background:#111;color:#fff}.footer-actions{display:flex;gap:10px}.skip-button{min-width:132px}.form-error{position:fixed;z-index:40;left:50%;bottom:103px;transform:translate(-50%,12px);margin:0;padding:9px 13px;border-radius:6px;background:#111;color:#fff;font-size:13px;opacity:0;pointer-events:none;transition:.2s}.form-error.is-visible{opacity:1;transform:translate(-50%,0)}
.complete-step{position:relative;display:grid;place-items:center;padding:0;min-height:100dvh;overflow:hidden}.complete-background{position:absolute;inset:-20px;width:calc(100% + 40px);height:calc(100% + 40px);object-fit:cover;filter:blur(12px) saturate(.72);opacity:.48;transform:scale(1.04);pointer-events:none}.complete-step:after{content:"";position:absolute;inset:0;background:rgba(255,255,255,.48)}.complete-card{position:relative;z-index:1;text-align:center}.complete-card h1{font-size:44px;letter-spacing:-.04em;margin:0}.complete-card p{color:var(--muted);font-size:18px}.complete-card>div{display:flex;justify-content:center;gap:10px;margin-top:28px}.share-profile,.view-profile{height:42px;border-radius:6px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:14px;font-weight:500}.share-profile{border:1px solid #e8ded0;background:#fff8ed}.view-profile{background:#111;color:#fff;min-width:180px}.complete-card small{display:block;height:18px;margin-top:12px;color:#575752}
@media(max-width:900px){.onboarding-header{height:66px;padding:0 18px}.onboarding-step{padding:78px 20px 112px}.intro-step,.photo-step{grid-template-columns:1fr;gap:28px;align-items:start}.intro-visual{width:100%;height:42dvh;justify-self:stretch;order:-1}.intro-copy>p:not(.step-kicker){font-size:17px}.photo-stage{min-height:48dvh}.photo-copy ul{margin:24px 0 0}.two-columns{grid-template-columns:1fr}.onboarding-footer{height:86px;padding:15px 18px}.back-button{min-width:46px;padding:0 12px}.back-button .material-symbols-rounded{margin:0}.primary-button{min-width:120px;padding:0 18px}.skip-button{min-width:auto;padding:0 18px}.complete-card>div{flex-direction:column}.complete-card{padding:24px}.complete-card h1{font-size:36px}.step-heading h1,.intro-copy h1{font-size:36px}.inline-fields{flex-wrap:wrap}.company-fields input{flex:1 1 100%!important}.photo-thumbnails{bottom:64px}}
@media(max-width:520px){.back-button{font-size:0}.form-card{gap:18px}.step-heading{margin-bottom:12px}.step-heading p{font-size:16px}.onboarding-logo{font-size:19px}.onboarding-step{padding-left:16px;padding-right:16px}.photo-stage{min-height:45dvh}.experience-block{gap:24px}}
@media(max-width:900px){.intro-profile-content{right:22px;bottom:22px;left:22px}.intro-profile-story>p{max-height:2.4em;margin-bottom:18px;font-size:14px}.intro-profile-footer h2{font-size:26px}.intro-profile-footer p,.intro-profile-footer a{font-size:12px}}
@media(prefers-reduced-motion:reduce){.intro-profile>img,.intro-profile-content{transition:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.photo-step{padding-top:58px;padding-right:clamp(28px,4vw,72px);padding-left:clamp(28px,4vw,72px);grid-template-columns:minmax(0,1.1fr) minmax(420px,.9fr);gap:clamp(48px,6vw,96px)}.photo-stage{width:min(100%,720px);max-width:none;height:min(calc(100dvh - 118px),900px);min-height:0;aspect-ratio:auto;align-self:center;justify-self:center}.photo-copy{max-height:calc(100dvh - 118px)}
@media(max-width:900px){.photo-step{padding-top:78px;grid-template-columns:1fr}.photo-stage{width:100%;height:58dvh;min-height:0;aspect-ratio:auto;justify-self:stretch}.photo-copy{max-height:none}}
.country-label{position:relative}.country-select{position:relative;display:block}.country-select>input{display:none}.country-trigger{width:100%;height:52px;padding:0 12px 0 14px;border:1px solid var(--line);border-radius:6px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:left;transition:border-color .18s,box-shadow .18s,background-color .18s}.country-trigger:hover{background:#fafaf8;border-color:#cacac4}.country-trigger:focus-visible,.country-select.is-open .country-trigger{outline:0;border-color:#111;box-shadow:0 0 0 1px #111}.country-trigger-value{display:flex;align-items:center;gap:10px;min-width:0;color:var(--muted);font-weight:400}.country-trigger-value.has-value{color:var(--ink)}.country-trigger-value .country-flag{font-size:19px}.country-chevron{width:20px;height:20px;font-size:20px;line-height:20px;color:#62625e;transition:transform .22s cubic-bezier(.16,1,.3,1)}.country-select.is-open .country-chevron{transform:rotate(180deg)}.country-menu{position:absolute;z-index:50;top:calc(100% + 7px);left:0;right:0;max-height:248px;padding:6px;border:1px solid rgba(16,16,16,.1);border-radius:9px;background:rgba(255,255,255,.96);box-shadow:0 18px 45px rgba(0,0,0,.12),0 2px 8px rgba(0,0,0,.06);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);overflow:auto}.country-menu[hidden]{display:none}.country-menu>button{width:100%;height:42px;padding:0 9px;border:0;border-radius:6px;background:transparent;display:grid;grid-template-columns:27px 1fr 20px;align-items:center;gap:8px;text-align:left;font-size:14px;font-weight:400}.country-menu>button:hover,.country-menu>button:focus-visible{outline:0;background:#f2f2ef}.country-menu>button.is-selected{background:#ededE9;font-weight:500}.country-flag{font-size:20px;line-height:1}.country-check{font-size:18px;opacity:0}.country-menu>button.is-selected .country-check{opacity:1}