body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.navbar{align-items:center;box-sizing:border-box;display:flex;gap:20px;opacity:0;padding:12px 32px 12px 20px;pointer-events:auto;position:fixed;right:0;top:0;transition:opacity .22s ease;width:fit-content;z-index:10}.navbar:focus-within,.navbar:hover,.navbarVisible{opacity:1;pointer-events:auto}.navbar:not(.navbarVisible):not(:hover):not(:focus-within) .navbarLink{pointer-events:none}.navbarLink{align-items:center;color:#fff;display:inline-flex;font-size:.95rem;font-weight:600;gap:8px;letter-spacing:0;min-height:40px;text-decoration:none;transition:color .16s ease,opacity .16s ease}.navbarLink:focus-visible,.navbarLink:hover{color:#d8ecff;outline:none}@media (max-width:600px){.navbar{display:none}}.customScrollbarArea{background:#0000;bottom:0;position:fixed;right:0;top:0;width:18px;z-index:20}.customScrollbarThumb{background:linear-gradient(180deg,#92ebb5eb,#00b53cdb);border-radius:999px;box-shadow:0 0 10px #46f06e57,inset 0 0 2px #fff6;opacity:0;pointer-events:auto;position:absolute;right:4px;top:0;touch-action:none;transition:opacity .16s ease;width:7px}.customScrollbarThumbVisible{opacity:1}@media (max-width:600px){.customScrollbarArea{display:none}}.background{background:linear-gradient(180deg,#0f0f0f 0,#1b2631);inset:0;position:fixed;z-index:-1}.bgCanvas{display:block;height:100%;margin:0}.bgCanvas,.overlay{left:0;pointer-events:none;position:fixed;top:0;width:100%}.overlay{height:100vh}.frontpage{color:#fff;display:flex;height:100%;min-height:100vh;overflow:hidden;width:100%}.title{left:50%;margin:auto;position:absolute;text-align:center;text-shadow:0 0 6px #ffffff3d,0 0 16px #ffffff1f;top:50%;transform:translate(-50%,-50%);width:calc(100% - 32px)}.name{font-size:clamp(2rem,9vw,4rem);text-shadow:0 0 8px #ffffff3d,0 0 20px #ffffff38,0 0 34px #ffffff1a}.name,.subtitle{white-space:nowrap}.subtitle{font-size:clamp(1.05rem,4.8vw,1.8rem)}h1,h3{margin:0}@keyframes bounce{20%,80%{transform:translateY(0)}50%{transform:translateY(-10px)}}.scrollIndicator{bottom:10px;font-size:40px;left:50%;opacity:1;position:absolute;transform:translateX(-50%);transition:opacity .18s ease,visibility .18s ease;visibility:visible}.scrollIndicator .anticon{animation:bounce 2s infinite;display:block}.scrollIndicatorHidden{opacity:0;pointer-events:none;visibility:hidden}.scrollIndicator:active,.scrollIndicator:hover,.scrollIndicator:link,.scrollIndicator:visited{color:inherit;text-decoration:none}.about-technologies{grid-gap:2px;display:grid;gap:2px;grid-template-rows:repeat(3,auto)}.technology-panel{box-sizing:border-box;display:flex;flex-direction:column;gap:14px;justify-content:flex-start;min-height:auto;padding:clamp(8px,1.4vw,12px) clamp(10px,2vw,16px)}.technology-panel h2{color:#fff;font-size:clamp(1.45rem,3vw,2rem);font-weight:500;letter-spacing:0;margin:0;text-align:center}.technology-list{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.technology-item{align-items:center;border:1px solid #ffffff38;border-radius:6px;display:inline-flex;gap:8px;min-height:38px;padding:7px 10px;position:relative;transition:border-color .18s ease,box-shadow .18s ease}.technology-item:before{background:conic-gradient(from var(--technology-border-angle),#92ebb5f2,#46f06ee6,#00b53ce0,#92ebb5f2);border-radius:inherit;content:"";inset:-1px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:1px;pointer-events:none;position:absolute;transition:opacity .18s ease}.technology-item:hover{border-color:#0000;box-shadow:0 0 0 1px #92ebb542,0 0 12px #46f06e3d}.technology-item:hover:before{animation:technology-border-spin 1.8s linear infinite;opacity:1}.technology-item img{height:22px;object-fit:contain;width:22px}.technology-item span{color:#ffffffe6;font-size:.92rem;line-height:1.2;white-space:nowrap}@keyframes technology-border-spin{to{--technology-border-angle:1turn}}@property --technology-border-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@media (max-width:520px){.technology-panel{padding:10px 8px}.technology-list{gap:10px}.technology-item{max-width:100%}.technology-item span{white-space:normal}}.about{color:#fff;margin-bottom:70px;margin-left:auto;margin-right:auto;padding-top:60px;width:min(1180px,82vw)}.about-header{margin:0 0 100px}.about-layout{grid-gap:clamp(32px,6vw,86px);align-items:stretch;display:grid;gap:clamp(32px,6vw,86px);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.about-intro{grid-gap:clamp(18px,3vw,34px);align-content:start;align-items:center;display:grid;gap:clamp(18px,3vw,34px);grid-template-rows:auto auto;justify-items:center}.about-profile{align-items:center;aspect-ratio:1;border:3px solid #ffffffe6;border-radius:50%;box-shadow:0 24px 60px #0000003d;display:flex;justify-content:center;max-width:320px;overflow:visible;position:relative;transition:border-color .18s ease,box-shadow .18s ease;width:min(100%,28vw)}.about-profile:before{background:conic-gradient(from var(--technology-border-angle),#92ebb5f2,#46f06ee6,#00b53ce0,#92ebb5f2);border-radius:inherit;content:"";inset:-3px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:3px;pointer-events:none;position:absolute;transition:opacity .18s ease;z-index:1}.about-profile:hover{border-color:#0000;box-shadow:0 24px 60px #0000003d,0 0 16px #46f06e47}.about-profile:hover:before{animation:technology-border-spin 1.8s linear infinite;opacity:1}.about-profile img{border-radius:50%;height:100%;object-fit:cover;width:100%}.about-bio{align-self:start;display:flex;flex-direction:column;gap:18px;padding-left:clamp(28px,4vw,42px);padding-top:0;text-align:left;width:min(100%,520px)}.about-bio p{color:#ffffffdb;font-size:1.11rem;line-height:1.7;margin:0}@media (max-width:900px){.about{width:min(680px,88vw)}.about-layout{grid-template-columns:1fr}.about-profile{width:min(290px,72vw)}.about-bio{min-height:auto;padding-left:clamp(12px,4vw,24px);padding-right:clamp(12px,4vw,24px);width:100%}}@media (max-width:520px){.about{width:90vw}.about-header{margin-bottom:34px}}.project-tile{align-items:flex-start;display:flex;gap:clamp(18px,3vw,32px);padding:20px 0}.project-image{flex:0 1 650px;max-width:100%;min-width:0}.project-image-button{aspect-ratio:16/9;background:#0000;border:3px solid #fff;cursor:zoom-in;display:block;padding:0;position:relative;transition:border-color .18s ease,box-shadow .18s ease;width:100%}.project-image-button:before{background:conic-gradient(from var(--project-border-angle),#92ebb5f2,#46f06ee6,#00b53ce0,#92ebb5f2);content:"";inset:-3px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:3px;pointer-events:none;position:absolute;transition:opacity .18s ease}.project-image-button:hover{border-color:#0000;box-shadow:0 0 0 1px #92ebb542,0 0 18px #46f06e47}.project-image-button:hover:before{animation:project-border-spin 1.8s linear infinite;opacity:1}.project-image-button:disabled{border-color:#fff;box-shadow:none;cursor:default}.project-image-button:disabled:before{animation:none;opacity:0}.project-image-button img{display:block;height:100%;max-width:650px;object-fit:cover;object-position:top center;width:100%}.project-image-button--contain{background:#929292}.project-image-button--contain img{object-fit:contain}.project-image-button:focus-visible{outline:3px solid #80bdff;outline-offset:4px}.project-modal-open{overflow:hidden}.project-image-modal{align-items:center;background:#000000bf;cursor:zoom-out;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1000}.project-image-modal-img{border:3px solid #505050;box-shadow:0 20px 60px #00000073;cursor:default;height:auto;max-height:85vh;max-width:85vw;width:auto}.project-image-modal-close{background:#00000073;border:1px solid #ffffff73;border-radius:50%;color:#fff;cursor:pointer;font-size:2rem;height:44px;line-height:1;position:fixed;right:22px;top:18px;width:44px}.project-image-modal-close:focus-visible,.project-image-modal-close:hover{background:#000000b3;outline:none}.project-details{flex:1 1 280px;margin-left:0;min-width:0}.project-details h3{color:#fff;font-size:1.5rem;margin:0}.project-details p{color:#fff;margin:15px 0 20px}.project-links a{background:#007bff;border-radius:5px;color:#fff;display:inline-block;margin-bottom:10px;margin-right:10px;padding:8px 12px;text-decoration:none}.project-links a:hover{background:#0056b3}.project-skills{display:flex;flex-wrap:wrap;margin-top:10px}.skill-item{align-items:center;display:inline-flex;flex-direction:column;margin-right:10px;min-height:76px;position:relative;width:50px}.skill-icon{height:50px;width:50px}.skill-name{color:#fff;font-size:.75rem;left:50%;line-height:1.1;max-width:120px;opacity:0;position:absolute;text-align:center;top:56px;transform:translate(-50%,-2px);transition:opacity .14s ease,transform .14s ease;width:max-content}.skill-item:hover .skill-name{opacity:1;transform:translate(-50%)}@keyframes project-border-spin{to{--project-border-angle:1turn}}@property --project-border-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@media (max-width:980px){.project-tile{flex-direction:column}.project-image{flex:none;width:100%}.project-image-button img{max-width:none}.project-image-button:hover{border-color:#fff;box-shadow:none}.project-image-button:hover:before{animation:none;opacity:0}}@media (max-width:520px){.project-details h3{font-size:1.35rem}.project-links a{margin-right:8px}}.projects-header{padding-bottom:40px;padding-top:60px}.projects-padding{box-sizing:border-box;padding-left:clamp(16px,5vw,48px);padding-right:clamp(16px,5vw,48px);width:100%}@media (min-width:1200px){.projects-padding{padding-left:15%;padding-right:15%}}.contact-section{box-sizing:border-box;color:#fff;margin-bottom:210px;margin-top:230px;padding-left:clamp(16px,5vw,15%);padding-right:clamp(16px,5vw,15%);text-align:center;width:100%}.contact-section h2{font-size:2.2rem;margin-bottom:-10px}.contact-section p{font-size:1.15rem;margin-bottom:45px}.contact-form{display:flex;flex-direction:column;gap:10px;margin:0 auto;max-width:500px;width:100%}.contact-form input,.contact-form textarea{border:1px solid #ccc;border-radius:0;font-family:inherit;font-size:16px;padding:10px;width:100%}.contact-form input:active,.contact-form input:focus,.contact-form textarea:active,.contact-form textarea:focus{border:1px solid #ccc;outline:none}.contact-form textarea{height:100px;resize:none;width:100%}.contact-form button{background-color:#007bff;border:none;border-radius:0;color:#fff;cursor:pointer;font-size:16px;margin:0;padding:10px;width:100%}.contact-form button:hover{background-color:#0056b3}.contact-form button:disabled{background-color:#6c757d;cursor:not-allowed}.contact-status{font-size:.95rem;margin:0}*{box-sizing:border-box}.footer{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;margin-bottom:10px;margin-top:10px;text-align:center}.social-links{display:flex;gap:20px;margin-bottom:-5px}.social-links a{color:#fff;font-size:50px;transition:color .3s ease-in-out}.social-links a:hover{color:#8d8d8d}.copyright{font-size:14px;opacity:.8}body,html{-ms-overflow-style:none;scroll-behavior:smooth;scrollbar-width:none}body::-webkit-scrollbar,html::-webkit-scrollbar{display:none}html.scrollbarDragging,html.scrollbarDragging body{scroll-behavior:auto}#content{height:100%;min-height:100vh;position:relative}.header-text{color:#fff;font-size:2.5rem;text-align:center}
/*# sourceMappingURL=main.2ce5b10d.css.map*/