:root{--bg: #f5f5f7;--card: rgba(255, 255, 255, .72);--card-hover: rgba(255, 255, 255, .92);--border: rgba(0, 0, 0, .06);--text: #1d1d1f;--muted: #6e6e73;--accent: #0071e3;--shadow: 0 1px 2px rgba(0,0,0,.04), 0 8px 24px rgba(0,0,0,.06);--shadow-hover: 0 2px 4px rgba(0,0,0,.04), 0 20px 48px rgba(0,0,0,.1);--blob1: #a8c7ff;--blob2: #ffc9e0;--blob3: #c9f2e4;--ease: cubic-bezier(.22, 1, .36, 1);--spring: cubic-bezier(.34, 1.56, .64, 1)}@media(prefers-color-scheme:dark){:root{--bg: #000;--card: rgba(28, 28, 30, .66);--card-hover: rgba(44, 44, 46, .86);--border: rgba(255, 255, 255, .08);--text: #f5f5f7;--muted: #a1a1a6;--accent: #2997ff;--shadow: 0 1px 2px rgba(0,0,0,.4), 0 8px 24px rgba(0,0,0,.4);--shadow-hover: 0 2px 4px rgba(0,0,0,.4), 0 20px 48px rgba(0,0,0,.6);--blob1: #1e3a8a;--blob2: #5b1e4a;--blob3: #134e4a}}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{min-height:100svh;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;display:flex;justify-content:center}.bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.55;will-change:transform}.blob.b1{width:520px;height:520px;background:var(--blob1);top:-160px;left:-140px;animation:drift1 22s ease-in-out infinite}.blob.b2{width:460px;height:460px;background:var(--blob2);bottom:-160px;right:-120px;animation:drift2 26s ease-in-out infinite}.blob.b3{width:380px;height:380px;background:var(--blob3);top:40%;left:55%;animation:drift3 30s ease-in-out infinite}@keyframes drift1{50%{transform:translate(120px,90px) scale(1.12)}}@keyframes drift2{50%{transform:translate(-110px,-80px) scale(1.08)}}@keyframes drift3{50%{transform:translate(-140px,60px) scale(.9)}}.grain{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.035;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence baseFrequency='.9' numOctaves='2'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}main{position:relative;z-index:1;width:100%;max-width:460px;padding:clamp(56px,12vh,96px) 16px 48px;display:flex;flex-direction:column;align-items:center}.avatar{width:104px;height:104px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#2c2c2e,#1d1d1f);color:#fff;font-size:38px;font-weight:600;letter-spacing:-.02em;box-shadow:0 10px 30px #0000002e,inset 0 1px #ffffff1f;overflow:hidden;position:relative}.avatar img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;right:0;bottom:0;left:0}.avatar:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:1px solid var(--border)}h1{margin-top:22px;font-family:Inter,-apple-system,sans-serif;font-size:clamp(28px,7vw,34px);font-weight:700;letter-spacing:-.035em;text-align:center}.tagline{margin-top:8px;color:var(--muted);font-size:17px;line-height:1.45;text-align:center;max-width:34ch;letter-spacing:-.01em}.links{list-style:none;width:100%;margin-top:36px;display:grid;gap:12px}.link{--mx: 50%;--my: 50%;position:relative;isolation:isolate;display:flex;align-items:center;gap:14px;width:100%;padding:14px 16px 14px 14px;background:var(--card);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow);color:var(--text);text-decoration:none;font:inherit;text-align:left;cursor:pointer;overflow:hidden;transition:transform .5s var(--ease),box-shadow .5s var(--ease),background .3s var(--ease);-webkit-tap-highlight-color:transparent}.link:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:0;background:radial-gradient(240px circle at var(--mx) var(--my),rgba(255,255,255,.55),transparent 60%);transition:opacity .4s var(--ease)}@media(prefers-color-scheme:dark){.link:before{background:radial-gradient(240px circle at var(--mx) var(--my),rgba(255,255,255,.08),transparent 60%)}}@media(hover:hover){.link:hover{transform:translateY(-3px) scale(1.012);box-shadow:var(--shadow-hover);background:var(--card-hover)}.link:hover:before{opacity:1}.link:hover .chev{transform:translate(3px);color:var(--text)}.link:hover .icon{transform:scale(1.06) rotate(-3deg)}}.link:active{transform:scale(.97);transition-duration:.15s}.link:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.icon{flex:none;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;color:#fff;transition:transform .6s var(--spring);box-shadow:inset 0 1px #fff3}.icon svg{width:22px;height:22px}.i-linkedin{background:linear-gradient(145deg,#0a8fe0,#0a66c2)}.i-youtube{background:linear-gradient(145deg,#ff3b30,#e00000)}.i-instagram{background:radial-gradient(circle at 30% 107%,#fdf497,#fd5949 45%,#d6249f 60%,#285aeb 90%)}.i-email{background:linear-gradient(145deg,#5ac8fa,#007aff)}.i-phone{background:linear-gradient(145deg,#4cd964,#28a745)}.i-web{background:linear-gradient(145deg,#3a3a3c,#1d1d1f)}.text{flex:1;min-width:0}.title{display:block;font-size:16px;font-weight:600;letter-spacing:-.015em}.sub{display:block;margin-top:2px;font-size:13.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chev{flex:none;width:18px;height:18px;color:var(--muted);transition:transform .5s var(--spring),color .3s}footer{margin-top:44px;color:var(--muted);font-size:12.5px;letter-spacing:.01em;opacity:.8}.reveal{opacity:0;transform:translateY(18px) scale(.985);filter:blur(6px)}.ready .reveal{animation:rise .9s var(--ease) forwards;animation-delay:calc(var(--i, 0) * 70ms + 80ms)}@keyframes rise{to{opacity:1;transform:none;filter:blur(0)}}.toast{position:fixed;left:50%;bottom:max(24px,env(safe-area-inset-bottom));z-index:10;transform:translate(-50%,24px) scale(.96);opacity:0;padding:12px 18px;border-radius:999px;background:#1d1d1fe6;color:#fff;font-size:14px;font-weight:500;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 10px 30px #0003;display:flex;align-items:center;gap:8px;transition:transform .5s var(--spring),opacity .3s var(--ease);pointer-events:none}.toast.show{transform:translate(-50%) scale(1);opacity:1}.toast svg{width:16px;height:16px;color:#4cd964}@media(prefers-reduced-motion:reduce){.blob{animation:none}.reveal{opacity:1;transform:none;filter:none}.ready .reveal{animation:none}.link,.icon,.chev{transition:none}}