.cursor{z-index:200;width:40px;aspect-ratio:1/1;position:fixed;border-radius:50%;background-color:transparent;border:2px solid grey;pointer-events:none;overflow:hidden;mix-blend-mode:luminosity;transition:background-color .3s,width .5s ease-in-out;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}@media (pointer: coarse){.cursor{display:none}}.about-section{padding:100px 0;position:relative;overflow:hidden}.about-section .lead{font-size:1.25rem;font-weight:500;line-height:1.8;color:var(--main-white)}.about-section p{font-size:1rem;line-height:1.7;color:var(--main-sub)}.stats-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}.stat-card{padding:32px 24px;background:rgba(176,110,255,.05);border:1px solid rgba(176,110,255,.2);border-radius:16px;text-align:center;transition:all .3s ease}.stat-card:hover{border-color:#b06eff80;transform:translateY(-8px);box-shadow:0 20px 40px #b06eff26}.stat-value{font-size:2.5rem;font-weight:700;color:var(--main-light-purple);margin-bottom:8px}.stat-label{font-size:.95rem;color:var(--main-sub);font-weight:500}.about-wrapper{border-right:2px solid;border-image:linear-gradient(to bottom,rgba(255,255,255,.1),#666666) 1;padding-right:2rem!important;display:flex;align-items:center;justify-content:start}.about-header-rotated{writing-mode:vertical-rl;transform:rotate(180deg);font-weight:300;color:var(--main-white);mix-blend-mode:soft-light;white-space:nowrap;letter-spacing:2px;font-size:4.5rem;margin:0}.about-header-mobile{display:none;font-weight:400;font-size:2rem;color:var(--main-white);mix-blend-mode:soft-light;margin-bottom:2rem;margin-top:2rem}sup{font-size:2rem;vertical-align:super;color:var(--main-white);mix-blend-mode:soft-light}@media (max-width: 768px){.about-section{padding:60px 0}.about-wrapper{display:none!important}.about-header-mobile{display:block}.stats-container{grid-template-columns:repeat(2,1fr);gap:16px}.stat-card{padding:24px 16px}.stat-value{font-size:2rem}}.skills-carousel-wrapper{width:100%;overflow:hidden;border-radius:16px;background:rgba(176,110,255,.02);border:1px solid rgba(176,110,255,.1);padding:16px 0;position:relative}.skills-carousel-wrapper:before{content:"";position:absolute;left:0;top:0;bottom:0;width:60px;background:linear-gradient(to right,rgba(17,17,17,.5) 0%,rgba(17,17,17,0) 100%);z-index:2;pointer-events:none}.skills-carousel-wrapper:after{content:"";position:absolute;right:0;top:0;bottom:0;width:60px;background:linear-gradient(to left,rgba(17,17,17,.5) 0%,rgba(17,17,17,0) 100%);z-index:2;pointer-events:none}.skills-carousel{display:flex;gap:12px;padding:0 16px;width:fit-content}.skills-carousel .skill-tag{flex-shrink:0;padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:500;transition:all .3s ease;white-space:nowrap}.skill-tag-framework{background:linear-gradient(135deg,rgba(43,255,0,.1) 0%,rgba(43,255,0,.1) 50%);border:1px solid rgba(43,255,0,.3);color:var(--main-white)}.skill-tag-programmingLanguage{background:linear-gradient(135deg,rgba(0,234,255,.1) 0%,rgba(0,234,255,.1) 50%);border:1px solid rgba(0,234,255,.3);color:var(--main-white)}.skill-tag-tool{background:linear-gradient(135deg,rgba(229,255,0,.1) 0%,rgba(229,255,0,.1) 50%);border:1px solid rgba(229,255,0,.3);color:var(--main-white)}.skill-tag-programms{background:linear-gradient(135deg,rgba(255,105,180,.1) 0%,rgba(255,105,180,.1) 50%);border:1px solid rgba(255,105,180,.3);color:var(--main-white)}.skills-carousel .skill-tag:hover{transform:translateY(-4px)}.skill-tag-framework:hover{background:rgba(43,255,0,.15);box-shadow:0 4px 8px #2bff0033}.skill-tag-programmingLanguage:hover{background:rgba(0,234,255,.15);box-shadow:0 4px 8px #00eaff33}.skill-tag-tool:hover{background:rgba(229,255,0,.15);box-shadow:0 4px 8px #e5ff0033}.skill-tag-programms:hover{background:rgba(255,105,180,.15);box-shadow:0 4px 8px #ff69b433}.carousel-wrapper{position:relative;z-index:2;border-radius:20px;overflow:hidden}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-item{position:absolute;width:100%;opacity:0;transition:opacity .6s ease-in-out;display:block}.carousel-item.active{opacity:1;position:relative}.carousel-item img{width:100%;height:auto;display:block}.carousel-indicators{position:absolute;bottom:10px;z-index:10}.carousel-indicators button{width:12px;height:12px;border-radius:50%;margin:0 4px;background-color:#ffffff80;border:none;transition:background-color 1s;cursor:pointer}.carousel-indicators .active{background-color:var(--main-light-purple)}.carousel-control-prev,.carousel-control-next{width:2rem;height:2rem;top:50%;margin:0 10px;opacity:.7;position:absolute;background:none;border:none;cursor:pointer;z-index:10;transition:opacity .3s ease}.carousel-control-prev:hover,.carousel-control-next:hover{opacity:1}.contact-section{padding:100px 0;position:relative;overflow:hidden}.contact-section .form-label{font-size:.95rem;font-weight:600;color:var(--main-white);display:block;margin-bottom:8px}.contact-section .form-control{background:rgba(176,110,255,.05);border:1px solid rgba(176,110,255,.2);border-radius:8px;padding:12px 16px;font-size:1rem;color:var(--main-white);font-family:Poppins,sans-serif;transition:all .3s ease}.contact-section .form-control::placeholder{color:#ffffff80}.contact-section .form-control:focus{background:rgba(176,110,255,.1);border-color:#b06eff80;outline:none;box-shadow:0 0 12px #b06eff33}.contact-section textarea.form-control{resize:vertical;min-height:120px}.btn-submit{width:100%;padding:14px 24px;background:linear-gradient(135deg,rgba(176,110,255,.2) 0%,rgba(176,110,255,.1) 100%);border:2px solid rgba(176,110,255,.5);border-radius:8px;font-size:1rem;font-weight:600;color:var(--main-light-purple);cursor:pointer;transition:all .3s ease;font-family:Poppins,sans-serif}.btn-submit:hover{background:linear-gradient(135deg,rgba(176,110,255,.3) 0%,rgba(176,110,255,.2) 100%);border-color:var(--main-light-purple);box-shadow:0 8px 24px #b06eff33;transform:translateY(-2px)}.info-container{display:grid;gap:24px}.info-content{display:flex;flex-direction:column;align-items:center;gap:4px}.info-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px 24px;background:rgba(176,110,255,.05);border:1px solid rgba(176,110,255,.2);border-radius:16px;transition:all .3s ease}.info-card:hover{border-color:#b06eff80;transform:translateY(-8px);box-shadow:0 20px 40px #b06eff26}.info-label{font-size:.95rem;color:var(--main-sub);font-weight:500}.info-value{font-size:1.5rem;font-weight:700;color:var(--main-light-purple);margin-bottom:8px}.social-links{grid-column:1 / -1}.social-label{font-size:1rem;font-weight:600;color:var(--main-white);margin-bottom:16px}.social-icons{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.social-link{padding:10px 20px;background:rgba(176,110,255,.1);border:1px solid rgba(176,110,255,.3);border-radius:20px;color:var(--main-light-purple);text-decoration:none;font-size:.9rem;font-weight:500;transition:all .3s ease;display:inline-block}.social-link:hover{background:rgba(176,110,255,.2);border-color:var(--main-light-purple);transform:translateY(-4px);box-shadow:0 8px 16px #b06eff33}.contact-wrapper{border-right:2px solid;border-image:linear-gradient(to bottom,rgba(255,255,255,.1),#666666) 1;padding-right:2rem!important;display:flex;align-items:center;justify-content:start}.contact-header-rotated{writing-mode:vertical-rl;transform:rotate(180deg);font-weight:300;color:var(--main-white);mix-blend-mode:soft-light;white-space:nowrap;letter-spacing:2px;font-size:4.5rem;margin:0}.contact-header-mobile{display:none;font-weight:400;font-size:2rem;color:var(--main-white);mix-blend-mode:soft-light;margin-bottom:2rem;margin-top:2rem}.contact-header-mobile{display:none;font-weight:700;font-size:2rem;color:var(--main-light-purple);margin-bottom:2rem;margin-top:2rem}@media (max-width: 768px){.contact-section{padding:60px 0}.contact-wrapper{display:none!important}.contact-header-mobile{display:block}.info-container{grid-template-columns:repeat(2,1fr);gap:16px}.info-card{padding:24px 16px;aspect-ratio:1}.info-icon{font-size:2rem}.btn-submit{padding:12px 20px;font-size:.95rem}}.footer{background-color:var(--main-dark);border-top:1px solid rgba(176,110,255,.1);padding:40px 0;margin-top:100px;min-height:200px}.footer-content{text-align:center;display:flex;flex-direction:column;gap:8px}.footer-text{font-size:.95rem;color:var(--main-sub);margin:0}.footer-heart{color:var(--main-light-purple);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{color:var(--main-light-purple)}50%{color:#b06eff99}}@media (max-width: 768px){.footer{padding:30px 0;margin-top:60px}.footer-text{font-size:.9rem}}.logo{aspect-ratio:1 / 1;width:52px}.menu-icon{width:52px;aspect-ratio:1 / 1;overflow-y:hidden}#menu-icon svg{width:100%;height:auto}#menu-icon path{width:100%;height:auto}.top-bar{z-index:99;width:100%;position:fixed;top:0;left:0;display:flex;justify-content:space-between;align-items:center;flex-direction:row;box-sizing:border-box;background-color:transparent;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}@media (max-width: 575px){.logo,.menu-icon{aspect-ratio:1 / 1;width:42px}}@media (min-width: 768px) and (max-width: 991px){.logo,.menu-icon{aspect-ratio:1 / 1;width:42px}}@media (orientation: portrait){.top-bar{position:fixed}}.menu{height:0;width:100%;position:fixed;z-index:5;left:0;top:0;background-color:#0000004d;-webkit-backdrop-filter:blur(160px);backdrop-filter:blur(160px);overflow-x:hidden;transition:.4s ease-in}.menu-content-wrapper{margin-top:92px;width:100%;min-height:calc(100vh - 92px);display:flex;flex-direction:column;justify-content:space-around}.menu-item{display:flex;flex-direction:column;justify-content:center;width:100%;max-height:16%;opacity:0;transition:opacity .5s ease-in-out,transform .2s ease-in-out}.separator{height:2px;width:100%;border-top:2px solid;border-image:linear-gradient(to bottom,rgba(255,255,255,.1),#666666) 1}.menu-item h2{display:block;color:var(--main-light-purple);font-style:normal;font-size:120px;margin:0;font-weight:500;padding:0;line-height:1.6}.menu-link{display:inline-block;color:var(--main-white);text-decoration:none;opacity:.8;transition:opacity .5s ease-out;z-index:99}.menu-item:hover{transform:scale(1.01)}.menu-link:hover{opacity:1}.bounce{-moz-animation:bounce 2s infinite;-webkit-animation:bounce 2s infinite;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}.purple{opacity:100%;font-weight:100;vertical-align:text-top;color:var(--main-light-purple);float:right}.menu-item-icon{text-align:center;width:100%;height:100%}@media (max-width: 575px){.menu-item h2{display:block;font-size:30px;margin:0;font-weight:500;padding:0}}@media (min-width: 576px) and (max-width: 767px){.menu-item h2{display:block;font-size:65px;margin:0;font-weight:500;padding:0}}@media (min-width: 768px) and (max-width: 991px){.menu-item h2{display:block;font-size:70px;margin:0;font-weight:500;padding:0}}@media (min-width: 992px) and (max-width: 1199px){.menu-item h2{display:block;font-size:75px;margin:0;padding:0}}@media (min-width: 1200px) and (max-width: 1599px){.menu-item h2{display:block;font-size:80px;margin:0;padding:0}}@media (min-width: 1600px) and (max-width: 1919px){.menu-item h2{display:block;font-size:100px;margin:0;padding:0}}@media (min-width: 1920px){.menu-item h2{display:block;font-size:120px;margin:0;padding:0}}@media (orientation: portrait){.menu-content-wrapper{margin:76px 10px 0;width:100%;min-height:calc(100vh - 76px);display:flex;flex-direction:column;justify-content:inherit;gap:15px}.menu-icon-container{display:none}.menu-item-icon{width:100%;height:100%;display:flex;justify-content:center;align-items:center}}.splash-screen{width:100vw;height:100vh;background-color:var(--main-background);z-index:1000;position:fixed;display:flex;justify-content:center;align-items:center;transition:.8s linear;transform-origin:bottom center;font-weight:700}.splash-screen-container{display:flex;justify-content:center;align-items:center;flex-direction:column;width:10%;height:10%}*{cursor:none;-webkit-user-select:none;user-select:none;box-sizing:border-box}html,body{--main-background: #111111;--main-secondary-background: #000000;--main-header: #ffffff;--main-dark: #030202;--main-light-purple: #B06EFF;--main-white: #ffffff;--main-sub: #ffffff;--fs-big-header: 7rem;--fs-small-header: 2rem;--fs-index: 22px;margin:0;width:100vw;font-family:Poppins,sans-serif;background-color:var(--main-background);overflow-x:hidden!important;color:var(--main-white)}.main-wrapper{width:100%}.content-wrapper{background-color:var(--main-background);display:flex;padding-top:92px;flex-direction:column;width:100%}.circle1{aspect-ratio:1 /1;background-color:var(--main-light-purple);border-radius:50%;opacity:.1;display:inline-block;position:absolute;top:50%;left:50%;z-index:0;pointer-events:none}.circle2{aspect-ratio:1 /1;background-color:var(--main-light-purple);border-radius:50%;opacity:.2;display:inline-block;position:absolute;top:50%;left:50%;z-index:0;pointer-events:none}.circle3{aspect-ratio:1 /1;background-color:var(--main-white);border-radius:50%;opacity:.1;display:inline-block;position:absolute;top:50%;left:50%;z-index:0;pointer-events:none}.svg-blur-overlay{position:fixed;top:0;right:0;bottom:0;left:0;filter:url(#hiq-blur);z-index:0;pointer-events:none;overflow:hidden;min-height:100vh}.home-screen{min-height:100vh;width:100%;z-index:10}.width-wrapper{width:80%;margin:0 auto}.landing-container{margin:auto 0;height:calc(100vh - 92px)}.icon-wrapper{border-right:2px solid;border-image:linear-gradient(to bottom,rgba(255,255,255,.1),#666666) 1}.icon-container{display:flex;flex-direction:column;justify-content:center;align-items:center;perspective:500px}.link-icon{width:100%;object-fit:cover;transition:transform .3s ease-in-out,filter .3s ease-in-out;transform-style:preserve-3d;transition:filter .3s ease-in-out}.link-icon[src$="/src/assets/icons/YouTube.png"]:hover{transform:scale(1.1);filter:drop-shadow(0 0 8px rgba(255,0,0,.2)) drop-shadow(0 0 12px rgba(255,255,255,.3))}.link-icon[src$="/src/assets/icons/Behance.png"]:hover{transform:scale(1.1);filter:drop-shadow(0 0 8px rgba(0,42,255,.2)) drop-shadow(0 0 12px rgba(255,255,255,.3))}.link-icon[src$="/src/assets/icons/Github.png"]:hover{transform:scale(1.1);filter:drop-shadow(0 0 8px rgba(255,255,255,.2)) drop-shadow(0 0 12px rgba(255,255,255,.3))}.link-icon[src$="/src/assets/icons/Linkedin.png"]:hover{transform:scale(1.1);filter:drop-shadow(0 0 8px rgba(0,153,255,.2)) drop-shadow(0 0 12px rgba(255,255,255,.3))}.link-icon[src$="/src/assets/icons/Dribbble.png"]:hover{transform:scale(1.1);filter:drop-shadow(0 0 8px rgba(255,55,149,.2)) drop-shadow(0 0 12px rgba(255,255,255,.3))}.display-1{font-weight:700;font-size:var(--fs-big-header);background-image:linear-gradient(#8800FF,#956FFF);color:transparent;-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 8px rgba(217,0,255,.2)) drop-shadow(0 0 12px rgba(223,117,255,.3))}.home-text{height:100%}.home-text p{font-size:var(--fs-index)}.home-text span{mix-blend-mode:soft-light}.home-screen .image-container{position:relative;display:inline-block;perspective:1000px}.home-screen .image-container:before{content:"";position:absolute;top:50%;left:50%;width:100%;height:120%;transform:translateY(-50%);background:linear-gradient(135deg,rgba(176,110,255,.1) 0%,rgba(176,110,255,.1) 50%);pointer-events:none;border:1px solid rgba(176,110,255,.3);z-index:1;box-sizing:border-box;overflow:hidden;border-radius:20px}.home-screen .image-container img{display:block;width:100%;height:auto;border-radius:20px;position:relative;z-index:2;transition:filter .6s ease-in-out}.home-screen .image-container img:hover{filter:drop-shadow(0 0 32px rgba(195,117,255,.1)) drop-shadow(0 0 16px rgba(255,255,255,.15))}.temp{height:100vh}@media (max-width: 575px){html,body{--fs-big-header: 3rem;--fs-small-header: 1.3rem;--fs-index: 16px}.image-container:before{display:none!important}.home-text{border-left:none}}@media (min-width: 576px) and (max-width: 767px){html,body{--fs-big-header: 3rem;--fs-small-header: 1.3rem;--fs-index: 16px}.image-container:before{display:none!important}.home-text{border-left:none}}@media (min-width: 768px) and (max-width: 991px){html,body{--fs-big-header: 3.5rem;--fs-small-header: 1rem;--fs-index: 16px}}@media (min-width: 992px) and (max-width: 1199px){html,body{--fs-big-header: 4rem;--fs-small-header: 1.5rem;--fs-index: 16px}}@media (min-width: 1200px) and (max-width: 1599px){html,body{--fs-big-header: 5.5rem;--fs-small-header: 1.4rem;--fs-index: 18px}}@media (min-width: 1600px) and (max-width: 1919px){html,body{--fs-big-header: 7rem;--fs-small-header: 2rem;--fs-index: 20px}}@media (min-width: 1920px){html,body{--fs-big-header: 8rem;--fs-small-header: 2.5rem;--fs-index: 21px}}