@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;600;700;800&display=swap');
:root{--ink:#292340;--muted:#79748c;--purple:#6955d9;--line:#ddd8eb;--glass:rgba(255,255,255,.65)}*{box-sizing:border-box}body{margin:0;font-family:'DM Sans',Segoe UI,sans-serif;color:var(--ink);background:radial-gradient(ellipse at 10% 10%,#d9d8ff,transparent 45%),radial-gradient(ellipse at 90% 80%,#ffd8e9,transparent 45%),#f2f0f8}button,input,select,textarea{font:inherit}button,a,select{cursor:pointer}button{border:0;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #9985ec;outline-offset:3px}button:disabled{opacity:.5;cursor:default}a{color:var(--purple)}.layout{max-width:1090px;margin:auto;padding:35px;display:grid;grid-template-columns:1fr 430px;gap:85px;align-items:start}.desktop{padding:75px 0}.brand{font-family:Manrope,sans-serif;font-weight:800;font-size:35px;letter-spacing:-2px;text-decoration:none;color:var(--ink);background:none;padding:0}.brand span{color:var(--purple);margin-left:3px}.kicker{font-size:11px;letter-spacing:2.8px;margin-top:35px;color:var(--purple)}h1{font:800 54px/1.12 Manrope,sans-serif;letter-spacing:-2px;margin:20px 0}.desktop>p:not(.kicker){color:var(--muted);line-height:1.7}.glass{border:1px solid #ffffffa6;background:var(--glass);backdrop-filter:blur(24px);box-shadow:0 12px 35px #5d4b8a0a;border-radius:24px}.controls{padding:20px;margin-top:28px;display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:center}.controls label{font-size:13px}.controls select{width:100%}.controls button{grid-column:1/-1}.prototype{font-size:12px}.phone{background:radial-gradient(circle at 100% 0,#e3dfff,transparent 40%),radial-gradient(circle at 0 70%,#ffe9ef,transparent 40%),#f6f5fb;border:5px solid #fff;border-radius:40px;box-shadow:0 20px 70px #55457925;overflow:hidden;width:100%;max-width:430px;position:relative}.status{display:flex;justify-content:space-between;padding:17px 26px 0;font-size:12px}header{display:flex;justify-content:space-between;align-items:center;padding:20px 23px 12px}header .brand{font-size:29px}.header-actions{display:flex;gap:9px;align-items:center}select{background:#ffffffad;border:1px solid #fff;border-radius:13px;padding:10px;color:var(--ink)}.icon{width:38px;height:38px;border-radius:50%;background:#fff9;font-size:23px}#screen{padding:14px 20px 23px;min-height:660px}h2{font:800 28px/1.18 Manrope,sans-serif;letter-spacing:-1px;margin:4px 0 13px}h3{font:700 16px Manrope,sans-serif;margin:0}p{line-height:1.6}.muted{color:var(--muted);font-size:12px}.eyebrow{font-size:11px;letter-spacing:1.8px;color:var(--purple);text-transform:uppercase;margin-bottom:8px}.hero{padding:22px;border-radius:23px;background:linear-gradient(120deg,#ede6ffb3,#fff7fbab);border:1px solid #fff;margin-bottom:18px}.hero h2{font-size:29px;max-width:260px}.hero p{margin:0}.location{display:flex;gap:6px;align-items:center;background:none;color:var(--purple);padding:0;margin-bottom:18px;font-size:13px}.searchbox{position:relative}.searchbox input{width:100%;padding:14px 16px 14px 40px;border-radius:16px;background:#fff9;border:1px solid #fff}.searchbox span{position:absolute;left:15px;top:12px;color:var(--muted);font-size:20px}.stories{display:flex;justify-content:space-between;gap:10px;margin:22px 0}.story{background:none;padding:0;font-size:11px;display:grid;gap:6px;text-align:center}.story .portrait{width:57px;height:57px;outline:2px solid #a490eb;outline-offset:3px;margin:3px}.portrait{border-radius:50%;object-fit:cover;display:block;background:#e7ddfb}.categories{display:flex;gap:7px;flex-wrap:wrap;margin:20px 0}.chip{background:#fff8;border:1px solid #fff;padding:10px 12px;border-radius:20px;font-size:12px}.chip.active{background:var(--ink);color:#fff;border-color:var(--ink)}.section{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:22px 0 13px}.quiet{background:none;color:var(--purple);font-size:12px;padding:8px}.feed{overflow:hidden;margin-bottom:17px}.feedtop{display:flex;align-items:center;gap:10px;padding:14px}.feedtop .portrait{width:40px;height:40px}.feedtop strong{font-size:13px}.feedtop p{margin:2px 0 0;font-size:11px;color:var(--muted)}.feedtop button{margin-left:auto;background:none;font-size:21px}.photoButton{display:block;width:100%;padding:0;position:relative;background:#e2daf0;text-align:left}.workphoto{width:100%;height:190px;object-fit:cover;display:block}.imagebadge{position:absolute;left:13px;bottom:13px;padding:7px 11px;border-radius:12px;color:#fff;background:#2923409c;backdrop-filter:blur(12px);font-size:11px}.feedbottom{padding:13px 15px 16px}.rating{font-size:12px;color:#92742e}.feedbottom p{font-size:13px;margin:8px 0 12px}.row{display:flex;gap:8px;align-items:center}.row>*{flex:1;min-width:0}.price{font-size:13px;font-weight:700}.primary,.secondary{width:100%;padding:13px 15px;border-radius:15px;font-size:13px;font-weight:600;margin:5px 0}.primary{background:linear-gradient(120deg,#705add,#9373e4);color:white;box-shadow:0 6px 18px #745ade26}.secondary{background:#fff9;border:1px solid #fff;color:var(--purple)}.smallbutton{width:auto;padding:9px 13px;margin:0}nav{display:flex;justify-content:space-around;border-top:1px solid #fff;background:#ffffffa6;backdrop-filter:blur(24px);padding:12px 7px 23px}nav button{background:none;color:var(--muted);font-size:10px;display:grid;gap:5px;padding:7px}nav button span{font-size:22px}nav button.active{color:var(--purple);font-weight:700}.back{background:none;padding:4px 0 16px;color:var(--purple);font-size:13px}.cover{height:125px;width:100%;object-fit:cover;border-radius:20px}.profile{text-align:center}.profile>.portrait{width:86px;height:86px;border:5px solid #f7f4fd;margin:-43px auto 12px;position:relative}.profile h2{font-size:24px}.profile p{margin:5px}.badge{font-size:11px;background:#ece6ff;padding:5px 9px;border-radius:12px;color:#6b55ad}.stats{display:flex;justify-content:space-around;margin:18px 0;padding:15px 0;border-block:1px solid #e5dfef}.stats strong{display:block;font-size:16px}.stats span{font-size:11px;color:var(--muted)}.details{padding:18px;margin-top:18px}.details h3{margin:17px 0 10px}.details h3:first-child{margin-top:0}.details p{font-size:13px}.detailgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:12px}.detailgrid small{display:block;color:var(--muted);margin-bottom:4px}.portfolio{display:grid;grid-template-columns:1fr 1fr;gap:8px}.portfolio img{width:100%;height:110px;object-fit:cover;border-radius:12px}.box{padding:18px;margin:13px 0}.box h3{margin-bottom:8px}.box p{font-size:13px}.empty{text-align:center;padding:38px 16px;color:var(--muted);font-size:13px}.formlabel{display:block;font-size:12px;margin:14px 0 7px}.input,textarea{width:100%;border:1px solid #ded7ed;background:#fffc;padding:13px;border-radius:13px;color:var(--ink)}textarea{height:115px;resize:vertical}.error{font-size:12px;color:#b5395b}.success{color:#447b62;font-size:12px}.bubble{background:#e6ddfb;padding:12px 14px;margin:12px 0 12px 32px;border-radius:17px;font-size:13px;overflow-wrap:anywhere}.bubble.other{margin:12px 32px 12px 0;background:white}.toast{background:var(--ink);color:white;border-radius:13px;padding:12px;font-size:12px;margin-bottom:15px}.citylist{display:grid;gap:6px;margin-top:12px}.cityoption{text-align:left;padding:13px 15px;background:#ffffffa6;border:1px solid #fff;border-radius:12px;font-size:13px}.cityoption small{color:var(--muted);float:right}.authlogo{text-align:center;font-size:47px;color:var(--purple);padding:20px}.authbuttons{margin:23px 0}.divider{text-align:center;font-size:11px;color:var(--muted);margin:18px}.check{display:flex;gap:10px;align-items:center;padding:15px;margin:10px 0}.check input{width:18px;height:18px;accent-color:var(--purple)}dialog{border:1px solid white;background:#f6f3ff;border-radius:23px;box-shadow:0 20px 100px #29234044;max-width:360px;width:90%;padding:24px;color:var(--ink)}dialog::backdrop{background:#29234055;backdrop-filter:blur(6px)}dialog h3{font-size:20px}dialog p{font-size:13px}.accountPhoto{width:90px;height:90px;object-fit:cover;border-radius:50%;margin:16px auto}.review{font-size:13px;border-top:1px solid var(--line);padding-top:14px}.liked{color:#bd558c!important}.picturehint{font-size:10px;color:var(--muted)}@media(max-width:850px){.layout{display:block;padding:15px}.desktop{padding:5px 0 14px;max-width:430px;margin:auto}.desktop>.brand,.desktop>p,.desktop>h1{display:none}.controls{margin:0;padding:10px 13px;gap:7px;grid-template-columns:1fr 1fr}.controls label{font-size:11px}.controls select{padding:7px}.controls button{display:none}.phone{margin:auto}}@media(max-width:450px){.layout{padding:0}.phone{border:0;border-radius:0;max-width:100%!important;box-shadow:none}.desktop{padding:8px}.controls{border-radius:15px}.status{padding-top:12px}#screen{padding:13px 18px;min-height:640px}h2{font-size:26px}.stories{gap:5px}.story .portrait{width:52px;height:52px}}@media(prefers-reduced-motion:no-preference){button{transition:transform .15s,background .2s}button:active{transform:scale(.97)}}
.connection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.connection{padding:15px 6px;font-size:12px}.connection strong{display:block;font:800 24px Manrope;margin-bottom:5px}.contact{display:flex;align-items:center;gap:12px;width:100%;padding:12px 0;text-align:left;background:none;border-top:1px solid #e8e1ef}.contact .portrait{width:43px;height:43px}.contact span{flex:1;min-width:0}.contact strong{font-size:13px}.contact small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:230px;font-size:11px;color:var(--muted);margin-top:4px}.ownheader{text-align:center}.ownheader p{margin:8px 0}.skillcheck{margin:0;padding:10px}.stories{flex-wrap:wrap;justify-content:flex-start;gap:12px}#professionalFields[hidden]{display:none}
/* Live responsive experience */
:root{--ink:#182d28;--muted:#6d7c76;--purple:#236551;--line:#dce4df;--glass:rgba(255,255,255,.75)}body{background:#f4f6f2}.layout{display:block;max-width:1440px;padding:0 48px}.desktop,.status{display:none}.phone{max-width:none!important;width:100%;border:0;border-radius:0;box-shadow:none;background:transparent;overflow:visible}header{padding:26px 0;border-bottom:1px solid #dce4df}header .brand{font-size:34px}.brand span{color:#28745c}.header-actions select{border:1px solid #dce4df;background:transparent}.icon{background:#e6ece5}#screen{padding:32px 0 100px;min-height:70vh}.primary{background:#205f4b;box-shadow:none;border-radius:12px;font-size:14px}.secondary{border:1px solid #dce4df;background:#fff}.glass{border:1px solid #dce4df;box-shadow:none;border-radius:18px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700}.welcome{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;padding:35px 0 50px;align-items:stretch}.welcome-hero{padding:24px 0}.welcome h1{font-size:clamp(48px,5.7vw,82px);letter-spacing:-4px;line-height:1.06;margin:24px 0;color:#182d28}.welcome h1 em{font-style:normal;color:#2d765e}.welcome-hero>p{font-size:17px;max-width:480px;line-height:1.8;color:#6d7c76}.welcome-search{background:#fff;border:1px solid #dce4df;border-radius:16px;padding:8px;display:flex;gap:8px;margin-top:32px;box-shadow:0 12px 40px #183c2810}.welcome-search>button:first-child{display:flex;align-items:center;gap:12px;flex:1;background:none;text-align:left;padding:10px}.welcome-search small{display:block;font-size:9px;letter-spacing:1px;color:var(--muted);margin-bottom:8px}.welcome-search strong{font-size:13px}.welcome-search .primary{width:auto;margin:0;white-space:nowrap}.welcome-note{font-size:10px;color:var(--muted);margin-top:14px}.welcome-art{position:relative;min-height:410px;padding:32px;border-radius:28px;background:radial-gradient(circle at 100% 0,#edebbf99,transparent 50%),linear-gradient(150deg,#b8d0be,#dce5cd);overflow:hidden;box-shadow:inset 0 0 0 1px #fff9}.welcome-art:after{content:'';position:absolute;width:270px;height:270px;border:1px solid #fff8;border-radius:50%;right:-100px;top:95px;box-shadow:0 0 0 36px #ffffff18,0 0 0 72px #ffffff18}.art-top{font:800 28px Manrope;letter-spacing:-1.4px}.art-top span{color:#30725b}.art-word{font:600 clamp(40px,4vw,60px)/1.14 Manrope;letter-spacing:-2px;margin:48px 0 25px;position:relative;z-index:1}.art-tags{display:flex;gap:8px;flex-wrap:wrap;position:relative;z-index:1}.art-tags span{padding:10px 14px;border:1px solid #fff8;background:#ffffff50;backdrop-filter:blur(20px);border-radius:30px;font-size:12px}.art-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:45px;font-size:9px;letter-spacing:2px}.art-bottom span{font-size:24px}.welcome-services{padding:15px 0 40px}.welcome-services h2,.welcome-how h2,.welcome-provider h2{font-size:30px;letter-spacing:-1px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.service-tile{position:relative;text-align:left;border:1px solid #dce4df;background:#ffffffb3;border-radius:18px;padding:22px;min-height:168px;display:flex;flex-direction:column;align-items:start;gap:10px}.service-tile:hover{background:#e7eee5;border-color:#8aa99a}.service-symbol{font:500 25px Manrope;color:#2d765e;margin-bottom:5px}.service-tile strong{font:700 16px Manrope}.service-tile small{color:var(--muted);font-size:12px}.tile-arrow{position:absolute;right:20px;top:20px;font-size:20px}.welcome-how{padding:45px 0;border-block:1px solid #dce4df;display:grid;grid-template-columns:1.1fr 1fr 1fr 1fr;gap:25px}.welcome-how strong{font-size:13px}.welcome-how p{font-size:12px;color:var(--muted)}.welcome-provider{display:flex;align-items:center;justify-content:space-between;gap:40px;background:#e7eee2;border:1px solid #d4dfd0;border-radius:22px;padding:35px;margin-top:40px}.welcome-provider p{font-size:13px;color:var(--muted);max-width:600px}.welcome-provider .primary{width:auto;white-space:nowrap}.welcome-footer{display:flex;gap:24px;align-items:center;margin-top:40px;font-weight:700}.welcome-footer span{font-weight:400;font-size:11px;color:var(--muted)}.welcome-footer button{margin-left:auto}nav{position:fixed;bottom:14px;left:50%;transform:translateX(-50%);width:460px;max-width:calc(100% - 24px);border:1px solid #dce4df;border-radius:22px;padding:9px 10px;background:#ffffffde;box-shadow:0 8px 30px #15372b16;z-index:10}nav button{font-size:10px}#screen:has(.authlogo),#screen:has(#editProfile),#screen:has(#authForm){max-width:560px;margin:auto}.hero{background:#e7eee2;border-color:#d4dfd0}.categories .chip.active{background:#205f4b}.feed{display:inline-block;vertical-align:top;width:calc(33.333% - 16px);margin:0 16px 20px 0}.profile,.ownheader{max-width:740px;margin:auto}.details{max-width:740px;margin:20px auto}.cover{height:240px}.badge{background:#e1ecdf;color:#286249}.authlogo{color:#286249}.input,textarea{border-color:#dce4df}.picturehint{color:var(--muted)}@media(max-width:1000px){.layout{padding:0 28px}.welcome{gap:28px}.welcome-search{flex-direction:column}.welcome-search .primary{width:100%}.welcome-how{grid-template-columns:1fr 1fr}.feed{width:calc(50% - 16px)}}@media(max-width:650px){.layout{padding:0 20px}.desktop{display:none}header{padding:20px 0}#screen{padding:20px 0 100px}.welcome{grid-template-columns:1fr;padding:10px 0 25px;gap:20px}.welcome-hero{padding:5px 0}.welcome h1{font-size:53px;letter-spacing:-2.6px}.welcome-hero>p{font-size:15px}.welcome-art{min-height:250px;padding:24px}.art-word{margin:20px 0;font-size:38px}.art-bottom{margin-top:20px}.art-top{font-size:22px}.service-grid{grid-template-columns:1fr 1fr;gap:10px}.service-tile{padding:17px;min-height:175px}.service-tile strong{font-size:13px}.service-tile small{font-size:11px}.welcome-services h2,.welcome-how h2,.welcome-provider h2{font-size:25px}.welcome-services .section>.muted{display:none}.welcome-how{grid-template-columns:1fr;padding:28px 0;gap:15px}.welcome-provider{display:block;padding:24px;margin-top:25px}.welcome-provider .primary{width:100%}.welcome-footer{gap:10px}.welcome-footer span{max-width:130px}.feed{width:100%;margin-right:0}.cover{height:160px}}