:root{color-scheme:light;--bg: #f7f7f7;--text: #24201c;--muted: #5f5f5f;--line: #24201c;--white: #ffffff;--soft: #e8e8e8;--shade: #cfcfcf}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;overflow:hidden;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,sans-serif}.background-illustration{position:fixed;inset:0;z-index:-2;pointer-events:none}.sun,.cloud,.spark{position:absolute;display:block}.sun{top:12%;left:13%;width:108px;height:108px;border:4px solid var(--line);border-radius:50%;background:var(--white);box-shadow:10px 10px #24201c1a}.sun:before{position:absolute;inset:-24px;border:3px dashed rgba(36,32,28,.28);border-radius:50%;content:""}.cloud{width:150px;height:58px;border:4px solid var(--line);border-radius:999px;background:var(--white)}.cloud:before,.cloud:after{position:absolute;bottom:24px;border:4px solid var(--line);border-bottom:0;border-radius:999px 999px 0 0;background:var(--white);content:""}.cloud:before{left:24px;width:48px;height:38px}.cloud:after{right:28px;width:58px;height:48px}.cloud-one{top:18%;right:12%;transform:rotate(-4deg)}.cloud-two{bottom:14%;left:10%;width:128px;transform:rotate(5deg)}.spark{width:44px;height:44px}.spark:before,.spark:after{position:absolute;inset:0;margin:auto;background:var(--line);content:""}.spark:before{width:4px;height:44px}.spark:after{width:44px;height:4px}.spark-one{right:20%;bottom:24%;transform:rotate(15deg)}.spark-two{left:24%;bottom:18%;transform:rotate(-12deg) scale(.72)}.profile{position:relative;width:min(100% - 40px,520px);text-align:center}.profile:before,.profile:after{position:absolute;z-index:-1;width:82px;height:82px;border:3px solid var(--line);border-radius:22px;content:"";transform:rotate(12deg)}.profile:before{top:6px;left:-18px;background:var(--white)}.profile:after{right:2px;bottom:-14px;background:var(--soft);transform:rotate(-10deg)}.avatar{position:relative;width:164px;height:176px;margin:0 auto 22px}.face{position:absolute;top:34px;left:30px;display:block;width:104px;height:102px;border:4px solid var(--line);border-radius:42% 42% 48% 48%;background:#fff;box-shadow:8px 8px #24201c1f}.hair{position:absolute;top:22px;left:39px;z-index:1;width:86px;height:54px;border:4px solid var(--line);border-radius:42px 42px 20px 20px;background:var(--line)}.headset-band{position:absolute;top:14px;left:31px;z-index:3;width:102px;height:90px;border:6px solid var(--line);border-bottom:0;border-radius:58px 58px 0 0}.headset-cup{position:absolute;top:72px;z-index:4;width:24px;height:38px;border:4px solid var(--line);border-radius:999px;background:var(--white)}.headset-cup.left{left:16px}.headset-cup.right{right:16px}.headset-mic{position:absolute;top:108px;right:26px;z-index:5;width:42px;height:22px;border-right:4px solid var(--line);border-bottom:4px solid var(--line);border-radius:0 0 18px}.headset-mic:after{position:absolute;right:-8px;bottom:-8px;width:12px;height:12px;border:3px solid var(--line);border-radius:50%;background:var(--white);content:""}.eye{position:absolute;top:42px;width:10px;height:14px;border-radius:999px;background:var(--line)}.eye.left{left:30px}.eye.right{right:30px}.smile{position:absolute;right:40px;bottom:30px;width:26px;height:14px;border-bottom:4px solid var(--line);border-radius:0 0 999px 999px}.laptop{position:absolute;left:17px;bottom:0;z-index:6;width:130px;height:62px;border:4px solid var(--line);border-radius:8px 8px 4px 4px;background:var(--white);box-shadow:6px 6px #24201c1f}.laptop:after{position:absolute;left:-12px;right:-12px;bottom:-12px;height:12px;border:4px solid var(--line);border-top:0;border-radius:0 0 10px 10px;background:var(--shade);content:""}.laptop-mark{position:absolute;top:20px;left:50%;width:18px;height:18px;border:3px solid var(--line);border-radius:50%;transform:translate(-50%)}h1{margin:0 0 26px;font-family:"Baloo 2",Inter,ui-sans-serif,system-ui,sans-serif;font-size:clamp(2.6rem,10vw,5.2rem);line-height:.95;letter-spacing:0}nav{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}a{min-height:48px;display:inline-flex;align-items:center;gap:9px;border:3px solid var(--line);border-radius:999px;padding:10px 18px;background:var(--white);color:var(--text);font-weight:700;text-decoration:none;box-shadow:4px 4px 0 var(--line);transition:box-shadow .16s ease,transform .16s ease,background .16s ease}a:nth-child(1){background:var(--white)}a:nth-child(2){background:var(--soft)}a:nth-child(3){background:var(--shade)}a:hover,a:focus-visible{background:var(--text);color:var(--white);box-shadow:2px 2px 0 var(--line);transform:translate(2px,2px);outline:none}.button-icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}@media(max-width:520px){body{overflow:auto}.sun{top:7%;left:-24px;width:82px;height:82px}.cloud-one{top:11%;right:-48px}.cloud-two,.spark-two{display:none}.profile:before,.profile:after{width:58px;height:58px;border-radius:16px}}