@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";.bubble-menu{left:0;right:0;top:2em;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 2em;pointer-events:none;z-index:99}.bubble-menu.fixed{position:fixed}.bubble-menu.absolute{position:absolute}.bubble-menu .bubble{--bubble-size: 48px;width:var(--bubble-size);height:var(--bubble-size);border-radius:50%;background:#fff;box-shadow:0 4px 16px #0000001f;display:inline-flex;align-items:center;justify-content:center;pointer-events:auto}.bubble-menu .logo-bubble,.bubble-menu .toggle-bubble{will-change:transform}.bubble-menu .logo-bubble{width:auto;min-height:var(--bubble-size);height:var(--bubble-size);padding:0 16px;border-radius:calc(var(--bubble-size) / 2);gap:8px}.bubble-menu .toggle-bubble{width:var(--bubble-size);height:var(--bubble-size)}.bubble-menu .bubble-logo{max-height:60%;max-width:100%;object-fit:contain;display:block}.bubble-menu .logo-content{--logo-max-height: 60%;--logo-max-width: 100%;display:inline-flex;align-items:center;justify-content:center;width:120px;height:100%}.bubble-menu .logo-content>.bubble-logo,.bubble-menu .logo-content>img,.bubble-menu .logo-content>svg{max-height:var(--logo-max-height);max-width:var(--logo-max-width)}.bubble-menu .menu-btn{border:none;background:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0}.bubble-menu .menu-line{width:26px;height:2px;background:#111;border-radius:2px;display:block;margin:0 auto;transition:transform .3s ease,opacity .3s ease;transform-origin:center}.bubble-menu .menu-line+.menu-line{margin-top:6px}.bubble-menu .menu-btn.open .menu-line:first-child{transform:translateY(4px) rotate(45deg)}.bubble-menu .menu-btn.open .menu-line:last-child{transform:translateY(-4px) rotate(-45deg)}@media (min-width: 768px){.bubble-menu .bubble{--bubble-size: 56px}.bubble-menu .logo-bubble{padding:0 16px}}.bubble-menu-items{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:98}.bubble-menu-items.fixed{position:fixed}.bubble-menu-items.absolute{position:absolute}.bubble-menu-items .pill-list{list-style:none;padding:0 24px;display:flex;flex-wrap:wrap;gap:0;row-gap:4px;width:100%;max-width:1600px;margin:0 auto;pointer-events:auto;justify-content:stretch}.bubble-menu-items .pill-list .pill-spacer{width:100%;height:0;pointer-events:none}.bubble-menu-items .pill-list .pill-col{display:flex;justify-content:center;align-items:stretch;flex:0 0 calc(100% / 3);box-sizing:border-box}.bubble-menu-items .pill-list .pill-col:nth-child(4):nth-last-child(2){margin-left:calc(100% / 6)}.bubble-menu-items .pill-list .pill-col:nth-child(4):last-child{margin-left:calc(100% / 3)}.bubble-menu-items .pill-link{--pill-bg: #ffffff;--pill-color: #111;--pill-border: rgba(0, 0, 0, .12);--item-rot: 0deg;--pill-min-h: 160px;--hover-bg: #f3f4f6;--hover-color: #111;width:100%;min-height:var(--pill-min-h);padding:clamp(1.5rem,3vw,8rem) 0;font-size:clamp(1.5rem,4vw,4rem);font-weight:400;line-height:0;border-radius:999px;background:var(--pill-bg);color:var(--pill-color);text-decoration:none;box-shadow:0 4px 14px #0000001a;display:flex;align-items:center;justify-content:center;position:relative;transition:background .3s ease,color .3s ease;will-change:transform;box-sizing:border-box;white-space:nowrap;overflow:hidden;height:10px}@media (min-width: 900px){.bubble-menu-items .pill-link{transform:rotate(var(--item-rot))}.bubble-menu-items .pill-link:hover{transform:rotate(var(--item-rot)) scale(1.06);background:var(--hover-bg);color:var(--hover-color)}.bubble-menu-items .pill-link:active{transform:rotate(var(--item-rot)) scale(.94)}}.bubble-menu-items .pill-link .pill-label{display:inline-block;will-change:transform,opacity;height:1.2em;line-height:1.2}@media (max-width: 899px){.bubble-menu-items{align-items:flex-start;padding-top:120px}.bubble-menu-items .pill-list{row-gap:16px}.bubble-menu-items .pill-list .pill-col{flex:0 0 100%;margin-left:0!important;overflow:visible}.bubble-menu-items .pill-link{font-size:clamp(1.2rem,3vw,4rem);padding:clamp(1rem,2vw,2rem) 0;min-height:80px}.bubble-menu-items .pill-link:hover{transform:scale(1.06);background:var(--hover-bg);color:var(--hover-color)}.bubble-menu-items .pill-link:active{transform:scale(.94)}}.text-type{display:inline-block;white-space:pre-wrap}.text-type__cursor{margin-left:.25rem;display:inline-block;opacity:1}.text-type__cursor--hidden{display:none}.aurora-container{width:100%;height:100%}.scroll-float{overflow:hidden}.scroll-float-text{display:inline-block;font-size:clamp(1.6rem,8vw,10rem);font-weight:900;text-align:center;line-height:1.5}.char{display:inline-block}.keychain-container{position:relative;max-width:800px;width:90%;height:fit-content;display:flex;align-items:center;justify-content:center;margin:20px auto;transform:translateY(-10rem)}.ring{position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%)}.ring img{width:250px;height:250px;object-fit:contain}.keychains-wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.keychain{position:absolute;transition:all .7s cubic-bezier(.25,.46,.45,.94);transform-origin:center center;top:50%;left:50%;width:120px;height:120px;cursor:pointer}.keychain-image{width:500px;height:500px;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3));transform:translate(-50%,-50%);pointer-events:none}.cursor-tooltip{background:#000c;color:#fff;padding:8px 12px;border-radius:6px;font-family:Poppins,sans-serif;font-size:.9rem;white-space:nowrap;pointer-events:none;z-index:9999;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translateY(-30rem) translate(-10rem)}.tooltip-text-revealed{font-weight:500;font-family:Courier New,monospace;letter-spacing:.5px}.tooltip-text-encrypted{font-family:Courier New,monospace;color:#f4f4f4}@media (max-width: 768px){.keychain-container{transform:scale(.7);margin:20px auto;height:fit-content;transform:translateY(-12rem)}.keychain{pointer-events:none;cursor:default}.keychain-image{width:400px;height:400px;margin-top:-1.9rem}.ring img{width:210px;height:210px}}@media (max-width: 480px){.keychain-container{transform:scale(.5);margin:10px auto;height:300px;height:fit-content;transform:translateY(-12rem)}.keychain-image{width:400px;height:400px;margin-top:-1.9rem}.ring img{width:210px;height:210px}}.home-section{text-align:center;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:fit-content;display:flex;align-items:center;justify-content:center}.main-subtitle{margin-top:-10rem;font-size:1.5rem;font-weight:300;min-height:60px;color:#fff;transform:translateY(1rem)}.postit-container{display:flex;align-items:center;justify-content:center;gap:40px;flex-wrap:wrap;margin:40px 0}.postit{flex:0 0 auto;max-width:350px;border-radius:15px;overflow:hidden;transform:translate(35rem) translateY(-25rem) rotate(10deg)}.postit-image{width:100%;height:auto;display:block;object-fit:cover;visibility:hidden}@media (max-width: 768px){.home-section{min-height:100vh;padding:40px 0}.main-subtitle{font-size:1.2rem;min-height:50px;margin-top:1rem;transform:translateY(2rem)}.postit-container{gap:20px;margin:20px 0}.postit{max-width:250px;transform:translate(12rem) translateY(-27rem) rotate(7deg)}}@media (max-width: 480px){.postit{max-width:170px;transform:translate(7.5rem) translateY(-23rem) rotate(9deg)}.main-subtitle{font-size:1.2rem;min-height:50px;margin-top:1rem;transform:translateY(-2rem)}.postit-container{gap:20px;margin:0}}.about-section{background:#0a0a0a;position:relative;z-index:10;min-height:100vh;display:flex;align-items:flex-start}.feuilles-container{position:relative;width:80%;max-width:1000px;height:700px;perspective:1000px;margin:40px auto}.feuille-content{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;flex:1}.feuille{position:absolute;width:100%;height:100%;background:#fff;border-radius:15px;padding:60px;box-shadow:0 20px 50px #0000004d;transition:all .6s cubic-bezier(.25,.46,.45,.94);cursor:pointer;transform-origin:center;display:flex;flex-direction:column;color:#333;overflow:hidden}.feuille.active{transform:translateY(0) rotate(0) scale(1);z-index:100;cursor:default}.feuille.inactive{pointer-events:auto;cursor:pointer}.feuille-1{transform:translateY(20px) rotate(-2deg);z-index:3;background:linear-gradient(135deg,#fff,#f8f9fa)}.feuille-2{transform:translateY(40px) rotate(3deg);z-index:2;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.feuille-3{transform:translateY(60px) rotate(-1deg);z-index:1;background:linear-gradient(135deg,#e9ecef,#dee2e6)}.feuille-1:hover:not(.active){transform:translateY(10px) rotate(-1deg) scale(1.02)}.feuille-2:hover:not(.active){transform:translateY(20px) rotate(2deg) scale(1.02)}.feuille-3:hover:not(.active){transform:translateY(30px) rotate(0) scale(1.02)}.feuille:hover:not(.active){box-shadow:0 25px 60px #0006}.feuille-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;position:relative;gap:40px}.feuille-title{font-size:2rem;color:#eb3636;margin-bottom:10px;flex:1;font-family:Biro Script Plus,cursive;font-size:2.8rem}.feuille-close{background:none;border:none;font-size:1.5rem;color:#666;cursor:pointer;padding:5px;transition:color .3s ease;position:absolute;top:0;right:0}.feuille-close:hover{color:#f42e2e}.carousel-container{width:250px;height:300px;overflow:hidden;border-radius:10px;box-shadow:0 5px 15px #0000004d;background:#fff;position:relative;margin-top:30px;flex-shrink:0}.carousel-slides{position:relative;width:100%;height:100%}.carousel-slide{width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;transition:opacity .8s ease-in-out}.carousel-slide.active{opacity:1}.carousel-slide img{width:100%;height:100%;object-fit:cover;border-radius:10px}.texte-contenu{flex:1;font-family:Poppins,sans-serif;font-size:.9rem;line-height:1.2;overflow-y:auto;padding-right:20px}.dot-menu{position:absolute;left:-80px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:20px;z-index:200}.dot{width:12px;height:12px;border-radius:50%;background:#ffffff4d;cursor:pointer;transition:all .3s ease;position:relative}.dot:hover{background:#fff9;transform:scale(1.2)}.dot.active{background:#ff66b2;transform:scale(1.3)}.dot:after{content:attr(data-title);position:absolute;left:20px;top:50%;transform:translateY(-50%);background:#000c;color:#fff;padding:5px 10px;border-radius:5px;font-size:.8rem;white-space:nowrap;opacity:0;transition:opacity .3s ease;pointer-events:none}.dot:hover:after{opacity:1}.feuille-label{position:absolute;top:20px;left:20px;background:#ff66b2e6;color:#fff;padding:5px 12px;border-radius:15px;font-size:.8rem;font-weight:700;pointer-events:none;z-index:10}.typing-line{margin-bottom:20px;min-height:1.6em}.cv-image-container{display:flex;flex-direction:column;height:100%;margin-top:-30px}.cv-image-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.cv-image{width:100%;max-width:350px;height:auto;border-radius:10px;box-shadow:0 10px 30px #0000004d}.cv-actions{display:flex;gap:15px;flex-wrap:wrap;justify-content:center}.download-btn{padding:9px;border-radius:60px;text-decoration:none;font-weight:600;font-size:.9rem;transition:all .3s ease;display:inline-flex;align-items:center;background:#000;color:#fff;border:none;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.download-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #f0f0f04c}.download-btn.downloading{background:#000;transform:scale(.95)}.download-icon{width:20px;height:20px;filter:brightness(0) invert(1);transition:transform .3s ease;transform:translateY(-2px)}.download-btn.downloading .download-icon{animation:downloadBounce .6s ease}@keyframes downloadBounce{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.video-container{padding:20px;text-align:center}@media (max-width: 768px){.about-section{padding:40px 0;min-height:110vh}.feuilles-container{width:95%;height:650px;margin:20px auto 0}.feuille-content{flex-direction:column;align-items:center}.feuille{padding:30px 15px}.feuille-header{flex-direction:column;gap:20px}.carousel-container{width:100%;height:200px;margin-top:-50px}.dot-menu{left:-60px}.texte-contenu{padding-right:10px;margin-top:0}.feuille-title{font-size:1.5rem}.about-section .scroll-float{margin-bottom:20px}}@media (max-width: 480px){.feuille-title{font-size:1.3rem}.feuilles-container{height:900px}.about-section{min-height:120vh}.carousel-container{height:150px}}@media (max-width: 1024px){.feuilles-container{width:95%;height:700px;margin:20px auto 0}}:root{--folder-color: #70a1ff;--folder-back-color: #4785ff;--paper-1: #e6e6e6;--paper-2: #f2f2f2;--paper-3: #ffffff}.folder{transition:all .2s ease-in;cursor:pointer}.folder:not(.folder--click):hover{transform:translateY(-8px)}.folder:not(.folder--click):hover .paper{transform:translate(-50%)}.folder:not(.folder--click):hover .folder__front{transform:skew(15deg) scaleY(.6)}.folder:not(.folder--click):hover .right{transform:skew(-15deg) scaleY(.6)}.folder.open{transform:translateY(-8px)}.folder.open .paper:nth-child(1){transform:translate(-120%,-70%) rotate(-15deg)}.folder.open .paper:nth-child(1):hover{transform:translate(-120%,-70%) rotate(-15deg) scale(1.1)}.folder.open .paper:nth-child(2){transform:translate(10%,-70%) rotate(15deg);height:80%}.folder.open .paper:nth-child(2):hover{transform:translate(10%,-70%) rotate(15deg) scale(1.1)}.folder.open .paper:nth-child(3){transform:translate(-50%,-100%) rotate(5deg);height:80%}.folder.open .paper:nth-child(3):hover{transform:translate(-50%,-100%) rotate(5deg) scale(1.1)}.folder.open .folder__front{transform:skew(15deg) scaleY(.6)}.folder.open .right{transform:skew(-15deg) scaleY(.6)}.folder__back{position:relative;width:100px;height:80px;background:var(--folder-back-color);border-radius:0 10px 10px}.folder__back:after{position:absolute;z-index:0;bottom:98%;left:0;content:"";width:30px;height:10px;background:var(--folder-back-color);border-radius:5px 5px 0 0}.paper{position:absolute;z-index:2;bottom:10%;left:50%;transform:translate(-50%,10%);width:70%;height:80%;background:var(--paper-1);border-radius:10px;transition:all .3s ease-in-out}.paper:nth-child(2){background:var(--paper-2);width:80%;height:70%}.paper:nth-child(3){background:var(--paper-3);width:90%;height:60%}.folder__front{position:absolute;z-index:3;width:100%;height:100%;background:var(--folder-color);border-radius:5px 10px 10px;transform-origin:bottom;transition:all .3s ease-in-out}.folder-section{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:80vh;display:flex;align-items:center}.folder-content{display:flex;justify-content:center;align-items:center;min-height:50vh;margin-top:8rem;transform:scale(2.2);transform-origin:center}.folder-item{padding:12px;margin:8px 0;border-radius:8px;text-align:center;color:#727070;font-family:Poppins,sans-serif;font-size:.6rem;font-weight:500}.folder.open .paper:nth-child(3){transform:translate(-50%,-80%) rotate(0)!important}.folder.open .paper:nth-child(2){transform:translate(30%,-40%) rotate(25deg)!important}.folder.open .paper:nth-child(1){transform:translate(-140%,-40%) rotate(-25deg)!important}@media (max-width: 768px){.folder-content{transform:scale(1.6)}}@media (max-width: 480px){.folder-content{transform:scale(1.3)}}.projects-section{position:relative;background:#0a0a0a;height:110vh;overflow:hidden;z-index:2}.animation-container{position:absolute;top:0;left:0;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;background:transparent;pointer-events:none;z-index:1}.project-rectangle{position:absolute;margin-top:20%;width:80vw;height:80vh;max-width:800px;max-height:900px;border-radius:15px;display:flex;justify-content:center;align-items:center;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;color:#fff;transition:transform .1s ease-out;overflow:hidden;cursor:pointer;pointer-events:auto;background-size:cover;background-position:center;background-repeat:no-repeat}.project-number{position:absolute;top:20px;left:20px;font-family:Poppins,sans-serif;font-size:1.2rem;font-weight:600;color:#fff;background:#000;padding:8px 12px;border-radius:4px;z-index:3}.project-title-side{position:absolute;top:50%;transform:translateY(-50%) rotate(-90deg);transform-origin:center;font-family:inter,sans-serif;font-size:1.5rem;color:#fff;background:#000;padding:12px 20px;border-radius:8px;white-space:nowrap;z-index:3}.project-title-pink{left:-70px;top:200px}.project-title-blue{left:-60px}.project-title-orange{left:-80px}.project-title-purple{left:-75px}.project-rectangle:after{content:"Cliquez pour découvrir le projet !";position:absolute;bottom:-40px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:8px 16px;border-radius:6px;font-family:Poppins,sans-serif;font-size:.9rem;white-space:nowrap;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:4}.project-rectangle:hover:after{opacity:1}.project-title{position:relative;z-index:2;text-align:center;font-family:Inter,sans-serif;font-size:4rem;color:#0000;text-shadow:2px 2px 4px rgba(0,0,0,0)}.project-rectangle.white{background-color:#000;z-index:1;background-image:url(/images/accueilis.jpg)}.project-rectangle.pink{background-color:#ff66b2;z-index:2;transform:translateY(160vh);background-image:url(/FolioSite/images/projets.jpg)}.project-rectangle.blue{background-color:#007bff;z-index:3;transform:translateY(230vh);background-image:url(/FolioSite/images/competences.jpg)}.project-rectangle.orange{background-color:#f90;z-index:4;transform:translateY(300vh);background-image:url(/FolioSite/images/about.jpg)}.project-rectangle.purple{background-color:#93f;z-index:5;transform:translateY(370vh);background-image:url(/FolioSite/images/accueil.jpg)}.project-rectangle.transparent{background:transparent!important;color:transparent;z-index:6;pointer-events:none}.project-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000028;display:flex;justify-content:center;align-items:center;z-index:2000;opacity:0;visibility:hidden;transition:all .3s ease}.project-modal-overlay.active{opacity:1;visibility:visible}.project-modal{background:#fff;width:90%;height:90%;max-width:1000px;border-radius:20px;position:relative;transform:scale(.8);transition:transform .3s ease;overflow:hidden;z-index:2000}.project-modal-overlay.active .project-modal{transform:scale(1)}.modal-close{position:absolute;top:20px;right:20px;background:#000;border:none;width:40px;height:40px;border-radius:50%;color:#fff;font-size:1.5rem;cursor:pointer;z-index:20;display:flex;align-items:center;justify-content:center}.modal-content{padding:20px 40px 40px;height:100%;overflow-y:auto;color:#333;display:flex;flex-direction:column;align-items:center}.modal-image{width:100%;height:auto;max-width:100%;border-radius:10px;box-shadow:0 5px 15px #0000001a}.modal-header{position:relative;top:0;background:#fff;padding:20px 0;z-index:10;border-bottom:1px solid #eee;margin-bottom:20px}.cursor-tooltip{background:#00000079;color:#fff;padding:8px 12px;border-radius:6px;font-family:Poppins,sans-serif;font-size:.8rem;white-space:nowrap;pointer-events:none;z-index:9999;border:1px solid rgba(255,255,255,.2)}.subtitle{text-align:center;font-family:Poppins,sans-serif;font-size:1.2rem;color:#000000b3;margin-bottom:1px}.modal-image-container{position:relative;width:100%;margin-top:20px}.modal-image{width:100%;height:auto;max-width:100%;border-radius:10px;box-shadow:0 5px 15px #0000001a;display:block}.interactive-links-container{position:absolute;width:100%;height:100%;pointer-events:none;z-index:5;top:0}.interactive-link{position:absolute;background:transparent;border:2px solid transparent;cursor:pointer;pointer-events:auto;z-index:6;transition:all .3s ease;border-radius:4px}.interactive-link:hover{border-color:#fff9;background:#ffffff1a}.video-zone-container{position:absolute;pointer-events:auto;z-index:15;border-radius:0;overflow:hidden;box-shadow:0 4px 20px #0000004d;transition:transform .3s ease,box-shadow .3s ease;top:80.2%;left:4.7%;width:88.2%;height:4.9%}.modal-video{width:100%;height:100%;object-fit:cover;border-radius:0}.interactive-link:after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-8px);background:#000c;color:#fff;padding:8px 12px;border-radius:6px;font-size:.8rem;white-space:nowrap;opacity:0;transition:opacity .3s ease,transform .3s ease;pointer-events:none;z-index:20}.interactive-link:hover:after{opacity:1;transform:translate(-50%) translateY(-12px)}.interactive-link.link-site{top:8.3%;left:23%;width:55%;height:.4%}.interactive-link.link-video{top:90.6%;left:10%;width:81%;height:.4%}.section-header{top:-390px;z-index:20;position:relative}@media (max-width: 768px){.project-rectangle{width:90vw;height:70vh;font-size:clamp(1.2rem,3vw,2rem)}.project-title-side{left:-70px;font-size:1.4rem}.project-number{font-size:1rem;top:15px;left:15px}.project-modal{width:95%;height:85%}.modal-content{padding:50px 20px 20px}.project-title-pink{left:-70px;top:200px}.project-title-blue{left:-60px}.project-title-orange{left:-80px}.project-title-purple{left:-70px}.subtitle{text-align:center;font-family:Poppins,sans-serif;font-size:1.2rem;color:#ffffffb3}}@media (max-width: 480px){.subtitle{font-size:.9rem;margin-top:20px;margin-bottom:-90px}}:root{--sticker-rotate: 30deg;--sticker-p: 10px;--sticker-peelback-hover: 30%;--sticker-peelback-active: 40%;--sticker-peel-easing: power3.out;--sticker-peel-hover-easing: power2.out;--sticker-start: calc(-1 * var(--sticker-p));--sticker-end: calc(100% + var(--sticker-p));--sticker-shadow-opacity: .6;--sticker-lighting-constant: .1;--peel-direction: 0deg}.sticker-container{position:relative;transform:rotate(var(--peel-direction));transform-origin:center}.sticker-container *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.sticker-main{clip-path:polygon(var(--sticker-start) var(--sticker-start),var(--sticker-end) var(--sticker-start),var(--sticker-end) var(--sticker-end),var(--sticker-start) var(--sticker-end));transition:clip-path .6s ease-out;filter:url(#dropShadow)}.sticker-main>*{transform:rotate(calc(-1 * var(--peel-direction)))}.sticker-lighting{filter:url(#pointLight)}.sticker-container:hover .sticker-main,.sticker-container.touch-active .sticker-main{clip-path:polygon(var(--sticker-start) var(--sticker-peelback-hover),var(--sticker-end) var(--sticker-peelback-hover),var(--sticker-end) var(--sticker-end),var(--sticker-start) var(--sticker-end))}.sticker-container:active .sticker-main{clip-path:polygon(var(--sticker-start) var(--sticker-peelback-active),var(--sticker-end) var(--sticker-peelback-active),var(--sticker-end) var(--sticker-end),var(--sticker-start) var(--sticker-end))}.sticker-image{transform:rotate(var(--sticker-rotate))}.flap{position:absolute;width:100%;height:100%;left:0;top:calc(-100% - var(--sticker-p) - var(--sticker-p));clip-path:polygon(var(--sticker-start) var(--sticker-start),var(--sticker-end) var(--sticker-start),var(--sticker-end) var(--sticker-start),var(--sticker-start) var(--sticker-start));transform:scaleY(-1);transition:all .6s ease-out}.flap>*{transform:rotate(calc(-1 * var(--peel-direction)))}.sticker-container:hover .flap,.sticker-container.touch-active .flap{clip-path:polygon(var(--sticker-start) var(--sticker-start),var(--sticker-end) var(--sticker-start),var(--sticker-end) var(--sticker-peelback-hover),var(--sticker-start) var(--sticker-peelback-hover));top:calc(-100% + 2 * var(--sticker-peelback-hover) - 1px)}.sticker-container:active .flap{clip-path:polygon(var(--sticker-start) var(--sticker-start),var(--sticker-end) var(--sticker-start),var(--sticker-end) var(--sticker-peelback-active),var(--sticker-start) var(--sticker-peelback-active));top:calc(-100% + 2 * var(--sticker-peelback-active) - 1px)}.flap-lighting{filter:url(#pointLightFlipped)}.flap-image{transform:rotate(var(--sticker-rotate));filter:url(#expandAndFill)}.draggable{position:absolute;cursor:grab;-webkit-transform:translateZ(0);transform:translateZ(0)}.draggable:active{cursor:grabbing}@media (hover: none) and (pointer: coarse){.draggable{cursor:default}.sticker-container{touch-action:none}}.sticker-image,.flap-image{width:var(--sticker-width, 200px)}.sticker-main,.flap{will-change:clip-path,transform}.sticker-ripple{position:absolute;border-radius:50%;background:#fff9;pointer-events:none;z-index:10}.skills-section{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:1;min-height:100vh;display:flex;align-items:center;padding:60px 0;overflow:visible!important}.skills-content{position:relative;z-index:10;width:100%;height:70vh;overflow:visible!important;display:flex;justify-content:center;align-items:center;margin-left:-50px}.sticker-with-tooltip{position:absolute;cursor:grab;display:flex;flex-direction:column;align-items:center;justify-content:center}.sticker-with-tooltip:active{cursor:grabbing}.sticker-wrapper{position:relative;z-index:1}.frozen-tooltip{position:absolute;bottom:calc(100% + 15px);left:50%;transform:translate(0);z-index:1000;animation:tooltipAppear .3s ease-out}.tooltip-content{background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:8px 16px;color:#fffffff2;font-weight:600;font-size:.9rem;text-align:center;white-space:nowrap;box-shadow:0 8px 25px #00000026,0 2px 6px #ffffff1a}.tooltip-content:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid rgba(255,255,255,.2)}.tooltip-content:before{content:"";position:absolute;top:0;left:0;right:0;height:40%;background:linear-gradient(180deg,rgba(255,255,255,.08) 0%,transparent 100%);border-radius:12px 12px 0 0;pointer-events:none}@keyframes tooltipAppear{0%{opacity:0;transform:translate(-0%) translateY(10px)}to{opacity:1;transform:translate(-0%) translateY(0)}}.sticker-with-tooltip:hover{z-index:20}@media (max-width: 768px){.skills-content{height:70vh!important;transform:translate(-20px)!important}.sticker-with-tooltip{transform:scale(.9)}.tooltip-content{font-size:.75rem;padding:5px 10px}.sticker-with-tooltip{touch-action:pan-x pan-y}.skills-content{position:relative;z-index:10;width:100%;height:70vh;overflow:visible!important;display:flex;justify-content:center;align-items:center;margin-left:-10px}}@media (max-width: 480px){.skills-content{height:65vh!important;transform:translate(-15px)!important}.sticker-with-tooltip{transform:scale(.85)}.skills-content{position:relative;z-index:10;width:100%;height:70vh;overflow:visible!important;display:flex;justify-content:center;align-items:center;margin-left:-10px}}:root{--pointer-x: 50%;--pointer-y: 50%;--pointer-from-center: 0;--pointer-from-top: .5;--pointer-from-left: .5;--card-opacity: 0;--rotate-x: 0deg;--rotate-y: 0deg;--background-x: 50%;--background-y: 50%;--card-radius: 20px}.profile-card-3d-wrapper{perspective:900px;transform:translateZ(.1px);position:relative;touch-action:none;width:100%;height:400px;max-width:300px;margin:0 auto;overflow:hidden;border-radius:var(--card-radius)}.profile-card-3d-wrapper:before{content:"";position:absolute;inset:-5px;background:inherit;background-position:inherit;border-radius:inherit;transition:all .5s ease;filter:contrast(2) saturate(2) blur(36px);transform:scale(.85) translateZ(.1px);background-size:100% 100%;background-image:radial-gradient(farthest-side circle at var(--pointer-x) var(--pointer-y),hsla(266,100%,90%,var(--card-opacity)) 4%,hsla(266,50%,80%,calc(var(--card-opacity) * .75)) 10%,hsla(266,25%,70%,calc(var(--card-opacity) * .5)) 50%,hsla(266,0%,60%,0) 100%),radial-gradient(35% 52% at 55% 20%,#ff66c4fd,#5cceff),radial-gradient(100% 100% at 50% 50%,#ff5100 1%,#ff0783 76%),conic-gradient(from 124deg at 50% 50%,#ffe137,#07c6ff 40%,#ffb007 60%,#d482fa)}.profile-card-3d-wrapper:hover:before,.profile-card-3d-wrapper.active:before{filter:contrast(1) saturate(2) blur(40px) opacity(1);transform:scale(.9) translateZ(.1px)}.profile-card-3d{height:100%;display:grid;border-radius:var(--card-radius);position:relative;background-blend-mode:color-dodge,normal,normal,normal;animation:glow-bg 12s linear infinite;box-shadow:#000c calc((var(--pointer-from-left) * 10px) - 3px) calc((var(--pointer-from-top) * 20px) - 6px) 20px -5px;transition:transform 1s ease;transform:translateZ(.1px) rotateX(0) rotateY(0);background-size:100% 100%;background-position:0 0,0 0,50% 50%,0 0;background-image:radial-gradient(farthest-side circle at var(--pointer-x) var(--pointer-y),hsla(266,100%,90%,var(--card-opacity)) 4%,hsla(266,50%,80%,calc(var(--card-opacity) * .75)) 10%,hsla(266,25%,70%,calc(var(--card-opacity) * .5)) 50%,hsla(266,0%,60%,0) 100%),radial-gradient(35% 52% at 55% 20%,#f287c9b7,#eba77da1),radial-gradient(100% 100% at 50% 50%,#ff5100 1%,#ff0783 76%),conic-gradient(from 124deg at 50% 50%,#ffe137,#07c6ff 40%,#ffb007 60%,#d482fa);overflow:hidden}.profile-card-3d:hover,.profile-card-3d.active{transition:none;transform:translateZ(.1px) rotateX(var(--rotate-y)) rotateY(var(--rotate-x))}.profile-card-3d *{display:grid;grid-area:1/-1;border-radius:var(--card-radius);transform:translateZ(.1px);pointer-events:none}.pc-inside{inset:1px;position:absolute;background:linear-gradient(145deg,#60496e8c,#71c4ff44);background-color:#000000e6;transform:translateZ(.01px)}.pc-shine{mask-mode:luminance;-webkit-mask-repeat:repeat;mask-repeat:repeat;-webkit-mask-size:150%;mask-size:150%;-webkit-mask-position:top calc(200% - (var(--background-y) * 5)) left calc(100% - var(--background-x));mask-position:top calc(200% - (var(--background-y) * 5)) left calc(100% - var(--background-x));transition:filter .6s ease;filter:brightness(.66) contrast(1.33) saturate(.33) opacity(.5);animation:holo-bg 18s linear infinite;mix-blend-mode:color-dodge}.pc-shine,.pc-shine:after{--space: 5%;--angle: -45deg;transform:translateZ(1px);overflow:hidden;z-index:3;background:transparent;background-size:cover;background-position:center;background-image:repeating-linear-gradient(0deg,#ff66b2 calc(var(--space) * 1),#f90 calc(var(--space) * 2),#fc0 calc(var(--space) * 3),#f6ea3b calc(var(--space) * 4),#8b5cf6 calc(var(--space) * 5),#10b981 calc(var(--space) * 6),#ff66b2 calc(var(--space) * 7)),repeating-linear-gradient(var(--angle),#0e152e 0%,hsl(180,10%,60%) 3.8%,hsl(180,29%,66%) 4.5%,hsl(180,10%,60%) 5.2%,#0e152e 10%,#0e152e 12%),radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsla(0,0%,0%,.1) 12%,hsla(0,0%,0%,.15) 20%,hsla(0,0%,0%,.25) 120%);background-position:0 var(--background-y),var(--background-x) var(--background-y),center;background-blend-mode:color,hard-light;background-size:500% 500%,300% 300%,200% 200%;background-repeat:repeat}.profile-card-3d:hover .pc-shine,.profile-card-3d.active .pc-shine{filter:brightness(.85) contrast(1.5) saturate(.5);animation:none}.pc-glare{transform:translateZ(1.1px);overflow:hidden;background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsl(248,25%,80%) 12%,hsla(207,40%,30%,.8) 90%);mix-blend-mode:overlay;filter:brightness(.8) contrast(1.2);z-index:4}.pc-avatar-content-full{mix-blend-mode:screen;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.main-avatar-full{width:100%;height:100%;position:absolute;left:0;z-index:1;top:20px;transform:scale(.9)}.main-avatar-full img{width:100%;height:100%;object-fit:cover;opacity:calc(1.75 - var(--pointer-from-center))}.pc-avatar-content-full:before{content:"";position:absolute;inset:0;z-index:2;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);mask:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 60%,rgba(0,0,0,1) 90%,rgba(0,0,0,1) 100%);pointer-events:none}.pc-user-info{position:absolute;bottom:20px;left:20px;right:20px;z-index:5;display:flex;flex-direction:column;align-items:center;gap:15px;background:#ffffff1a;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:15px 14px;pointer-events:auto}.pc-details{width:100%;position:absolute;top:2em;display:flex;flex-direction:column;z-index:4}.pc-details h3{font-weight:600;font-size:min(5svh,3em);margin:0;background-image:linear-gradient(to bottom,#fff,#6f6fbe);background-size:1em 1.5em;-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text;font-family:Poppins,sans-serif}.pc-details p{font-weight:600;position:relative;top:-12px;white-space:nowrap;font-size:16px;margin:0 auto;width:min-content;background-image:linear-gradient(to bottom,#fff,#4a4ac0);background-size:1em 1.5em;-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text;font-family:Poppins,sans-serif}.pc-user-details{display:flex;align-items:center;gap:12px}.pc-mini-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;border:1px solid rgba(255,255,255,.1);flex-shrink:0}.pc-mini-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.pc-user-text{display:flex;align-items:flex-start;flex-direction:column;gap:6px}.pc-handle{font-size:14px;font-weight:500;color:#ffffffe6;line-height:1;font-family:Poppins,sans-serif}.pc-status{font-size:14px;color:#ffffffb3;line-height:1;font-family:Poppins,sans-serif}.pc-user-info .pc-contact-btn{display:none}.pc-content{max-height:100%;overflow:hidden;text-align:center;position:relative;transform:translate3d(calc(var(--pointer-from-left) * -6px + 3px),calc(var(--pointer-from-top) * -6px + 3px),.1px)!important;z-index:5;mix-blend-mode:luminosity}.pc-social-content-fixed{backface-visibility:hidden;transform-style:preserve-3d;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;padding:30px 20px;position:relative;z-index:2}.social-main-title-compact{font-weight:600;margin:0 0 30px;font-size:1.8em;background-image:linear-gradient(to bottom,#fff,#6f6fbe);background-size:1em 1.5em;-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text;font-family:Poppins,sans-serif;text-align:center;white-space:nowrap}.social-grid-fixed{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:15px;width:100%;max-width:200px;align-items:center;justify-items:center}.social-link-fixed{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;border-radius:10px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);transition:all .3s ease;text-decoration:none;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;width:80px;height:80px;justify-content:center}.social-link-fixed:hover{background:#ffffff26;transform:translateY(-3px);border-color:var(--social-color);box-shadow:0 5px 15px #ff66b24d}.social-icon-container-fixed{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:#ffffff1a}.social-icon-image-fixed{width:20px;height:20px;object-fit:contain;filter:brightness(0) invert(1)}.social-icon-fallback{font-size:.9rem;font-weight:700}.social-name-fixed{font-size:.7rem;font-weight:600;font-family:Poppins,sans-serif;text-align:center}.pc-social-icons{display:flex;justify-content:center;align-items:center;gap:20px;padding:0 10px}.social-icon-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);transition:all .3s ease;text-decoration:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto}.social-icon-link:hover{background:#ffffff26;transform:translateY(-2px);border-color:var(--social-color);box-shadow:0 4px 12px #ff66b24d}.social-icon-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:6px}.social-icon-image{width:20px;height:20px;object-fit:contain;filter:brightness(0) invert(1)}@keyframes glow-bg{0%{--bgrotate: 0deg}to{--bgrotate: 360deg}}@keyframes holo-bg{0%{background-position:0 var(--background-y),0 0,center}to{background-position:0 var(--background-y),90% 90%,center}}@media (max-width: 768px){.profile-card-3d-wrapper{height:350px;max-width:280px}.profile-card-3d-wrapper:before{inset:-3px;filter:contrast(1.5) saturate(1.5) blur(20px);transform:scale(.9) translateZ(.1px)}.social-main-title-compact{font-size:1.5em;margin-bottom:25px}.social-grid-fixed{gap:12px;max-width:180px}.social-link-fixed{width:70px;height:70px;padding:10px}.social-icon-container-fixed{width:28px;height:28px}.social-icon-image-fixed{width:18px;height:18px}}@media (max-width: 480px){.profile-card-3d-wrapper{height:320px;max-width:260px}.social-grid-fixed{gap:10px;max-width:160px}.social-link-fixed{width:65px;height:65px;padding:8px}.social-icon-container-fixed{width:24px;height:24px}.social-icon-image-fixed{width:16px;height:16px}.social-name-fixed{font-size:.6rem}}.contact-section{background:#0a0a0a;position:relative;z-index:10;font-family:Poppins,sans-serif}.contact-layout{display:flex;gap:60px;max-width:1200px;margin:40px auto 0;align-items:flex-start}.profile-card-column{flex:0 0 45%;display:flex;justify-content:center}.form-column{flex:1}.contact-profile-card{height:400px;width:100%;max-width:300px}.form-header{text-align:center;margin-bottom:40px}.form-title{font-size:2.2rem;color:#ff66b2;margin-bottom:10px}.form-subtitle{font-size:1.1rem;color:#ffffffb3}.form-group{margin-bottom:25px}.form-input{width:100%;padding:15px;background:#ffffff0d;border:1px solid rgba(255,102,178,.3);border-radius:8px;color:#fff;font-size:1rem;transition:all .3s ease}.form-input:focus{outline:none;border-color:#ff66b2;box-shadow:0 0 20px #ff66b24d}.form-input::placeholder{color:#fff9}.submit-btn{background:#fff;color:#000;border:none;padding:15px 40px;border-radius:25px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;width:100%}.submit-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 10px 25px #ffffff4d;background:#f8f8f8}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.success-message{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);background:#0a0a0af2;padding:40px;border-radius:15px;text-align:center;border:1px solid rgba(255,102,178,.5);z-index:1000;transition:all .5s ease}.success-message.show{transform:translate(-50%,-50%) scale(1)}@media (max-width: 768px){.contact-layout{flex-direction:column;gap:40px;align-items:center;text-align:center}.profile-card-column{width:100%;order:-1;justify-content:center}.contact-profile-card{height:350px;max-width:280px}.form-title{font-size:1.8rem}.form-input{padding:12px}.submit-btn{padding:12px 30px}.form-column{width:100%;max-width:500px;margin:0 auto}.social-icon-link{transform:scale(.85);margin:-.5rem -.25rem}}@media (max-width: 480px){.contact-profile-card{height:320px;max-width:260px;align-items:center;text-align:center}.form-title{font-size:1.6rem}.form-subtitle{font-size:1rem}.form-column{max-width:100%;padding:0 15px}.social-icon-link{transform:scale(.85);margin:-.5rem -.25rem}}@font-face{font-family:Bebas Neue;src:url(/FolioSite/fonts/bebas_neue/BebasNeue-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Biro Script Plus;src:url(/FolioSite/fonts/biro_script/Biro_Script_reduced.otf) format("opentype"),url(/FolioSite/fonts/biro_script/Biro_Script_reduced.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/FolioSite/fonts/poppins/Poppins-Light.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/FolioSite/fonts/poppins/Poppins-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/FolioSite/fonts/poppins/Poppins-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/FolioSite/fonts/poppins/Poppins-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/FolioSite/fonts/poppins/Poppins-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden;width:100%;max-width:100%;background:#000;color:#fff}.portfolio{position:relative;min-height:100vh;width:100%;overflow-x:hidden}.aurora-background{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:-1}.section{min-height:100vh;padding:10px 0;position:relative;display:flex;align-items:center;justify-content:center}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}html{scroll-behavior:smooth}@media (max-width: 768px){.section{padding:30px 0;min-height:100vh}.container{padding:0 15px}}@media (max-width: 480px){.section{padding:60px 0;min-height:100vh}}.home-section{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:100vh;display:flex;align-items:center;justify-content:center}.about-section{background:#0a0a0a}.folder-section{background:#ffffff0d!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.projects-section{background:#0a0a0a!important}.skills-section{background:#ffffff0d!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.contact-section{background:#0a0a0a}