.developer-cards{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:clamp(18px,2.4vw,32px);display:grid}.developer-card{background:linear-gradient(#0c1a24,#0a1520);border:1px solid #ffffff14;border-radius:28px;grid-template-columns:auto minmax(0,1fr);align-items:stretch;gap:clamp(20px,2.4vw,32px);padding:clamp(16px,1.8vw,22px);transition:border-color .25s;display:grid;position:relative}.developer-card:hover{border-color:#55e4d74d}.developer-photo{aspect-ratio:1;background:radial-gradient(at 30% 20%,#55e4d740,#0000 60%),linear-gradient(150deg,#183b45,#0e1a28);border-radius:50%;flex:none;align-self:start;width:clamp(120px,10vw,150px);margin:6px 0 0 6px;position:relative;overflow:hidden;box-shadow:0 0 0 5px #0b1822,0 0 0 6px #55e4d766,0 18px 40px -18px #55e4d766}.developer-card:nth-child(2) .developer-photo{background:radial-gradient(at 30% 20%,#a698ee40,#0000 60%),linear-gradient(150deg,#302342,#121f2c)}.developer-photo img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.developer-monogram{color:#cfeeea;place-items:center;font-size:clamp(54px,5vw,72px);font-weight:300;line-height:1;display:grid;position:absolute;inset:0}.developer-card:nth-child(2) .developer-monogram{color:#d6cff3}.developer-index{font:500 9px var(--font-geist-mono), monospace;letter-spacing:.14em;color:#cfe0e6;background:#050b12b3;border-radius:999px;padding:5px 9px;position:absolute;top:clamp(16px,1.8vw,22px);right:clamp(16px,1.8vw,22px)}.developer-copy{flex-direction:column;flex:1;padding:4px 0;display:flex}.developer-role{font:500 10px var(--font-geist-mono), monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--color-primary);padding-right:96px;display:block}#main-content .developer-copy h3,.developer-copy h3{letter-spacing:-.04em;color:#f1f4f4;margin:10px 0 12px;font-size:clamp(26px,2.4vw,34px);line-height:1.1}.developer-copy p{color:#a8bac7;margin:0;font-size:14.5px;line-height:1.75}.developer-skills{flex-wrap:wrap;gap:8px;margin:18px 0 0;padding:0;list-style:none;display:flex}.developer-skills li{font:500 11px var(--font-geist-mono), monospace;color:#cfe7e6;background:#55e4d70d;border:1px solid #55e4d733;border-radius:999px;align-items:center;gap:7px;padding:6px 12px 6px 10px;display:inline-flex}.developer-skill-icon{flex:none;width:14px;height:14px}.developer-contact{flex-wrap:wrap;align-items:center;gap:10px;margin-top:auto;display:flex}.developer-linkedin{color:#eef5f6;background:#55e4d712;border:1px solid #55e4d759;border-radius:999px;align-items:center;gap:9px;padding:11px 18px 11px 15px;font-size:15px;transition:background .25s,color .25s,border-color .25s;display:inline-flex}.developer-linkedin:is(:hover,:focus-visible){color:#fff;background:#0a66c2;border-color:#0a66c2}.developer-phone{color:#eef5f6;letter-spacing:.01em;background:#55e4d712;border:1px solid #55e4d759;border-radius:999px;align-items:center;gap:10px;padding:11px 18px 11px 14px;font-size:15px;transition:background .25s,color .25s,border-color .25s;display:inline-flex}.developer-copy>:nth-last-child(2){margin-bottom:22px}.developer-phone svg{stroke-width:1.9px;width:17px;height:17px;color:var(--color-primary);transition:color .25s}.developer-phone:is(:hover,:focus-visible){background:var(--color-primary);border-color:var(--color-primary);color:#052020}.developer-phone:is(:hover,:focus-visible) svg{color:#052020}@media (max-width:1100px){.developer-cards{grid-template-columns:minmax(0,1fr)}}@media (max-width:600px){.developer-card{border-radius:22px;flex-direction:column;gap:22px;display:flex}.developer-photo{width:120px}}@media (prefers-reduced-motion:reduce){.developer-card,.developer-phone,.developer-phone svg,.developer-linkedin{transition:none}}
