@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";html,body{height:100%;margin:0}body{min-height:100vh;overflow-x:hidden;background:linear-gradient(180deg,#11131b,#0c0f18)}#layout{position:relative;min-height:100vh;width:100%;background:linear-gradient(180deg,#11131b,#0c0f18)}.addiotinaly{display:contents}.header{position:sticky;top:0;z-index:50;transition:box-shadow .25s ease,background .25s ease;background:linear-gradient(180deg,#11131b75,#0c0f1880)}.header--scrolled{box-shadow:0 8px 24px #9421ff59}.header__inner{max-width:1200px;margin:0 auto;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 35px;font-family:Inter}.header__logo{width:120px;height:80px;padding-top:.85rem;display:inline-flex;align-items:center;justify-content:center;border-radius:10px}.header__logo img{width:100%;height:100%;display:block}.header__nav{flex:1;display:flex;justify-content:center;align-items:center;gap:48px}.header__link{color:#ffffffdb;text-decoration:none;font-size:15px;font-weight:700;letter-spacing:.2px;padding:8px 6px;border-radius:10px}.burger{display:none;width:50px;height:50px;border:none;background-color:transparent}.burger img{display:block;width:100%;height:100%;margin:0 auto}.burger-menu{position:fixed;flex-direction:column;display:flex;align-items:center;justify-content:center;width:50%;top:50%;left:50%;height:50%;min-height:400px;min-width:300px;max-width:800px;max-height:500px;background:linear-gradient(180deg,#11131b,#0c0f18);transform:translate(-50%,-50%);border-radius:2rem;gap:2.4rem;z-index:1000;opacity:0;pointer-events:none}.burger-menu .pad-burger{font-family:Inter,sans-serif;font-size:20px;display:flex;align-items:center;justify-content:center;color:#fff;width:90%;padding:8px 0;background:linear-gradient(180deg,#2e2530,#543864);border-radius:2rem;font-weight:600}.burger-menu .pad-burger:hover{background:linear-gradient(180deg,#2e2530,#6a2e8d)}.burger-menu .pad-burger a{text-decoration:none;color:inherit;width:100%;height:150%;display:flex;align-items:center;justify-content:center}@media(max-width:800px){.header__nav{display:none}.burger{display:inline}}.hero{min-height:calc(100vh - 600px);align-items:center;background:radial-gradient(900px 500px at 20% 20%,rgba(157,0,255,.12),transparent 60%),radial-gradient(700px 420px at 70% 40%,rgba(255,80,200,.1),transparent 55%)}.hero__inner{width:100%;max-width:1200px;margin:0 auto;padding:10rem 0 0 1rem;display:grid;grid-template-columns:1.1fr 1fr;gap:28px;align-items:center;font-family:Inter,sans-serif;transition:max-width 1s ease-in,gap 1s ease-in}.hero__content{color:#ffffffeb}.hero__rest{margin:0 0 10px;font-size:clamp(69px,3.4vw,94px);line-height:1.15;font-weight:500;letter-spacing:-.02em}.hero__title{margin:0 0 18px;font-size:clamp(66px,4.2vw,96px);line-height:1.08;font-weight:600;letter-spacing:-.02em;color:#f0f8ff;text-decoration:underline #9f04bd dotted}.hero__subtitle{margin:0 0 28px;font-size:clamp(22px,3.2vw,44px);line-height:1.18;font-weight:400;color:#ffffffd9}.hero__actions{margin-top:8px}.hero__visual{display:flex;position:relative}.hero__visual:before{content:"";position:absolute;right:6%;top:30%;width:420px;height:420px;border-radius:50%;background:radial-gradient(closest-side,rgba(170,120,255,.18),transparent 70%);filter:blur(2px);pointer-events:none}.hero__img{width:min(760px,50vw);height:auto;display:block;filter:drop-shadow(0 18px 40px rgba(0,0,0,.45));transform:translateY(2px)}.hero__img{animation:glowPulse 4s ease-in-out infinite}@keyframes glowPulse{0%,to{filter:drop-shadow(0 20px 50px rgba(168,85,247,.35))}50%{filter:drop-shadow(0 25px 70px rgba(255,90,220,.55))}}@media(max-width:1120px){.hero__inner{grid-template-columns:1fr;gap:22px;padding:44px 18px}.hero__visual{justify-content:center;order:2}.hero__content{order:1}.hero__img{width:min(560px,92vw)}}@media(min-width:1400px){.hero__inner{max-width:1550px;grid-template-columns:1.2fr 1fr;gap:120px}}.skills{min-height:calc(100vh - 64px);align-items:center}.skill__inner{display:flex;flex-direction:column;align-items:start;width:100%;max-width:1600px;margin:0 auto;row-gap:4rem}.header-skill-top{font-size:clamp(3rem,8vw,6rem);font-family:Inter,sans-serif;font-weight:500;color:#fff;align-self:center}.header-skill-top #word-hard{color:#d400ff}.element{position:relative;display:flex;justify-content:space-between;align-self:center;align-items:center;background:linear-gradient(180deg,#28272730,#2f2e2e23);width:88%;height:clamp(60px,10vw,110px);border-radius:1.5rem;box-shadow:0 14px 30px #00000080}.element .header-skill{color:#fff;font-size:clamp(.8rem,3.5vw,2.5rem);line-height:.9;padding-left:1rem;font-family:"monospace",sans-serif;font-weight:600}.element .line{height:85%;width:4px;background-color:#fff;margin:10px;border-radius:1rem}.element .battarey{display:flex;justify-content:flex-start;align-items:center;width:85%;height:100%;gap:clamp(.7rem,1.8vw,5rem);padding-right:10px}.element .battarey .charge-block{position:relative;overflow:hidden;border:2px solid #fff;border-radius:.8rem;width:clamp(60px,20%,1000px);height:80%;background:#ffffff0f;box-shadow:inset 0 1px #ffffff14,0 10px 24px #00000059}.element .battarey .charge-block:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#54f40a,#1eb806);transform-origin:bottom;transform:scaleY(0);transition:transform 1.2s ease}.battarey.is-charging .charge-block:before{transform:scaleY(1)}.battarey.is-charging .charge-block:nth-child(1):before{transition-delay:0ms}.battarey.is-charging .charge-block:nth-child(2):before{transition-delay:.14s}.battarey.is-charging .charge-block:nth-child(3):before{transition-delay:.28s}.battarey.is-charging .charge-block:nth-child(4):before{transition-delay:.42s}.battarey.is-charging .charge-block:nth-child(5):before{transition-delay:.56s}.battarey.is-charging .charge-block:nth-child(6):before{transition-delay:.7s}.battarey.is-charging .charge-block:nth-child(7):before{transition-delay:.84s}.battarey.is-charging .charge-block:nth-child(8):before{transition-delay:.98s}.battarey.is-charging .charge-block:nth-child(9):before{transition-delay:1.12s}.battarey.is-charging .charge-block:nth-child(10):before{transition-delay:1.26s}.battarey.is-charging .charge-block:nth-child(11):before{transition-delay:1.4s}.battarey.is-charging .charge-block:nth-child(12):before{transition-delay:1.48s}.battarey.is-charging .charge-block:nth-child(13):before{transition-delay:1.55s}.battarey .charge-block:nth-child(1):before{background:#da0b0b}.battarey .charge-block:nth-child(2):before{background:#dd420e}.battarey .charge-block:nth-child(3):before{background:#df7811}.battarey .charge-block:nth-child(4):before{background:#e6b114}.battarey .charge-block:nth-child(5):before{background:#e8e817}.battarey .charge-block:nth-child(6):before{background:#aee114}.battarey .charge-block:nth-child(7):before{background:#75da10}.battarey .charge-block:nth-child(8):before{background:#40d80e}.battarey .charge-block:nth-child(9):before{background:#0bd50b}.charge-block.is-empty:before{transform:scaleY(0)!important;transition:none}.soft-skills{padding:0 20px 120px;font-family:Inter,sans-serif}.soft-skills__inner{max-width:1800px;margin:0 auto}.soft-skills__title{font-size:clamp(3rem,8vw,6rem);font-weight:500;margin-bottom:80px;font-family:Inter,sans-serif;color:#fff;padding-left:2rem}.soft-skills__title span{color:#d400ff}.soft-skills__list{display:grid;grid-template-columns:1fr 1fr;gap:30px;justify-items:center}@media(max-width:1100px){.soft-skills__list{grid-template-columns:1fr}}.soft-card{width:min(1150px,80%);display:flex;align-items:center;gap:25px;padding:35px 40px;border-radius:28px;background:linear-gradient(180deg,#28272740,#2f2e2e26);box-shadow:0 20px 40px #0000008c,inset 0 1px #ffffff0a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .25s ease,box-shadow .25s ease}.soft-card:hover{transform:translateY(-4px);box-shadow:0 30px 60px #000000a6,0 0 20px #aa78ff33}.soft-card__dot{width:12px;height:12px;min-width:12px;border-radius:50%;background:#b47bff;box-shadow:0 0 12px #b47bff99}.soft-card p{color:#fff;font-size:clamp(1.5rem,1.5vw,1.6rem);line-height:1.6;font-weight:400;margin:0}.portfolio{padding:110px 20px 0;font-family:Inter,sans-serif}.portfolio__inner{display:flex;flex-direction:column;max-width:1600px;margin:0 auto}.portfolio__title{margin:22px 34px 44px;align-self:flex-end;font-size:clamp(3rem,8vw,6rem);font-weight:500;letter-spacing:-.02em;color:#ffffffeb}.portfolio__title span{color:#d400ff}.portfolio__list{display:grid;gap:26px}.work-card{display:grid;grid-template-columns:620px 1fr;gap:34px;align-items:center;padding:42px 32px;border-radius:26px;border:1px solid rgba(255,255,255,.06);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.work-card__media{border-radius:22px;overflow:hidden;position:relative;box-shadow:0 18px 45px #0000008c,inset 0 1px #ffffff0a}.work-card__media:after{content:"";position:absolute;inset:0;background:radial-gradient(900px 400px at 20% 15%,rgba(170,120,255,.12),transparent 55%);pointer-events:none}.work-card__media img{width:100%;height:100%;display:block;object-fit:cover}.work-card__media img:hover{transform:scale(1.05)}.work-card__media img{transition:transform .225s ease-in}.work-card__meta{margin-bottom:10px}.work-card__pill{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:999px;font-size:13px;font-weight:500;color:#d2aafff2;background:#b47bff1a;border:1px solid rgba(180,123,255,.18)}.work-card__heading{margin:0 0 10px;display:flex;align-items:center;gap:10px;font-size:clamp(2.2rem,2.2vw,5rem);font-weight:500;color:#ffffffeb}.work-card__link{width:28px;height:28px;transform:scale(1.3);display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.work-card__link svg{width:20px;height:20px;fill:#b47bffe6}.work-card__link:hover svg{fill:#d400fff2}.work-card__desc{margin:0 0 18px;max-width:860px;color:#ffffffb8;font-size:20px;line-height:1.6}.work-card__tech{display:flex;flex-wrap:wrap;gap:18px;margin-top:10px}.tech-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(120% 120% at 30% 20%,rgba(255,255,255,.06),transparent 60%);box-shadow:0 10px 30px #0000008c,inset 0 1px #ffffff0d,inset 0 -4px 12px #00000080;transition:transform .25s ease,box-shadow .25s ease}.tech-icon img{width:48px;height:33px;object-fit:contain;filter:drop-shadow(0 0 6px rgba(255,255,255,.15))}#lua img{width:42px;height:42px}.tech-icon:nth-child(5) img{width:35px;height:35px}.tech-icon:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 20px 40px #000000a6,0 0 20px #aa78ff40,inset 0 1px #ffffff14}@media(max-width:1100px){.work-card{grid-template-columns:1fr;gap:18px}.work-card__media{height:280px}}.experience{padding:110px 20px;font-family:Inter,sans-serif}.experience__inner{max-width:1600px;margin:0 auto}.experience__title{margin:22px 34px 44px;font-size:clamp(3rem,8vw,6rem);font-weight:500;letter-spacing:-.02em;color:#ffffffeb}.experience__title span{color:#d400ff;text-shadow:0 0 8px rgba(212,0,255,.35)}.timeline{display:grid;gap:26px}.timeline__item{display:grid;grid-template-columns:44px 1fr;gap:18px;align-items:stretch}.timeline__rail{position:relative;display:flex;justify-content:center;height:110%}.timeline__dot{width:20px;height:20px;border-radius:50%;margin-top:26px;background:#b47bff;box-shadow:0 0 12px #b47bff;z-index:1}.timeline__line{position:absolute;top:38px;bottom:-18px;width:2px;border-radius:999px;background:#ffffff1f;z-index:0}.timeline__item:last-child .timeline__line{display:none}.exp-card{padding:22px 26px;border-radius:26px;background:linear-gradient(180deg,#28272740,#2f2e2e26);border:1px solid rgba(255,255,255,.06);box-shadow:0 22px 60px #0000008c,inset 0 1px #ffffff0a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.exp-card__pill{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:999px;font-size:13px;font-weight:500;color:#d2aafff2;background:#b47bff1a;border:1px solid rgba(180,123,255,.18)}.exp-card__heading{margin:12px 0 6px;display:flex;align-items:center;gap:10px;font-size:clamp(1.6rem,2.2vw,2.3rem);font-weight:500;color:#ffffffeb}.exp-card__role{margin:0 0 10px;font-size:13px;color:#b47bffe6}.exp-card__desc{margin:0 0 16px;color:#ffffffb8;font-size:14px;line-height:1.6;max-width:980px}.exp-card__tech{display:flex;flex-wrap:wrap;gap:16px}@media(max-width:900px){.timeline__item{grid-template-columns:22px 1fr;gap:12px}.timeline__dot{margin-top:18px}.timeline__line{top:30px}}.contact{padding:120px 20px;font-family:Inter,sans-serif}.contact__inner{max-width:1600px;margin:0 auto;border-radius:28px;padding:clamp(22px,2.4vw,34px);background:linear-gradient(180deg,#28272740,#2f2e2e26);border:1px solid rgba(255,255,255,.06);box-shadow:0 22px 60px #0000008c,inset 0 1px #ffffff0a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.contact__top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.contact__title h2{margin:0 0 14px;font-weight:500;letter-spacing:-.02em;font-size:clamp(2.2rem,4vw,4.1rem);color:#ffffffeb}.contact__title h2 span{color:#b400d8}.contact__hint{margin:0;font-size:14px;color:#ffffffb8}.contact__icons{display:flex;gap:14px}.contact__icon{width:58px;height:58px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:radial-gradient(120% 120% at 30% 20%,rgba(255,255,255,.06),transparent 60%),linear-gradient(180deg,#28272740,#14141e66);border:1px solid rgba(255,255,255,.06);box-shadow:0 10px 30px #0000008c,inset 0 1px #ffffff0d,inset 0 -4px 12px #00000080;transition:transform .25s ease,box-shadow .25s ease;text-decoration:none}.contact__icon svg{width:26px;height:26px;fill:#ffffffd9;filter:drop-shadow(0 0 6px rgba(255,255,255,.15))}.contact__icon:hover{transform:translateY(-4px);box-shadow:0 20px 40px #000000a6,0 0 20px #aa78ff40,inset 0 1px #ffffff14}.contact__icon:hover svg{fill:#d400fff2}.contact__bottom{margin-top:26px;display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:end}.contact__btn{height:52px;padding:0 22px;border-radius:14px;border:1px solid rgba(212,0,255,.25);background:linear-gradient(180deg,#d400fff2,#9600dcf2);color:#fffffff2;font-weight:600;letter-spacing:.01em;cursor:pointer;box-shadow:0 16px 40px #0000008c,0 0 26px #d400ff2e;transition:transform .2s ease,box-shadow .2s ease}.contact__btn:hover{transform:translateY(-2px);box-shadow:0 20px 50px #0009,0 0 34px #d400ff3d}.contact__btn:active{transform:translateY(0)}.contact__field{width:100%}.contact__form{display:contents}.contact__textarea{width:95%;min-height:110px;resize:vertical;padding:16px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#0000002e;color:#ffffffe6;outline:none;box-shadow:inset 0 1px #ffffff0d,0 12px 30px #00000073}.contact__textarea::placeholder{color:#ffffff73}.contact__textarea:focus{border-color:#d400ff59;box-shadow:0 0 0 4px #d400ff1a,inset 0 1px #ffffff0d,0 12px 30px #00000073}@media(max-width:900px){.contact__top{flex-direction:column;align-items:flex-start}.contact__bottom{grid-template-columns:1fr}.contact__btn{width:100%}}.blur-screen{position:fixed;top:50%;left:50%;width:100%;height:100%;background:linear-gradient(180deg,#000000ad,#000000c4);filter:blur(12px);transform:translate(-50%,-50%);z-index:999;opacity:0;pointer-events:none}.is-active{opacity:1!important}.is-pointer{pointer-events:auto}.viewer{position:fixed;top:50%;left:50%;width:90%;height:75%;min-height:400px;min-width:300px;transform:translate(-50%,-50%);opacity:0;pointer-events:none;z-index:1000}.viewer-image{display:block;width:100%;height:100%;object-fit:contain}:where(ul,ol):where([class]){padding-left:0}body,:where(blockquote,figure,fieldset):where([class]){margin:0}:where(h1,h2,h3,h4,h5,h6,p,ul,ol,dl):where([class]){margin-block:0}:where(dd[class]){margin-left:0}:where(fieldset[class]){padding:0;border:none}:where(ul[class]){list-style:none}:where(address[class]){font-style:normal}p{--paragraphMarginBottom: 24px;margin-block:0}p:where(:not([class]):not(:last-child)){margin-bottom:var(--paragraphMarginBottom)}input,textarea,select,button{font:inherit}html{scrollbar-gutter:stable;scroll-behavior:smooth}body{line-height:1.5}a:where([class]){display:inline-flex}button,label{cursor:pointer}button{-webkit-tap-highlight-color:transparent}:where([fill]:not([fill=none],[fill^=url])){fill:currentColor}:where([stroke]:not([stroke=none],[stroke^=url])){stroke:currentColor}svg *{transition-property:fill,stroke}:where(table){border-collapse:collapse;border-color:currentColor}@media(prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}