.osRGOG_portfolio{--bg:#050508;--surface:#0e0e15;--surface-hover:#141420;--border:#ffffff14;--border-hover:#a855f766;--text:#f8fafc;--muted:#94a3b8;--accent:#a855f7;--accent-glow:#a855f740;--pink:#ec4899;background-color:var(--bg);color:var(--text);min-height:100vh;padding-bottom:5rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative;overflow-x:hidden}.osRGOG_meshGlow{filter:blur(100px);pointer-events:none;z-index:0;background:radial-gradient(circle,#a855f726 0%,#ec489914 40%,#0000 70%);width:1000px;height:600px;position:fixed;top:-20%;left:50%;transform:translate(-50%)}.osRGOG_header{z-index:50;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#050508cc;position:fixed;top:0;left:0;right:0}.osRGOG_navContainer{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:1.2rem 2rem;display:flex}.osRGOG_logo{color:var(--text);letter-spacing:-.03em;align-items:center;gap:.6rem;font-size:1.25rem;font-weight:800;text-decoration:none;display:flex}.osRGOG_logoIcon{background:linear-gradient(135deg, var(--accent), var(--pink));color:#fff;border-radius:10px;place-items:center;width:32px;height:32px;display:grid}.osRGOG_navigation{gap:2.2rem;display:flex}.osRGOG_navigation a{color:var(--muted);font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s}.osRGOG_navigation a:hover{color:var(--text)}.osRGOG_navButton{background:linear-gradient(135deg, var(--accent), var(--pink));color:#fff;box-shadow:0 4px 20px var(--accent-glow);border-radius:12px;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.8125rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.osRGOG_navButton:hover{transform:translateY(-2px);box-shadow:0 6px 28px #a855f773}.osRGOG_section{z-index:1;max-width:1200px;margin:0 auto;padding:6rem 2rem 2rem;position:relative}.osRGOG_sectionHeader{margin-bottom:2.5rem}.osRGOG_eyebrow{letter-spacing:.15em;text-transform:uppercase;color:var(--accent);align-items:center;gap:.4rem;margin-bottom:.5rem;font-size:.75rem;font-weight:800;display:inline-flex}.osRGOG_sectionHeader h2{letter-spacing:-.04em;margin:0;font-size:clamp(2rem,4vw,3rem);font-weight:900}.osRGOG_heroGrid{grid-template-columns:repeat(12,1fr);gap:1.25rem;padding-top:5rem;display:grid}.osRGOG_bentoCard{background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:2rem;transition:border-color .3s,background .3s;position:relative;overflow:hidden}.osRGOG_bentoCard:hover{border-color:var(--border-hover);background:var(--surface-hover)}.osRGOG_heroMain{flex-direction:column;grid-column:span 8;justify-content:center;display:flex}.osRGOG_badge{color:var(--accent);background:#a855f71a;border:1px solid #a855f733;border-radius:9999px;align-items:center;gap:.5rem;width:fit-content;margin-bottom:1.5rem;padding:.35rem .85rem;font-size:.75rem;font-weight:700;display:inline-flex}.osRGOG_heroTitle{letter-spacing:-.04em;margin:0 0 1rem;font-size:clamp(2.5rem,4.5vw,4rem);font-weight:900;line-height:1.08}.osRGOG_gradientText{background:linear-gradient(135deg,#a855f7 0%,#ec4899 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.osRGOG_heroBio{color:var(--muted);max-width:580px;margin-bottom:2rem;font-size:1.05rem;line-height:1.7}.osRGOG_heroActions{gap:1rem;display:flex}.osRGOG_heroAvatar{grid-column:span 4;justify-content:center;align-items:center;min-height:380px;display:flex}.osRGOG_avatarImageWrapper{border-radius:18px;width:100%;height:100%;min-height:300px;position:relative;overflow:hidden}.osRGOG_avatarImage{object-fit:cover}.osRGOG_avatarFallback{width:100%;height:100%;color:var(--accent);background:#ffffff05;place-items:center;display:grid}.osRGOG_skillsBento{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:1rem;display:grid}.osRGOG_skillTile{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:1.5rem 1.25rem;transition:transform .25s,border-color .25s;display:flex}.osRGOG_skillTile:hover{border-color:var(--accent);transform:translateY(-4px)}.osRGOG_skillIconBox{width:44px;height:44px;color:var(--accent);background:#a855f71a;border-radius:12px;place-items:center;display:grid}.osRGOG_skillName{font-size:.875rem;font-weight:700}.osRGOG_experienceGrid{flex-direction:column;gap:1rem;display:flex}.osRGOG_experienceCard{background:var(--surface);border:1px solid var(--border);border-radius:20px;grid-template-columns:1fr 2.5fr;gap:2rem;padding:1.75rem 2rem;transition:border-color .25s;display:grid}.osRGOG_experienceCard:hover{border-color:var(--border-hover)}.osRGOG_expRole{margin:0 0 .35rem;font-size:1.25rem;font-weight:800}.osRGOG_expCompany{color:var(--accent);margin:0 0 .5rem;font-size:.875rem;font-weight:600}.osRGOG_expPeriod{color:var(--muted);background:#ffffff0a;border-radius:8px;padding:.25rem .65rem;font-size:.75rem;font-weight:500;display:inline-block}.osRGOG_expDesc{color:var(--muted);margin:0;font-size:.9375rem;line-height:1.65}.osRGOG_projectsBento{grid-template-columns:repeat(12,1fr);gap:1.25rem;display:grid}.osRGOG_projectCard{background:var(--surface);border:1px solid var(--border);border-radius:24px;flex-direction:column;grid-column:span 6;justify-content:space-between;min-height:260px;padding:2rem;transition:border-color .25s,transform .25s;display:flex}.osRGOG_projectCard:hover{border-color:var(--pink);transform:translateY(-4px)}.osRGOG_projectTitle{margin:0 0 .75rem;font-size:1.5rem;font-weight:800}.osRGOG_projectDesc{color:var(--muted);margin:0 0 1.5rem;font-size:.9375rem;line-height:1.65}.osRGOG_projectLink{color:var(--pink);align-items:center;gap:.4rem;font-size:.875rem;font-weight:700;text-decoration:none;display:inline-flex}.osRGOG_contactCard{border:1px solid var(--border);text-align:center;background:linear-gradient(135deg,#a855f714,#ec48990d);border-radius:32px;padding:4rem 2rem}.osRGOG_contactTitle{letter-spacing:-.04em;margin:0 0 1.5rem;font-size:clamp(2.2rem,4.5vw,3.5rem);font-weight:900}@media (max-width:960px){.osRGOG_heroMain{grid-column:span 12}.osRGOG_heroAvatar{grid-column:span 12;min-height:280px}.osRGOG_projectCard{grid-column:span 12}.osRGOG_experienceCard{grid-template-columns:1fr;gap:1rem}}@media (max-width:768px){.osRGOG_navigation{display:none}}