@import"https://fonts.googleapis.com/css2?family=Libre+Baskerville&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Poiret+One&family=Roboto&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:Montserrat,sans-serif;color:var(--text-black);opacity:1;transition:opacity .05s}h1,h3,section,p,span,svg{transition:background-color .5s,color .5s}:root{--primary-offWhite: #e8e8f0;--color-text-light: #1a1a2e;--color-primary-light: #d4cce8;--color-secondary-light: #4a3f6b;--color-green-light: #7c6bc4;--color-blue-light: #6d83f2;--color-text-dark: #d4d4e0;--color-primary-dark: #08080e}.light-theme{--color-text: var(--color-text-light);--color-background: var(--color-primary-light);--color-green: var(--color-green-light);--color-secondary: var(--color-secondary-light);--color-blue: var(--color-blue-light);--color-circle: var(--primary-offWhite)}.dark-theme{--color-text: var(--color-text-dark);--color-background: var(--color-primary-dark);--color-green: var(--color-text-dark);--color-secondary: #5a5a72;--color-blue: var(--color-text-dark);--color-circle: #14141c}.experience{position:fixed;width:100vw;height:100vh}.experience-canvas{width:100%;height:100%}.page{z-index:99999;width:100%;height:100vh;overflow:hidden}.page-wrapper{position:relative}a{text-decoration:none;color:inherit}.section-button{--c: #6d83f2;display:inline-block;font-family:Montserrat,system-ui,sans-serif;font-size:calc(12px + .6vw);cursor:pointer;margin-top:64px;margin-right:16px;padding:.35em 1em;font-weight:500;border:2px solid var(--c);border-radius:6px;background:transparent;color:var(--color-text);transition:background .3s,color .3s,transform .2s,box-shadow .3s}.section-button a{color:inherit}.section-button:hover{background:var(--c);color:#fff;transform:translateY(-2px);box-shadow:0 4px 16px #6d83f259}.section-button:hover a{color:#fff}.section-button:active{transform:translateY(0);box-shadow:none}.bot-button{margin-top:16px}.contact-button-wrapper{display:inline-flex;list-style:none;margin-top:32px}.contact-button-wrapper .icon{position:relative;background:#ffffff;border-radius:50%;padding:15px;margin:10px;width:50px;height:50px;font-size:18px;display:flex;justify-content:center;align-items:center;flex-direction:column;box-shadow:0 10px 10px #0000001a;cursor:pointer;transition:all .2s cubic-bezier(.68,-.55,.265,1.55)}.contact-button-wrapper .tooltip{position:absolute;top:0;font-size:14px;background:#ffffff;color:var(--color-background);padding:5px 8px;border-radius:5px;box-shadow:0 10px 10px #0000001a;opacity:0;pointer-events:none;transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.contact-button-wrapper .tooltip:before{position:absolute;content:"";height:8px;width:8px;background:var(--color-background);bottom:-3px;left:50%;transform:translate(-50%) rotate(45deg);transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.contact-button-wrapper .icon:hover .tooltip{top:-45px;opacity:1;visibility:visible;pointer-events:auto}.contact-button-wrapper .icon:hover span,.contact-button-wrapper .icon:hover .tooltip{text-shadow:0px -1px 0px rgba(0,0,0,.1)}.contact-button-wrapper .github{color:#333332}.contact-button-wrapper .github:hover,.contact-button-wrapper .github:hover .tooltip,.contact-button-wrapper .github:hover .tooltip:before{background:#333333;color:#fff}.contact-button-wrapper .discord{color:#5865f2}.contact-button-wrapper .discord:hover,.contact-button-wrapper .discord:hover .tooltip,.contact-button-wrapper .discord:hover .tooltip:before{background:#5865f2;color:#fff}.contact-button-wrapper .twitter{color:#1a1a2e}.contact-button-wrapper .twitter:hover,.contact-button-wrapper .twitter:hover .tooltip,.contact-button-wrapper .twitter:hover .tooltip:before{background:#1a1a2e;color:#fff}.hidden{display:none}.preloader{position:fixed;background-color:var(--color-background);width:100%;height:100vh;opacity:1;z-index:9999999999999999}.preloader-wrapper{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.loading{display:flex;justify-content:center;align-items:center}.circle{width:10px;height:10px;border-radius:50%;margin:6px;background-color:var(--color-secondary);animation:load 1s ease-in-out infinite}.circle:nth-child(2){animation-delay:.1s}.circle:nth-child(3){animation-delay:.2s}@keyframes load{0%{transform:translateY(0)}20%{transform:translateY(-12px)}40%{transform:translateY(0)}}.animate{display:inline-block;transform:translateY(100%)}.intro-text{position:absolute;display:flex;justify-content:center;align-items:center;top:50%;left:50%;font-size:24px;font-weight:500;color:var(--color-text);transform:translate(-50%,-50%)}.arrow-wrapper{position:absolute;bottom:7%;left:50%;opacity:0;color:var(--color-text);transform:translate(-50%,-50%);animation:bounce .5s ease-in alternate infinite}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(8px)}}.chevrons{position:relative;padding:6px 0 0;margin-left:-3px;margin-top:48px;width:30px;display:flex;flex-direction:column;align-items:center}.chevrondown{margin-top:-6px;position:relative;border:solid var(--color-text);border-width:0 3px 3px 0;display:inline-block;width:10px;height:10px;transform:rotate(45deg)}.chevrondown:nth-child(odd){animation:pulse .5s ease infinite alternate}.chevrondown:nth-child(even){animation:pulse .5s ease infinite alternate .25s}@keyframes pulse{0%{opacity:0}to{opacity:.5}}.toggle-bar{position:fixed;display:flex;flex-direction:row;justify-content:center;align-items:center;opacity:0;top:48px;right:48px;z-index:999999999}.sun-wrapper,.moon-wrapper{display:flex;flex-direction:row;justify-content:center;align-items:center;color:var(--color-text)}.toggle-button{cursor:pointer;position:relative;width:56px;height:28px;display:flex;justify-content:center;align-items:center;background-color:var(--color-secondary);border-radius:999px;margin:0 16px;border:none;box-shadow:#00000080 -1.95px 1.95px 2.6px}.toggle-circle{position:absolute;left:6px;border-radius:50%;width:19px;height:19px;background-color:var(--color-circle);transition:all .2s ease-in-out}.toggle-button:hover .toggle-circle{transform:scale(.85)}.slide{left:28px}.section-margin{height:3000px;width:100%}.section{position:relative;width:50%;padding:1000px 4%;margin:0;background-color:var(--color-background);overflow:hidden}.left{margin-right:auto;border-top-right-radius:700px;border-bottom-right-radius:0}.right{margin-left:auto;border-top-left-radius:700px;border-bottom-left-radius:0}.section-intro-wrapper{position:relative;padding:20% 5% 400px;border-bottom:2px solid var(--color-secondary);transition:border-bottom .5s}.section-detail-wrapper{position:relative;padding:20% 5%}.section-heading{font-size:18px;font-weight:700;line-height:1.8;margin-top:64px;color:var(--color-text)}.section-text{line-height:2;margin-top:18px;font-size:16px;color:var(--color-text)}.progress-wrapper{height:0;width:12px;z-index:99999}.progress-bar-wrapper-left{position:absolute;top:0;left:0}.progress-bar-wrapper-right{position:absolute;top:0;right:0}.progress-bar{height:100vh;width:100%;background-color:var(--color-secondary);transform-origin:top center;transform:scaleY(1)}.section-title{position:relative;color:var(--color-secondary)}.section-title-text{display:block;font-size:40px;font-weight:500;transform-origin:left;transform:skewY(25deg);z-index:5;text-transform:uppercase;color:var(--color-text)}.section-title-decoration{transition:background-color .5s,color .5s}.style1,.style2,.style3{position:absolute;display:block;width:100%;max-width:278px;height:60px;border:1px solid var(--color-secondary);transform-origin:left;transform:skewY(-25deg)}.style1{top:0}.style2{top:80px}.style3{top:80px;transform:skewY(25deg);background-color:var(--color-secondary)}.section-number{position:absolute;bottom:15px;right:0;color:var(--color-secondary);font-size:24px}.hero{width:100vw;height:100vh}.hero-wrapper{position:relative;height:100%;width:calc(100% - 160px);margin:0 auto;max-width:1250px}.hero-main{position:absolute;bottom:168px;left:0;color:var(--color-text)}.hero-second{position:absolute;top:calc(50% - 260px);right:0;color:var(--color-text)}.hero-main-title{font-size:calc(100% + 2.5vw);color:var(--color-text)}.hero-main-description{font-size:calc(100% + .15vw);color:var(--color-text)}.hero-second p{font-size:calc(100% + 1.4vw);color:var(--color-text)}.blue-text{color:var(--color-blue)}.blue-border{border-color:var(--color-blue)}.blue-background{background-color:var(--color-blue)}.green-text{color:var(--color-green)}.green-border{border-color:var(--color-green)}.green-background{background-color:var(--color-green)}.project-list{display:flex;flex-direction:column;gap:12px;margin-top:32px}.project-card{padding:16px 20px;border:1px solid var(--color-secondary);border-radius:8px;cursor:pointer;transition:border-color .25s,transform .2s,box-shadow .25s;background:transparent}.project-card:hover{border-color:var(--hover-color, #6d83f2);transform:translate(6px);box-shadow:-3px 0 0 0 var(--hover-color, #6d83f2)}.project-card__name{font-size:16px;font-weight:600;color:var(--color-text);margin-bottom:4px}.project-card__status{display:inline-block;font-size:11px;text-transform:uppercase;letter-spacing:.05em;padding:2px 8px;border-radius:4px;font-weight:600;margin-bottom:6px;background:var(--color-secondary);color:var(--primary-offWhite)}.project-card__status--completed{background:#4caf50}.project-card__status--in-progress{background:#f5a623;color:#1a1a2e}.project-card__status--on-hold{background:#e74c3c}.project-card__status--archived{background:#777}.project-card__category{font-size:13px;color:var(--color-text);opacity:.65;margin-top:2px}.project-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999999999;display:flex;align-items:center;justify-content:center}.project-modal[hidden]{display:none}.project-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.project-modal__content{position:relative;background:#0c0c16;border-radius:12px;max-width:560px;width:90%;max-height:85vh;overflow-y:auto;padding:0;box-shadow:0 24px 64px #00000080;animation:modalIn .25s ease-out;scrollbar-width:none}.project-modal__content::-webkit-scrollbar{display:none}@keyframes modalIn{0%{opacity:0;transform:scale(.95) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.project-modal__close{position:absolute;top:12px;right:16px;background:none;border:none;color:#d4d4e0;font-size:28px;cursor:pointer;z-index:2;line-height:1;opacity:.7;transition:opacity .2s}.project-modal__close:hover{opacity:1}.project-modal__image{width:100%;max-height:320px;object-fit:cover;border-radius:12px 12px 0 0;display:block}.project-modal__image[src=""]{display:none}.project-modal__title{color:#d4d4e0;font-size:22px;font-weight:700;padding:20px 24px 4px}.project-modal__desc{color:#9a9ab0;font-size:14px;line-height:1.7;padding:8px 24px 16px}.project-modal__meta{display:flex;flex-wrap:wrap;gap:8px;padding:0 24px 24px}.modal-tag{font-size:11px;text-transform:uppercase;letter-spacing:.04em;padding:3px 10px;border-radius:4px;background:#16161e;color:#9a9ab0;font-weight:500}.modal-tag--status{background:#6d83f2;color:#fff}.project-modal__media{position:relative;margin:0 24px 24px;border-radius:10px;overflow:hidden;background:#0a0a10}.project-modal__media[hidden]{display:none}.media-carousel{display:flex;transition:transform .35s cubic-bezier(.4,0,.2,1)}.media-carousel__slide{min-width:100%;position:relative}.media-carousel__slide img,.media-carousel__slide video{width:100%;display:block;object-fit:cover;max-height:300px}.media-carousel__slide video{background:#000}.media-nav{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;border:none;background:rgba(10,10,16,.85);color:#d4d4e0;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .15s;z-index:2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.media-nav:hover{background:rgba(109,131,242,.9);transform:translateY(-50%) scale(1.1)}.media-nav--prev{left:8px}.media-nav--next{right:8px}.media-dots{display:flex;justify-content:center;gap:6px;padding:10px 0;background:#0a0a10}.media-dot{width:8px;height:8px;border-radius:50%;border:none;background:#3a3a5c;cursor:pointer;transition:background .2s,transform .2s;padding:0}.media-dot--active{background:#6d83f2;transform:scale(1.3)}.media-counter{position:absolute;top:10px;right:10px;background:rgba(10,10,16,.8);color:#9a9ab0;font-size:11px;padding:3px 10px;border-radius:12px;z-index:2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-family:Montserrat,sans-serif}.audio-hint{position:fixed;top:56px;left:84px;z-index:999999999;font-size:.7rem;letter-spacing:.03em;color:var(--color-text);opacity:0;white-space:nowrap;pointer-events:none;animation:hintPulse 2.5s ease-in-out infinite;animation-delay:1s;transition:opacity .4s}.audio-hint.hidden{animation:none;opacity:0!important}@keyframes hintPulse{0%,to{opacity:0}30%,70%{opacity:.6}}.audio-toggle{position:fixed;top:48px;left:48px;z-index:999999999;width:28px;height:28px;border-radius:50%;border:none;background-color:var(--color-secondary);box-shadow:#00000080 -1.95px 1.95px 2.6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s cubic-bezier(.4,0,.2,1);color:var(--color-text)}.audio-toggle:before,.audio-toggle:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:1.5px solid var(--color-text);opacity:.4;animation:audioRing 1.8s ease-in-out infinite}.audio-toggle:after{top:-10px;right:-10px;bottom:-10px;left:-10px;border-width:1px;opacity:.2;animation-delay:.4s}@keyframes audioRing{0%,to{transform:scale(.9);opacity:0}50%{transform:scale(1);opacity:.4}}.audio-toggle:hover{transform:scale(1.15)}.audio-toggle:active{transform:scale(.85)}.audio-toggle.pop{animation:audioPop .4s cubic-bezier(.34,1.56,.64,1)}@keyframes audioPop{0%{transform:scale(.85)}50%{transform:scale(1.25)}to{transform:scale(1)}}.audio-toggle svg{width:14px;height:14px;fill:currentColor;transition:transform .25s cubic-bezier(.4,0,.2,1)}.audio-toggle:hover svg{transform:scale(1.1)}.audio-toggle .icon-muted,.audio-toggle[data-muted=true] .icon-playing{display:none}.audio-toggle[data-muted=true] .icon-muted{display:block}.audio-toggle[data-muted=true]{opacity:.4}.audio-toggle[data-muted=true]:before,.audio-toggle[data-muted=true]:after{animation-play-state:paused;opacity:.15}.hover-card{position:fixed;z-index:999999;pointer-events:none;background:rgba(10,10,18,.82);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(109,131,242,.18);border-radius:12px;padding:14px 18px;max-width:240px;opacity:0;transform:translate(-50%) translateY(10px) scale(.95);transition:opacity .35s cubic-bezier(.16,1,.3,1),transform .35s cubic-bezier(.16,1,.3,1);text-align:center;box-shadow:0 8px 32px #00000073,0 0 0 1px #6d83f20f,0 0 20px #6d83f214}.hover-card.visible{opacity:1;transform:translate(-50%) translateY(0) scale(1)}.hover-card__title{font-family:Montserrat,sans-serif;font-weight:700;font-size:.78rem;line-height:1.2;color:var(--primary-offWhite);margin-bottom:5px;letter-spacing:.04em;text-transform:uppercase}.hover-card__desc{font-family:Montserrat,sans-serif;font-weight:400;font-size:.62rem;line-height:1.5;color:#d4cce8a6}.asscrollbar{position:fixed}.asscrollbar__handle{width:6px!important;height:60px!important}@media (max-width: 968px){.section{width:100%}.hero-main{bottom:124px}.hero-wrapper{width:90%}.hero-main-title{font-size:calc(100% + 2vw)}.hero-main-description{font-size:calc(50% + 1.5vw)}.progress-bar-wrapper-left{right:0;left:auto}.intro-text{font-size:16px}button{margin-top:32px}.bot-button{margin-top:16px}}@media (min-width: 2048px){.hero-wrapper{max-width:75%}.hero-main-title{font-size:calc(100% + 3vw)}.hero-main-description{font-size:calc(100% + .5vw)}.hero-second p{font-size:calc(100% + 2vw)}}