:root{--teal-primary:#0dbda7;--teal-hover:#0a9d8a;--text-dark:#1f2937;--text-muted:#4b5563;--bg-card:#fff;--shadow-card:0 25px 50px -12px #0000000f, 0 10px 20px -5px #00000008;--shadow-btn:0 4px 6px -1px #00000008, 0 2px 4px -1px #00000005;--shadow-hover:0 12px 20px -4px #0dbda72e, 0 4px 8px -2px #0dbda714;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-heading:"Outfit", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);color:var(--text-muted);background-color:#e5e7eb;background-image:linear-gradient(#00000004 1px,#0000 1px),linear-gradient(90deg,#00000004 1px,#0000 1px);background-position:50%;background-size:30px 30px;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative;overflow-x:hidden}body:before{content:"";z-index:0;pointer-events:none;background-color:#0000;background-image:linear-gradient(135deg,#0000 49.8%,#00000003 49.9% 50.1%,#0000 50.2%),linear-gradient(45deg,#0000 49.8%,#00000003 49.9% 50.1%,#0000 50.2%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:200px 200px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.container{z-index:1;justify-content:center;align-items:center;width:100%;max-width:900px;display:flex}.card{background-color:var(--bg-card);box-shadow:var(--shadow-card);border-radius:32px;flex-direction:row;align-items:center;gap:48px;width:100%;padding:44px;transition:transform .3s,box-shadow .3s;display:flex}.card:hover{transform:translateY(-2px);box-shadow:0 30px 60px -10px #00000014,0 12px 25px -5px #0000000a}.image-container{border-radius:28px;flex-shrink:0;width:320px;height:330px;overflow:hidden;box-shadow:0 15px 35px #00000014}.profile-image{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1)}.card:hover .profile-image{transform:scale(1.03)}.content-container{flex-direction:column;flex-grow:1;align-items:flex-start;display:flex}.name{font-family:var(--font-heading);color:var(--text-dark);letter-spacing:-.02em;font-size:46px;font-weight:700;line-height:1.15}.title{font-family:var(--font-sans);color:var(--teal-primary);letter-spacing:.02em;margin-top:10px;font-size:16px;font-weight:600}.divider{border:none;border-top:2px dashed #e5e7eb;width:100%;margin:24px 0}.bio{color:var(--text-muted);margin-bottom:14px;font-size:15px;line-height:1.65}.website-link{color:var(--teal-primary);text-underline-offset:4px;margin-bottom:28px;font-size:15px;font-weight:600;text-decoration:underline;transition:color .2s,transform .2s;display:inline-block}.website-link:hover{color:var(--teal-hover);transform:translate(2px)}.social-row{flex-wrap:nowrap;gap:14px;display:flex}.social-btn{width:44px;height:44px;color:var(--teal-primary);box-shadow:var(--shadow-btn);cursor:pointer;background-color:#fff;border:1px solid #0000000a;border-radius:12px;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex}.social-btn .icon,.social-btn .icon-stroke{width:20px;height:20px}.social-btn:hover{background-color:var(--teal-primary);color:#fff;border-color:var(--teal-primary);box-shadow:var(--shadow-hover);transform:translateY(-4px)}@media (width<=820px){body{padding:16px}.card{text-align:center;flex-direction:column;align-items:center;gap:32px;padding:36px 24px}.image-container{border-radius:24px;width:100%;max-width:280px;height:280px}.content-container{align-items:center;width:100%}.name{font-size:34px}.title{margin-top:8px;font-size:15px}.divider{margin:20px 0}.bio{font-size:14px;line-height:1.6}.website-link{margin-bottom:24px}.social-row{flex-wrap:nowrap;justify-content:center;gap:10px;width:100%}.social-btn{width:42px;height:42px}}