:root{--bg:#0f2531;--bg-elev:#0f2733;--text:#e7f2f8;--muted:#9fdaf3;--accent:#00d1ff;--card:#132b38}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}.container{max-width:1100px;margin:0 auto;padding:24px}.navbar{position:sticky;top:0;z-index:20;background:#0f2733d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.06)}.navbar .container{display:flex;align-items:center;justify-content:space-between}.navbar .brand{font-weight:800;font-size:24px}.navbar nav a{margin-left:20px;opacity:.9}.navbar nav a.active{color:var(--accent)}main{min-height:calc(100% - 64px)}.hero{padding-top:64px}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}.hero-text h1{font-size:56px;margin:0 0 8px}.hero-text h2{font-size:28px;margin:0 0 16px;color:var(--muted)}.hero-text p{line-height:1.7;opacity:.95;margin-bottom:24px}.button{display:inline-block;background:var(--accent);color:#06202b;padding:12px 18px;border-radius:8px;font-weight:700}.socials{display:flex;gap:12px;margin-top:18px}.socials a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.2)}.hero-image .image-skeleton-wrapper{width:320px;height:320px;border-radius:50%;overflow:hidden;margin:0 auto;background:var(--card);position:relative}.image{width:100%;height:100%;object-fit:cover;transition:opacity .5s ease}.image--hidden{opacity:0}.image--visible{opacity:1}.absolute-fill{position:absolute;top:0;right:0;bottom:0;left:0}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin-top:20px}.card{background:var(--card);border:1px solid rgba(255,255,255,.06);border-radius:12px;overflow:hidden}.card-image{height:160px}.card-body{padding:14px}.skills{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;padding:0}.skills li{list-style:none;background:var(--card);padding:10px;border-radius:8px;border:1px solid rgba(255,255,255,.06)}@media (max-width:900px){.hero-grid{grid-template-columns:1fr;gap:24px}.hero-text h1{font-size:40px}}.skeleton{background:linear-gradient(90deg,#1f2a34 25%,#2a3b47 37%,#1f2a34 63%);background-size:400% 100%;animation:shimmer 1.2s ease-in-out infinite}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}