@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{color-scheme:light;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;background-color:#07050a;color:#f8f9fb;line-height:1.5}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,#18112d,#07050a 55%)}#root{isolation:isolate}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.portfolio{max-width:1120px;margin:0 auto;padding:3rem 1.5rem 4rem}.language-toggle{display:flex;justify-content:flex-end;gap:.5rem;margin-bottom:1.5rem}.language-toggle__btn{padding:.35rem .9rem;border-radius:999px;border:1px solid rgba(248,249,251,.2);background:#f8f9fb14;color:#f8f9fb;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .16s ease,color .16s ease,transform .16s ease}.language-toggle__btn.is-active{background:#f5d04c;color:#07050a;border-color:#07050a33}.language-toggle__btn:hover,.language-toggle__btn:focus-visible{transform:translateY(-1px);background:#f5d04cd9;color:#07050a;outline:none}.hero{margin-bottom:4rem}.hero__profile{display:grid;gap:2rem;align-items:center;background:linear-gradient(135deg,rgba(92,63,191,.35),transparent);border:1px solid rgba(255,255,255,.08);border-radius:28px;padding:2.5rem;box-shadow:0 40px 65px #07050a8c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hero__avatar-wrapper{max-width:280px;justify-self:center;position:relative}.hero__avatar-wrapper:after{content:"";position:absolute;inset:15%;border-radius:50%;background:radial-gradient(circle,rgba(135,84,255,.55),transparent 70%);filter:blur(10px);z-index:-1}.hero__avatar{width:100%;filter:drop-shadow(0 25px 35px rgba(7,5,10,.65))}.hero__intro{display:flex;flex-direction:column;gap:1.5rem}.hero__eyebrow{letter-spacing:.28em;text-transform:uppercase;font-size:.75rem;font-weight:600;color:#f8f9fb99}.hero__title{font-size:clamp(2.25rem,4vw,3.25rem);line-height:1.1;font-weight:700;color:#fff;margin:0}.hero__description{margin:0;font-size:1rem;color:#f8f9fbd1;max-width:56ch}.hero__links{display:flex;flex-wrap:wrap;gap:.75rem}.hero__link{display:inline-flex;align-items:center;justify-content:center;padding:.65rem 1.4rem;border-radius:999px;font-weight:600;font-size:.95rem;color:#07050a;background:#f5d04c;border:1px solid rgba(7,5,10,.12);transition:transform .12s ease,box-shadow .12s ease}.hero__link:focus-visible,.hero__link:hover{transform:translateY(-2px);box-shadow:0 12px 25px #f5d04c47}.hero__link--ghost{background:transparent;color:#f8f9fb;border-color:#f8f9fb33;box-shadow:none}.hero__link--ghost:hover,.hero__link--ghost:focus-visible{background:#f8f9fb1a;box-shadow:0 8px 20px #0c091259}.content{display:flex;flex-direction:column;gap:4rem}.projects,.certificates{display:flex;flex-direction:column;gap:2.5rem}.certificates__grid{display:grid;gap:1.75rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.certificate-card{display:flex;flex-direction:column;gap:1.25rem;padding:1.75rem;border-radius:22px;background:#0c0912b8;border:1px solid rgba(248,249,251,.08);box-shadow:0 22px 38px #07050a80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-height:100%}.certificate-card__issuer{margin:0;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:#f8f9fb99}.certificate-card__issuer span{color:#f5d04c}.certificate-card__title{margin:.25rem 0 0;font-size:1.25rem;font-weight:600;color:#fff}.certificate-card__description{margin:0;color:#f8f9fbc7;line-height:1.6}.certificate-card__skills{display:flex;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none}.certificate-card__skills li{padding:.35rem .75rem;border-radius:999px;background:#f8f9fb14;border:1px solid rgba(248,249,251,.12);font-size:.8rem;color:#f8f9fbd1}.certificate-card__action{display:inline-flex;align-items:center;justify-content:center;padding:.55rem 1.2rem;border-radius:999px;font-weight:600;font-size:.9rem;color:#07050a;background:#f5d04c;border:1px solid rgba(7,5,10,.16);transition:transform .16s ease,box-shadow .16s ease;text-decoration:none;align-self:flex-start}.certificate-card__action:hover,.certificate-card__action:focus-visible{transform:translateY(-2px);box-shadow:0 12px 25px #f5d04c47}.section-heading{max-width:720px}.section-title{margin:0 0 .75rem;font-size:clamp(1.75rem,2.5vw,2.4rem);font-weight:700}.section-subtitle{margin:0;color:#f8f9fbb3}.projects__state{padding:1.25rem 1.5rem;background:#f8f9fb14;border-radius:18px;text-align:center;color:#f8f9fbc7;border:1px solid rgba(248,249,251,.1)}.projects__state--error{background:#ff52521f;border-color:#ff525266;color:#ff8a80}.projects__grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.project-card{display:flex;flex-direction:column;background:#0c0912b8;border-radius:24px;border:1px solid rgba(248,249,251,.06);box-shadow:0 24px 40px #07050a8c;overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.project-card__media{position:relative;overflow:hidden;border-bottom:1px solid rgba(248,249,251,.06)}.project-card__media picture{display:block;background:#0e0a16}.project-card__media img{width:100%;object-fit:cover;transition:transform .22s ease}.project-card__preview{display:block;width:100%;padding:0;border:none;background:none;cursor:zoom-in}.project-card__preview:focus-visible{outline:2px solid #f5d04c;outline-offset:4px}.project-card:hover .project-card__media img{transform:scale(1.03)}.project-card__gallery{display:grid;grid-auto-flow:column;gap:.75rem;padding:.75rem;background:#07050ab8;overflow-x:auto}.project-card__thumb{padding:0;border:0;background:none;cursor:zoom-in}.project-card__thumb:focus-visible{outline:2px solid rgba(245,208,76,.8);outline-offset:4px}.project-card__gallery img{height:120px;border-radius:12px;border:1px solid rgba(248,249,251,.08)}.project-card__content{display:flex;flex-direction:column;gap:1.25rem;padding:1.75rem 1.75rem 1.5rem}.project-card__header{display:flex;flex-direction:column;gap:.5rem}.project-card__title{margin:0;font-size:1.35rem;font-weight:600}.project-card__meta{margin:0;font-size:.9rem;color:#f8f9fb99}.project-card__description{margin:0;color:#f8f9fbc2}.project-card__stats{display:flex;flex-wrap:wrap;gap:1.5rem;margin:0;padding:0;list-style:none;font-size:.9rem}.project-card__stat-label{display:block;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:#f8f9fb80}.project-card__stat-value{font-weight:600;margin-top:.2rem}.project-card__badges{margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.6rem;list-style:none;font-size:.8rem}.project-card__badges li{padding:.35rem .75rem;border-radius:999px;background:#8754ff29;border:1px solid rgba(135,84,255,.32);color:#f8f9fbd9}.project-card__footer{display:flex;flex-wrap:wrap;gap:.75rem;padding:0 1.75rem 1.75rem}.project-card__cta{flex:1;min-width:140px;display:inline-flex;justify-content:center;align-items:center;padding:.65rem 1.2rem;border-radius:14px;font-weight:600;font-size:.95rem;background:#715dfa;color:#0b0613;border:1px solid rgba(248,249,251,.1);transition:transform .12s ease,box-shadow .12s ease}.project-card__cta:hover,.project-card__cta:focus-visible{transform:translateY(-2px);box-shadow:0 18px 28px #715dfa59}.project-card__cta--ghost{background:#f8f9fb0a;color:#f8f9fb;border-color:#f8f9fb1f;box-shadow:none}.project-card__cta--ghost:hover,.project-card__cta--ghost:focus-visible{background:#f8f9fb1f;box-shadow:0 14px 24px #0c091273}.lightbox{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:2rem}.lightbox__backdrop{position:absolute;inset:0;width:100%;height:100%;border:none;background:#07050ad9;cursor:zoom-out}.lightbox__content{position:relative;z-index:1;max-width:min(1080px,100%);width:100%;max-height:90vh;display:grid;gap:1.25rem}.lightbox__close{position:absolute;top:-.75rem;right:-.75rem;width:2.5rem;height:2.5rem;border-radius:50%;border:none;background:#0c0912d9;color:#f8f9fb;font-size:1.5rem;font-weight:600;cursor:pointer;box-shadow:0 18px 40px #07050a73}.lightbox__close:hover,.lightbox__close:focus-visible{background:#f5d04ce6;color:#07050a;outline:none}.lightbox__media{margin:0;background:#0e0a16;border-radius:18px;overflow:auto;max-height:75vh;padding:.75rem;box-shadow:0 35px 60px #07050aa6}.lightbox__media img{display:block;width:100%;height:auto;max-width:1200px;background:#07050a}.lightbox__toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.lightbox__controls{display:inline-flex;align-items:center;gap:1.5rem;color:#f8f9fbbf;font-size:.95rem}.lightbox__nav-btn{width:3rem;height:3rem;border-radius:50%;border:none;background:#f8f9fb1f;color:#f8f9fb;font-size:1.5rem;font-weight:500;cursor:pointer;transition:background .16s ease,transform .16s ease}.lightbox__nav-btn:hover,.lightbox__nav-btn:focus-visible{background:#f5d04ce6;color:#07050a;transform:translateY(-1px);outline:none}.lightbox__original{font-size:.9rem;font-weight:600;color:#f5d04c;text-decoration:none;padding:.35rem .75rem;border-radius:999px;border:1px solid rgba(245,208,76,.3);background:#f5d04c1f;transition:background .16s ease,color .16s ease,transform .16s ease}.lightbox__original:hover,.lightbox__original:focus-visible{background:#f5d04cd9;color:#07050a;outline:none;transform:translateY(-1px)}.lightbox__thumbs{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.lightbox__thumb{padding:0;border:2px solid transparent;border-radius:12px;background:none;cursor:pointer}.lightbox__thumb img{display:block;width:100px;height:70px;object-fit:cover;border-radius:10px;border:1px solid rgba(248,249,251,.16)}.lightbox__thumb.is-active{border-color:#f5d04cd9}.lightbox__thumb:focus-visible{outline:2px solid rgba(245,208,76,.85);outline-offset:3px}.site-footer{margin-top:4rem;padding-top:2rem;border-top:1px solid rgba(248,249,251,.08);color:#f8f9fb8c;font-size:.9rem;display:grid;gap:.5rem}.site-footer a{color:#f5d04c}@media(min-width:1024px){.hero__profile{grid-template-columns:320px 1fr}}@media(max-width:768px){.language-toggle{justify-content:center}.portfolio{padding:2rem 1.25rem 3rem}.hero__profile{padding:2rem}.project-card__footer{flex-direction:column;padding-bottom:1.5rem}.project-card__cta{width:100%}.project-card__gallery{grid-auto-flow:row;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));overflow:hidden}.lightbox{padding:1.5rem 1rem}.lightbox__content{gap:1rem}.lightbox__nav-btn{width:2.5rem;height:2.5rem}.lightbox__toolbar{gap:.75rem}.lightbox__thumb img{width:80px;height:60px}}
