*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#121212;--text:#fff;--text-muted:#ffffffa6;--font-mono:"Space Mono", "Courier New", monospace;--font-sans:"Inter", system-ui, sans-serif}html,body{background:var(--bg);min-height:100%;color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}:focus:not(:focus-visible){outline:none}:focus-visible{outline-offset:4px;border-radius:4px;outline:1px solid #ffffff73}@keyframes langFade{0%{opacity:0;filter:blur(8px)}to{opacity:1;filter:blur()}}.lang-anim{animation:.5s cubic-bezier(.22,1,.36,1) both langFade}@keyframes pageEnter{0%{opacity:0;filter:blur(5px)}to{opacity:1;filter:blur()}}.page-anim{animation:.45s cubic-bezier(.22,1,.36,1) both pageEnter;display:block}@media (prefers-reduced-motion:reduce){.lang-anim,.page-anim,.navbar__link-label{animation:none}}.navbar{z-index:100;background:0 0;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;padding:16px clamp(20px,3.6vw,46px);transition:background .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s,border-color .3s;display:flex;position:fixed;top:0;left:0;right:0}.navbar--scrolled{-webkit-backdrop-filter:blur(12px);background:#0f0f0fd1;border-bottom-color:#ffffff14}.navbar__logo{font-family:var(--font-mono);color:var(--text);letter-spacing:.04em;font-size:clamp(18px,1.95vw,25px);font-weight:500}.navbar__links{gap:clamp(20px,4vw,52px);list-style:none;display:flex}.navbar__link{font-family:var(--font-sans);color:var(--text);opacity:.7;white-space:nowrap;padding-bottom:4px;font-size:clamp(15px,1.56vw,20px);font-weight:100;transition:opacity .2s;position:relative}.navbar__link-label{animation:.45s cubic-bezier(.22,1,.36,1) both langFade;display:inline-block}.navbar__link:after{content:"";background:var(--text);transform-origin:0;width:100%;height:1px;transition:transform .3s;position:absolute;bottom:0;left:0;transform:scaleX(0)}.navbar__link:hover{opacity:1}.navbar__link:hover:after{transform:scaleX(1)}.navbar__link--active{opacity:1;font-weight:600}.navbar__link--active:after{transform:scaleX(1)}.navbar__lang{font-family:var(--font-mono);align-items:center;gap:6px;font-size:clamp(18px,1.95vw,25px);font-weight:500;display:flex}.navbar__lang-btn{font-family:var(--font-mono);font-size:inherit;color:var(--text);letter-spacing:.04em;opacity:.45;font-weight:500;transition:opacity .2s}.navbar__lang-btn:hover{opacity:.8}.navbar__lang-btn--active{opacity:1}.navbar__lang-sep{color:var(--text);opacity:.45}@media (width<=600px){.navbar{flex-wrap:wrap;gap:10px 0;padding:12px 16px}.navbar__links{order:3;justify-content:center;width:100%}}.home{background:var(--bg);width:100%;min-height:100dvh;position:relative;overflow:hidden}.home__content{z-index:1;justify-content:space-between;align-items:center;gap:clamp(32px,5vw,80px);max-width:1400px;min-height:100dvh;margin:0 auto;padding:100px clamp(20px,3.6vw,46px) 40px;display:flex;position:relative}.home__photo-wrap{flex:none;justify-content:center;align-self:center;align-items:center;display:flex}.home__photo{object-fit:contain;filter:drop-shadow(0 20px 40px #00000080);width:clamp(300px,34vw,470px);height:auto;display:block}.home__text{flex-direction:column;flex:0 580px;display:flex}.home__name{font-family:var(--font-sans);color:var(--text);letter-spacing:-.02em;margin-bottom:14px;font-size:clamp(24px,2.4vw,32px);font-weight:400}.home__role{font-family:var(--font-sans);color:var(--text);letter-spacing:-.02em;margin-bottom:22px;font-size:clamp(26px,2.9vw,37px);font-weight:700;line-height:1.15}.home__desc{font-family:var(--font-sans);color:var(--text-muted);max-width:580px;margin-bottom:32px;font-size:clamp(15px,1.5vw,20px);font-weight:300;line-height:1.55}.home__social{flex-wrap:wrap;gap:12px;display:flex}.social-btn{font-family:var(--font-sans);color:var(--text);background:#000;border-radius:8px;align-items:center;gap:6px;padding:3px 12px 3px 8px;font-size:14px;font-weight:300;transition:opacity .2s;display:inline-flex;box-shadow:0 4px 4px #00000040}.social-btn:hover{opacity:.8}.social-btn__icon{object-fit:contain;width:18px;height:18px}.home__circles{pointer-events:none;z-index:0;position:absolute;inset:0}.circle{aspect-ratio:1;border:1px solid #ffffff17;border-radius:50%;position:absolute}.circle--xl{width:37vw;top:1.4%;left:34.4%}.circle--c2{width:18.4vw;top:30.2%;left:72.8%}.circle--c3{width:18.4vw;top:81%;left:83.3%}.circle--c4{width:18.4vw;top:65.7%;left:-3.75%}.circle--c5{width:18.4vw;top:38%;left:20.9%}.circle--c6{width:18.4vw;top:65.7%;left:44%}.circle--c7{width:18.4vw;top:-11.6%;left:63.1%}.circle--sm{width:11.7vw;top:-6.5%;left:1.95%}@media (width<=860px){.home__content{text-align:center;flex-direction:column;justify-content:center;gap:28px;padding:120px 24px 48px}.home__text{flex-basis:auto;align-items:center}.home__photo{width:clamp(200px,55vw,300px)}.home__desc{margin-bottom:32px}.home__social{justify-content:center}.circle--xl{width:60vw}.circle--c2,.circle--c3,.circle--c4,.circle--c5,.circle--c6,.circle--c7{width:32vw}.circle--sm{width:20vw}}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(8px);background:#000000a6;justify-content:center;align-items:center;padding:24px;animation:.3s both overlayIn;display:flex;position:fixed;inset:0}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.modal{background:linear-gradient(160deg,#1a1a1d 0%,#141416 100%);border:1px solid #ffffff1a;border-radius:24px;width:100%;max-width:920px;max-height:88vh;animation:.4s cubic-bezier(.22,1,.36,1) both modalIn;position:relative;overflow-y:auto;box-shadow:0 40px 90px #0009}@keyframes modalIn{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.modal__close{z-index:5;width:38px;height:38px;color:var(--text);background:#00000073;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;transition:background .2s,transform .2s;display:flex;position:absolute;top:16px;right:16px}.modal__close:hover{background:#ffffff1f;transform:rotate(90deg)}.modal__body{gap:clamp(24px,3vw,40px);padding:clamp(24px,3vw,40px);display:flex}.modal__body--split{flex-direction:row}.modal__body--stacked,.modal__body--text{flex-direction:column}.modal__media{flex:none;justify-content:center;align-items:flex-start;display:flex}.modal__media--wide{flex-direction:column;width:100%;margin:0}.modal__image{border:1px solid #ffffff1a;border-radius:14px;width:100%;height:auto;display:block}.modal__caption{font-family:var(--font-sans);color:var(--text-muted);text-align:center;margin-top:10px;font-size:13px;font-style:italic}.modal__video{background:#000;border:1px solid #ffffff14;border-radius:18px;width:100%;max-width:280px;max-height:70vh;display:block}.modal__info{flex:auto;min-width:0}.modal__tag{font-family:var(--font-sans);color:#cbb8ff;background:#9678dc2e;border:1px solid #9678dc59;border-radius:999px;align-items:center;gap:6px;margin-bottom:14px;padding:4px 14px;font-size:12px;font-weight:500;display:inline-flex}.modal__tag--pet{color:#9ed98a;background:#6eb45a29;border-color:#6eb45a66}.modal__title{font-family:var(--font-sans);color:var(--text);letter-spacing:-.02em;margin-bottom:28px;font-size:clamp(22px,2.4vw,30px);font-weight:700;line-height:1.2}.modal__heading{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:12px;font-size:15px;font-weight:600}.modal__divider{background:#ffffff1a;height:1px;margin-bottom:20px}.modal__intro{font-family:var(--font-sans);color:#ffffffd1;margin-bottom:18px;font-size:clamp(14px,1.05vw,15px);font-weight:300;line-height:1.6}.modal__list{flex-direction:column;gap:14px;list-style:none;display:flex}.modal__item{font-family:var(--font-sans);color:#ffffffd1;padding-left:22px;font-size:clamp(14px,1.05vw,15px);font-weight:300;line-height:1.55;position:relative}.modal__item:before{content:"";background:#9d7bff;border-radius:50%;width:6px;height:6px;position:absolute;top:9px;left:2px}.modal__features{flex-direction:column;gap:20px;display:flex}.modal__feature-title{font-family:var(--font-sans);color:var(--text);margin-bottom:6px;font-size:clamp(15px,1.15vw,16px);font-weight:600}.modal__feature-text{font-family:var(--font-sans);color:#ffffffb8;font-size:clamp(13px,1vw,14px);font-weight:300;line-height:1.55}.modal__list--tight{gap:8px;margin-top:4px}.modal__stack{margin-top:26px}.modal__chips{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.modal__chip{font-family:var(--font-mono);color:#ffffffd1;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:8px;padding:5px 12px;font-size:12px;font-weight:400}.modal__slogan{background:linear-gradient(90deg,#6eb45a14,#0000);border-left:3px solid #6eb45a;border-radius:0 12px 12px 0;margin-top:26px;padding:16px 20px}.modal__slogan-label{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.1em;color:#9ed98a;margin-bottom:6px;font-size:11px;font-weight:600;display:block}.modal__slogan-text{font-family:var(--font-sans);color:var(--text);font-size:clamp(15px,1.3vw,18px);font-style:italic;font-weight:400;line-height:1.4}.modal__nda{font-family:var(--font-sans);color:var(--text-muted);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:10px;margin-top:26px;padding:12px 16px;font-size:13px;font-weight:400;display:flex}.modal__nda svg{color:#ffffff80;flex:none}@media (width<=720px){.modal__body--split{flex-direction:column;align-items:center}.modal__media{width:100%}.modal__video{max-width:240px;max-height:56vh}.modal__info{width:100%}}.projects{background:var(--bg);width:100%;min-height:100dvh;padding:120px clamp(20px,3.6vw,46px) 60px;position:relative}.projects__inner{max-width:1400px;margin:0 auto}.projects__head{margin-bottom:48px}.projects__title{font-family:var(--font-sans);color:var(--text);letter-spacing:-.03em;margin-bottom:12px;font-size:clamp(32px,4vw,52px);font-weight:700}.projects__subtitle{font-family:var(--font-sans);color:var(--text-muted);max-width:560px;font-size:clamp(15px,1.4vw,18px);font-weight:300;line-height:1.5}.projects__grid{grid-template-columns:repeat(4,1fr);align-items:start;gap:clamp(20px,2.4vw,32px);display:grid}.card{flex-direction:column;gap:16px;display:flex}.card__btn{width:100%;text-align:inherit;cursor:pointer;font:inherit;color:inherit;background:0 0;border:none;flex-direction:column;gap:16px;padding:0;display:flex}.card__thumb{aspect-ratio:1;background:linear-gradient(150deg,#1c1c20 0%,#141416 100%);border:1px solid #ffffff12;border-radius:24px;width:100%;transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s,border-color .4s;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0a}.card__img{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.22,1,.36,1);display:block}.card__thumb:after{content:"";pointer-events:none;z-index:3;background:linear-gradient(115deg,#0000 40%,#ffffff12 50%,#0000 60%);transition:transform .7s;position:absolute;inset:0;transform:translate(-120%)}.card:hover .card__thumb{border-color:#ffffff2e;transform:translateY(-6px);box-shadow:0 22px 48px #00000080}.card:hover .card__thumb:after{transform:translate(120%)}.card:hover .card__img{transform:scale(1.05)}.card__tag{-webkit-backdrop-filter:blur(8px);font-family:var(--font-sans);letter-spacing:.01em;color:var(--text);white-space:nowrap;z-index:4;background:#0000008c;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:5px;padding:4px 14px;font-size:12px;font-weight:500;display:inline-flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.card__tag--pet{color:#b6e6a4;background:#142810b3;border-color:#6eb45a80}.card__title{font-family:var(--font-sans);color:var(--text);text-align:center;padding:0 6px;font-size:clamp(14px,1.1vw,16px);font-weight:500;line-height:1.35}.card__thumb--soon{background:radial-gradient(110% 80% at 50% 0,#9678dc1f,#0000 58%),linear-gradient(150deg,#19191c 0%,#131315 100%);border:1px solid #ffffff0f;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.card--soon:hover .card__thumb{border-color:#ffffff1f;transform:translateY(-4px);box-shadow:0 16px 36px #0006}.card__soon-icon{color:#ffffff4d;transition:color .3s,transform .3s}.card--soon:hover .card__soon-icon{color:#ffffff80;transform:scale(1.08)}.card__soon-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#ffffff59;font-size:12px;font-weight:400}@media (width<=960px){.projects__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.projects{padding:110px 24px 48px}.projects__grid{grid-template-columns:1fr;max-width:320px;margin:0 auto}}.skills{background:var(--bg);width:100%;min-height:100dvh;padding:120px clamp(20px,3.6vw,46px) 60px;position:relative}.skills__inner{max-width:1100px;margin:0 auto}.skills__head{margin-bottom:48px}.skills__title{font-family:var(--font-sans);color:var(--text);letter-spacing:-.03em;margin-bottom:12px;font-size:clamp(32px,4vw,52px);font-weight:700}.skills__subtitle{font-family:var(--font-sans);color:var(--text-muted);max-width:600px;font-size:clamp(15px,1.4vw,18px);font-weight:300;line-height:1.5}.skills__grid{grid-template-columns:repeat(2,1fr);gap:clamp(18px,2vw,26px);display:grid}.skill-card{--accent:#8a8a8a;background:linear-gradient(155deg,#1b1b1e 0%,#141416 100%);border:1px solid #ffffff12;border-radius:20px;flex-direction:column;padding:clamp(22px,2.4vw,30px);transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .35s,box-shadow .35s;display:flex;position:relative;overflow:hidden}.skill-card:before{content:"";background:var(--accent);opacity:.12;filter:blur(20px);border-radius:50%;width:140px;height:140px;transition:opacity .35s;position:absolute;top:-40px;left:-40px}.skill-card:hover{border-color:color-mix(in srgb, var(--accent) 45%, transparent);transform:translateY(-5px);box-shadow:0 18px 40px #0006}.skill-card:hover:before{opacity:.22}.skill-card--mobile{--accent:#3cbef0}.skill-card--backend{--accent:#6eb45a}.skill-card--ai{--accent:#9d7bff}.skill-card--data{--accent:#e0a458}.skill-card__head{align-items:center;gap:14px;margin-bottom:14px;display:flex}.skill-card__icon{background:color-mix(in srgb, var(--accent) 14%, transparent);border:1px solid color-mix(in srgb, var(--accent) 35%, transparent);width:46px;height:46px;color:var(--accent);border-radius:12px;flex:none;justify-content:center;align-items:center;display:flex}.skill-card__title{font-family:var(--font-sans);color:var(--text);letter-spacing:-.01em;font-size:clamp(18px,1.7vw,22px);font-weight:600}.skill-card__desc{font-family:var(--font-sans);color:var(--text-muted);margin-bottom:20px;font-size:clamp(13px,1.05vw,15px);font-weight:300;line-height:1.55}.skill-card__chips{flex-wrap:wrap;gap:8px;margin-top:auto;display:flex}.skill-chip{font-family:var(--font-mono);color:#ffffffd9;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:8px;padding:6px 13px;font-size:12.5px;font-weight:400;transition:border-color .25s,color .25s}.skill-card:hover .skill-chip{border-color:color-mix(in srgb, var(--accent) 30%, #ffffff1f)}@media (width<=720px){.skills__grid{grid-template-columns:1fr}}