#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}:root{--bg:#f3f4f8;--card:#e6e6e6;--ink:#111;--muted:#666;--primary:#111;--radius:16px;--container:1100px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;color:var(--ink);background:#fff}.container{max-width:var(--container);margin:0 auto;padding:0 16px}.card{background:var(--card);border-radius:var(--radius);padding:24px;margin:24px 0;position:relative}.card__title{margin:0 0 12px;font-size:24px;text-align:center;font-weight:700}.card__text{margin:0;color:var(--muted);line-height:1.6}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #000;background:#000;color:#fff;padding:10px 14px;border-radius:10px;cursor:pointer;font-weight:600;text-decoration:none;display:inline-block}.btn--ghost{background:transparent;color:#000}.btn--primary:hover{opacity:.9}.btn--ghost:hover{background:#000;color:#fff}.banner{background:var(--bg);padding:48px 0}.banner__grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:center}@media (max-width: 900px){.banner__grid{grid-template-columns:1fr}}.banner__title{margin:0 0 8px;font-size:56px;line-height:1.05;font-weight:800;text-transform:lowercase}@media (max-width: 900px){.banner__title{font-size:40px}}.banner__subtitle{color:var(--muted);margin:0 0 24px}.banner__actions{display:flex;gap:12px;flex-wrap:wrap}.banner__avatarWrap{display:flex;justify-content:flex-end}@media (max-width: 900px){.banner__avatarWrap{justify-content:flex-start}}.banner__avatar{width:220px;height:220px;border-radius:50%;object-fit:cover;box-shadow:0 10px 30px #00000026}@media (max-width: 900px){.banner__avatar{width:160px;height:160px}}.about{padding-top:40px;padding-bottom:32px}.about__stripe{position:absolute;left:0;top:0;bottom:0;width:8px;background:#000;border-top-left-radius:var(--radius);border-bottom-left-radius:var(--radius)}.skills{padding:28px}.skills__grid{display:grid;grid-template-columns:repeat(6,1fr);gap:22px;align-items:center;justify-items:center;margin-top:12px}@media (max-width: 900px){.skills__grid{grid-template-columns:repeat(3,1fr)}}.skill{width:96px;height:96px;background:#7a7a7a;border-radius:10px;display:grid;place-items:center}.skill__img{width:70%;height:70%;object-fit:contain;display:block;filter:brightness(1.05)}.projects{padding:28px}.projects__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px}.project{background:#fff;border:1px solid #e5e5e5;border-radius:14px;overflow:hidden;display:grid;grid-template-rows:auto 1fr auto;box-shadow:0 6px 18px #0000000f;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.project:hover{transform:translateY(-4px);box-shadow:0 12px 28px #0000001f;border-color:#d9d9d9}.project__coverWrap{aspect-ratio:16/9;background:#f2f2f2}.project__cover{width:100%;height:100%;object-fit:cover;display:block}.project__placeholder{width:100%;height:100%;background:linear-gradient(135deg,#ececec,#f7f7f7)}.project__body{padding:14px 16px 6px}.project__title{margin:2px 0 6px;font-size:18px;font-weight:700}.project__desc{margin:0 0 10px;color:#555;font-size:14px;line-height:1.5}.project__stack{display:flex;gap:8px;flex-wrap:wrap}.project__stackLogo{width:22px;height:22px;object-fit:contain;display:block;filter:saturate(.9) contrast(1.05)}.certificates{padding:2rem 0;scroll-margin-top:80px}.certificates h2{font-size:1.8rem;margin-bottom:.5rem}.cert-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.cert-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1rem;box-shadow:0 2px 8px #0000000a}.cert-thumb{display:block;aspect-ratio:16/9;overflow:hidden;border-radius:8px;background:#f3f4f6}.cert-thumb img{width:100%;height:100%;object-fit:cover;display:block}.cert-title{font-size:1.05rem;margin:.75rem 0 .25rem}.cert-meta{color:#666;margin:0 0 .75rem;font-size:.95rem}.cert-btn{display:inline-block;padding:.5rem .75rem;border:1px solid #111827;border-radius:8px;text-decoration:none;transition:transform .15s ease}.cert-btn:hover{transform:translateY(-1px)}.project__actions{display:flex;gap:10px;padding:12px 16px 16px;align-items:center}.project__actions .btn{flex:1;text-align:center}@media (max-width: 540px){.projects{padding:20px}.project__actions .btn{flex:initial}}.contact{padding:28px;text-align:center}.contact__actions{display:flex;gap:12px;justify-content:center;margin-top:16px}.floating-cv{position:fixed;right:16px;bottom:16px;background:#000;color:#fff;padding:10px 14px;border-radius:12px;text-decoration:none;font-weight:700;box-shadow:0 10px 24px #0000002e}.floating-cv:hover{opacity:.9}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}