.hero{display:grid;grid-template-columns:1.5fr 1fr;align-items:center;gap:56px;width:100%;max-width:1000px}.hero-name{margin-top:10px;color:#fff;font-size:52px;font-weight:700;line-height:1.05}.hero-role{margin-top:14px;color:#bfc2c5;font-size:22px;font-weight:500}.hero-role span{color:#04e1e1}.hero-bio{max-width:540px;margin-top:20px;color:#bfc2c5;font-size:15px;line-height:1.7}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:10px;font-size:15px;font-weight:700;text-decoration:none;transition:transform .15s ease,background .2s ease,color .2s ease,opacity .2s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:#04e1e1;color:#0d2242}.btn-primary:hover{opacity:.9}.btn-ghost{border:1px solid rgba(4,225,225,.35);color:#fff}.btn-ghost:hover{background:rgba(4,225,225,.12)}.hero-socials{display:flex;gap:10px;margin-top:28px;list-style:none}.hero-socials a{display:grid;place-items:center;width:42px;height:42px;border:1px solid hsla(0,0%,100%,.12);border-radius:12px;color:#bfc2c5;font-size:19px;transition:border-color .2s ease,color .2s ease}.hero-socials a:hover{border-color:#04e1e1;color:#04e1e1}.hero-card{display:flex;flex-direction:column;align-items:center;padding:32px}.hero-photo{position:relative;width:180px;height:180px;overflow:hidden;border:2px solid rgba(4,225,225,.5);border-radius:50%;box-shadow:0 0 0 8px rgba(4,225,225,.08)}.hero-photo img{object-fit:cover}.hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;margin-top:28px}.hero-stats div{display:flex;flex-direction:column-reverse;padding:14px;border-radius:12px;background:hsla(0,0%,100%,.04);text-align:center}.hero-stats dd{color:#fff;font-size:26px;font-weight:700}.hero-stats dt{color:#96a0af;font-size:12px}@media screen and (max-width:860px){.hero{grid-template-columns:1fr;gap:40px}.hero-card{order:-1}.hero-name{font-size:40px}}@media screen and (max-width:450px){.hero-name{font-size:32px}.hero-role{font-size:18px}.hero-card{padding:24px 20px;border-radius:16px}.hero-photo{width:140px;height:140px}.btn{flex:1;justify-content:center}}