:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#111;--text:#f5f5f5;--muted:#a0a0aa;--accent:#11a8ff}*{box-sizing:border-box}html{background:var(--background);min-height:100%}body{color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;-webkit-tap-highlight-color:transparent;text-decoration:none}a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.profile{text-align:center;width:min(100% - 40px,544px);margin:0 auto;padding:70px 0 34px}.avatar{background:var(--accent);border:4px solid #164a68;border-radius:50%;width:144px;height:144px;margin:0 auto 26px;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%;display:block}h1{letter-spacing:-1.3px;margin:0 0 16px;font-size:36px;font-weight:600;line-height:1.15}.role{color:#dedee1;margin:0 0 9px;font-size:17px;line-height:1.5}.bio{color:var(--muted);margin:0;font-size:18px;line-height:1.6}.offers{gap:18px;margin-top:46px;display:grid}.offer{background:#1e1e1e;border:1px solid #2b303a;border-radius:19px;padding:29px 27px;transition:background .18s,border-color .18s,transform .18s;display:block}.offer:hover{border-color:var(--accent);background:#1b252b;transform:translateY(-2px)}.offer h2{letter-spacing:-.5px;margin:0 0 10px;font-size:22px;font-weight:600;line-height:1.3}.accent{color:var(--accent)}.offer p{max-width:435px;color:var(--muted);margin:0 auto;font-size:16px;line-height:1.55}.socials{justify-content:center;align-items:center;gap:14px;margin-top:40px;display:flex}.socials a{color:#a5a5af;border-radius:10px;place-items:center;width:44px;height:44px;transition:color .18s,background .18s;display:grid}.socials a:hover{color:var(--accent);background:#222}.socials svg{width:25px;height:25px}footer{color:#85858f;margin-top:49px;font-size:12px;line-height:1.8}footer p{margin:0 0 8px}footer nav{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}footer a:hover{color:var(--text);text-decoration:underline}@media (max-width:480px){.profile{padding-top:42px}.avatar{width:120px;height:120px;margin-bottom:24px;font-size:39px}h1{font-size:32px}.role{font-size:15px}.bio{font-size:17px}.offers{gap:15px;margin-top:34px}.offer{padding:25px 21px}.offer h2{font-size:20px}.offer p{font-size:15px}.socials{margin-top:29px}footer{margin-top:35px;font-size:11px}footer nav{gap:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important}}