:root{color-scheme:dark;--bg:#090909;--text:#f1f1f1;--muted:#ababab;--accent:#f2f2f2}
*{box-sizing:border-box}html{background:var(--bg);-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;min-height:100svh;color:var(--text);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;background:radial-gradient(ellipse 530px 480px at 50% -40px,#24242425,transparent 78%),radial-gradient(ellipse 500px 350px at 90% 90%,#29292914,transparent 75%),var(--bg)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(#f2f2f203 1px,transparent 1px),linear-gradient(90deg,#f2f2f203 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(#000000,transparent 85%)}.skip{position:absolute;top:-80px;left:16px;background:var(--accent);color:#141414;padding:12px;z-index:5}.skip:focus{top:16px}.profile{position:relative;width:min(100% - 40px,450px);margin:auto;padding:40px 0 24px;text-align:center;animation:arrive .5s ease-out both}.avatar-stage{width:132px;height:132px;margin:0 auto 20px;position:relative;display:grid;place-items:center}.avatar-stage:before{content:"";position:absolute;inset:5px;background:#f2f2f2;filter:blur(32px);opacity:.07;z-index:-1}.avatar{display:block;width:116px;height:116px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 5px #090909,0 0 0 6px #ffffff14}.orbit{position:absolute;inset:0;border:1px solid #f2f2f224;border-radius:50%;transform:rotate(-25deg)}.orbit-one{border-left-color:#cdcdcd;border-bottom-color:transparent}.orbit-two{inset:-7px;border:1px dashed #f2f2f221;clip-path:polygon(50% 0,100% 0,100% 100%,60% 100%)}.spark{position:absolute;right:-2px;bottom:0;color:#cdcdcd;font-size:28px;line-height:1;background:var(--bg);border-radius:50%;padding:3px}h1{font-size:clamp(37px,8.7vw,51px);font-weight:800;line-height:1.12;letter-spacing:-2.8px;margin:0 0 12px}h1 span{background:linear-gradient(110deg,#eeeeee 0%,#cfcfcf 65%,#cdcdcd);-webkit-background-clip:text;background-clip:text;color:transparent}h1 b{color:#f2f2f2;font-weight:inherit}.headline{font-size:11px;font-weight:600;letter-spacing:1.1px;margin:0;color:#cfcfcf}.headline span{color:#828282;margin:0 3px}.intro{font-size:13px;line-height:1.7;color:var(--muted);max-width:350px;margin:17px auto 25px}nav{display:flex;flex-direction:column;gap:12px;text-align:left}.card{position:relative;isolation:isolate;display:flex;align-items:center;gap:15px;min-height:88px;padding:18px 19px;text-decoration:none;color:var(--text);border:1px solid #ffffff18;border-radius:16px;background:linear-gradient(110deg,#181818,#121212);transition:transform .18s ease,border-color .18s,box-shadow .18s;overflow:hidden}.card:before{content:"";position:absolute;z-index:-1;inset:0;opacity:0;background:linear-gradient(110deg,#f2f2f209,transparent 80%);transition:opacity .18s}.upwork{background:linear-gradient(115deg,#232323 0%,#1c1c1c 55%,#191919 100%);border-color:#cdcdcd5c;color:#f1f1f1;box-shadow:inset 3px 0 0 #cdcdcd,0 6px 28px #00000024}.upwork:after{content:"";position:absolute;right:39px;top:-80px;width:100px;height:230px;transform:rotate(25deg);border-left:1px solid #ffffff08;border-right:1px solid #ffffff08;z-index:-1}.platform{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border:1px solid #ffffff0d;background:#ffffff05;border-radius:11px;color:#c0c0c0}.platform svg{width:21px;height:21px;fill:currentColor}.upwork .platform{color:#f2f2f2;border-color:#cdcdcd2b;background:#f2f2f20b}.card-copy{min-width:0;flex:1}.card strong{display:block;font-size:13px;line-height:1.4;letter-spacing:-.15px;font-weight:700}.card small{display:block;color:#ababab;font-size:10px;line-height:1.5;margin-top:5px}.upwork small{color:#bababa}.arrow{font-size:23px;color:#bbbbbb;transition:transform .18s}.upwork .arrow{color:#cdcdcd}.okin{background:linear-gradient(110deg,#171717,#121212);border-color:#ffffff18}.okin .platform{color:#cdcdcd}.okin strong{color:#dcdcdc}.okin small{color:#a8a8a8}footer{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:25px;color:#a2a2a2;font-size:10px;letter-spacing:.3px}.footer-divider{margin:0 8px;color:#828282}a:focus-visible{outline:3px solid #f2f2f2;outline-offset:5px}.card:active{transform:scale(.985)}@media(hover:hover){.card:hover{transform:translateY(-3px);border-color:#cdcdcd62;box-shadow:0 10px 30px #00000033}.card:hover:before{opacity:1}.card:hover .arrow{transform:translate(2px,-2px)}.upwork:hover{box-shadow:0 8px 35px #00000044}}@media(min-width:700px){.profile{padding-top:48px;padding-bottom:32px}.avatar-stage{width:150px;height:150px;margin-bottom:24px}.avatar{width:132px;height:132px}h1{font-size:53px}.headline{font-size:12px}.intro{font-size:14px;margin-bottom:28px}.card{min-height:94px}.card strong{font-size:14px}.card small{font-size:11px}}@media(max-width:350px){.profile{width:calc(100% - 32px);padding-top:24px}.avatar-stage{width:114px;height:114px;margin-bottom:17px}.avatar{width:100px;height:100px}h1{font-size:35px;letter-spacing:-2px}.headline{font-size:9px;letter-spacing:.7px}.intro{font-size:12px;margin:14px auto 20px}.card{padding:16px 13px;gap:11px;min-height:82px}.platform{flex-basis:33px;width:33px;height:33px}.card strong{font-size:12px}.card small{font-size:9px}.arrow{font-size:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before{animation:none!important;transition:none!important}}@keyframes arrive{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}