:root{--black0:#000000;--black:#1c1c1e;--dark-gray:#3a3a3c;--mid-gray:#8e8e93;--light-gray:#d9d9d9;--white0:#ffffff;--white:#e5e5ea;--blue:#0267ff;--purple:#9933ff;--red:#ff3b30;--yellow:#ffcc00;--blue-06:rgba(2,103,255,0.6);--blue-04:rgba(2,103,255,0.4);--blue-02:rgba(2,103,255,0.2);--light-gray-09:rgba(255,255,255,0.9);--light-gray-08:rgba(255,255,255,0.8);--light-gray-07:rgba(255,255,255,0.7);--light-gray-06:rgba(255,255,255,0.6);--light-gray-05:rgba(255,255,255,0.5);--light-gray-04:rgba(255,255,255,0.4);--light-gray-03:rgba(255,255,255,0.3);--light-gray-02:rgba(255,255,255,0.2);--light-gray-01:rgba(255,255,255,0.1);--dark-gray-09:rgba(0,0,0,0.9);--dark-gray-08:rgba(0,0,0,0.8);--dark-gray-07:rgba(0,0,0,0.7);--dark-gray-06:rgba(0,0,0,0.6);--dark-gray-05:rgba(0,0,0,0.5);--dark-gray-04:rgba(0,0,0,0.4);--dark-gray-03:rgba(0,0,0,0.3);--dark-gray-02:rgba(0,0,0,0.2);--dark-gray-01:rgba(0,0,0,0.1)}:root{--transition8:0.8s cubic-bezier(0.16,1,0.3,1);--transition6:0.6s cubic-bezier(0.16,1,0.3,1);--transition4:0.4s cubic-bezier(0.16,1,0.3,1);--transition2:0.2s cubic-bezier(0.16,1,0.3,1)}*{padding:0;margin:0;box-sizing:border-box;scroll-behavior:smooth}::selection{background-color:var(--blue-02);color:var(--blue)}body{height:100vh;font-family:SFPRO-REGULAR,arial;background-color:#ecebef;background-image:none;margin:0;padding:0;isolation:isolate}html,#main,.site-menu-panel{scrollbar-color:var(--blue) transparent;scrollbar-width:thin}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background-color:var(--blue);background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background-color:#0053d6}@font-face{font-family:"SFPRO-REGULAR";src:url("../../fonts/SFPRODISPLAYREGULAR.woff2") format("woff2");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:"SFPRO-BOLD";src:url("../../fonts/SFPRODISPLAYBOLD.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:"Shadow";src:url("../../fonts/ShadowsIntoLight-Regular.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}.site-icon{display:inline-block;width:1em;height:1em;flex:none;background-color:currentColor;vertical-align:-0.125em;-webkit-mask:var(--site-icon) center / contain no-repeat;mask:var(--site-icon) center / contain no-repeat}.icon-behance{--site-icon:url("../../imgs/icons/brands/behance.svg")}.icon-css3{--site-icon:url("../../imgs/icons/brands/css3.svg")}.icon-github{--site-icon:url("../../imgs/icons/brands/github.svg")}.icon-html5{--site-icon:url("../../imgs/icons/brands/html5.svg")}.icon-instagram{--site-icon:url("../../imgs/icons/brands/instagram.svg")}.icon-javascript{--site-icon:url("../../imgs/icons/brands/javascript.svg")}.icon-linkedin{--site-icon:url("../../imgs/icons/brands/linkedin.svg")}.icon-python{--site-icon:url("../../imgs/icons/brands/python.svg")}.icon-swift{--site-icon:url("../../imgs/icons/brands/swift.svg")}.icon-windows{--site-icon:url("../../imgs/icons/brands/windows.svg")}.icon-book{--site-icon:url("../../imgs/icons/interface/book.svg")}.icon-brain{--site-icon:url("../../imgs/icons/interface/brain.svg")}.icon-code{--site-icon:url("../../imgs/icons/interface/code.svg")}.icon-comments{--site-icon:url("../../imgs/icons/interface/comments.svg")}.icon-computer{--site-icon:url("../../imgs/icons/interface/computer.svg")}.icon-file-lines{--site-icon:url("../../imgs/icons/interface/file-lines.svg")}.icon-globe{--site-icon:url("../../imgs/icons/interface/globe.svg")}.icon-headset{--site-icon:url("../../imgs/icons/interface/headset.svg")}.icon-language{--site-icon:url("../../imgs/icons/interface/language.svg")}.icon-pen-ruler{--site-icon:url("../../imgs/icons/interface/pen-ruler.svg")}.icon-people-group{--site-icon:url("../../imgs/icons/interface/people-group.svg")}.icon-screwdriver-wrench{--site-icon:url("../../imgs/icons/interface/screwdriver-wrench.svg")}.icon-wand{--site-icon:url("../../imgs/icons/interface/wand-magic-sparkles.svg")}a{text-decoration:none;color:inherit;cursor:pointer}html{overflow-x:clip}body{min-width:0}main{min-width:0}.glass-btn{background:linear-gradient( 145deg,var(--light-gray-04),var(--light-gray-01) );color:var(--black);font-family:SFPRO-REGULAR;border-radius:30px;transition:color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease,background-color .2s ease;cursor:pointer;text-decoration:none;padding:10px 20px;display:flex;align-items:center;gap:8px;font-size:1rem;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid var(--light-gray-04);box-shadow:inset 0px 1px 1px rgba(255,255,255,0.8),0px 10px 30px rgba(0,0,0,0.1),0px 0px 20px rgba(255,255,255,0.1)}.glass-btn:hover{background:linear-gradient( 145deg,rgba(255,255,255,0.5),rgba(255,255,255,0.2) );border:1px solid rgba(255,255,255,0.5);box-shadow:inset 0px 1px 2px rgba(255,255,255,0.9),0px 15px 40px rgba(0,0,0,0.15),0px 0px 30px rgba(255,255,255,0.2);transform:translateY(-2px)}.blue-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;border-radius:40px;background:var(--blue);color:#fff;font-family:SFPRO-BOLD;text-decoration:none;font-size:1rem;border:none;cursor:pointer;box-shadow:0 8px 20px var(--blue-04);margin-left:5px;transition:background-color .2s ease,box-shadow .2s ease,transform .2s ease;transition-delay:0}.blue-btn:hover{transform:translateY(-2px);box-shadow:0 12px 24px var(--blue-06)}.lang-dropdown{position:fixed;top:40px;right:40px;z-index:1000;transition:all var(--transition8)}.lang-dropdown:hover{transition-delay:0}.lang-menu{position:absolute;top:115%;right:0;width:max-content;min-width:100%;border-radius:16px;display:flex;flex-direction:column;padding:8px 4px;opacity:0;pointer-events:none;transform:translateY(-10px);transition:all var(--transition6);background:var(--light-gray-05);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid var(--light-gray-05);box-shadow:0 10px 30px var(--dark-gray-01)}.lang-dropdown[data-open] .lang-menu{opacity:1;pointer-events:all;transform:translateY(0)}.lang-menu a,.lang-menu-current{padding:8px 20px;text-decoration:none;color:var(--black);font-family:SFPRO-REGULAR;font-size:0.95rem;display:flex;align-items:center;justify-content:space-between;gap:18px;transition:none}.lang-menu a:hover{background:#e8e8ed;border-radius:12px;color:var(--blue)}.lang-menu-current{border-radius:12px;background:var(--blue-02);color:var(--blue);font-family:SFPRO-BOLD,SFPRO-REGULAR;cursor:default;pointer-events:none;user-select:none}.lang-menu-current>span{margin-right:calc(18px + 1.15em)}.lang-toggle{appearance:none}.lang-chevron-animation,.lang-chevron-fallback{width:16px;height:16px;flex:none}.lang-chevron-animation{display:none}.lang-chevron-fallback{display:block}.lang-dropdown[data-chevron-ready] .lang-chevron-animation{display:block}.lang-chevron-animation svg{display:block;width:100% !important;height:100% !important}.lang-chevron-fallback{width:10px;height:6px;transition:transform var(--transition4)}.lang-dropdown[data-chevron-ready] .lang-chevron-fallback{display:none}.lang-dropdown[data-open] .lang-chevron-fallback{transform:rotate(180deg)}@media (prefers-reduced-motion:reduce){.lang-chevron-fallback{transition:none}}.site-menu{position:fixed;right:28px;bottom:28px;z-index:1000;font-family:SFPRO-REGULAR,Arial,sans-serif}.site-menu-toggle{position:relative;width:64px;height:64px;padding:0;justify-content:center;background:rgba(255,255,255,.86)}.site-menu-toggle:hover{background:rgba(255,255,255,.96)}.hamburger-animation{display:block;width:44px;height:44px}.hamburger-animation svg{width:100% !important;height:100% !important}.hamburger-fallback{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;justify-content:center;gap:5px;width:22px;height:22px}.hamburger-fallback span{height:2px;width:100%;border-radius:2px;background:#000;transition:transform var(--transition4),opacity var(--transition4)}.site-menu[data-animation-ready] .hamburger-fallback{display:none}.site-menu[data-open] .hamburger-fallback span:first-child{transform:translateY(7px) rotate(45deg)}.site-menu[data-open] .hamburger-fallback span:nth-child(2){opacity:0}.site-menu[data-open] .hamburger-fallback span:last-child{transform:translateY(-7px) rotate(-45deg)}.site-menu-panel{position:absolute;right:0;bottom:82px;width:min(320px,calc(100vw - 32px));max-height:min(760px,calc(100vh - 120px));overflow-y:auto;display:flex;flex-direction:column;align-items:stretch;gap:20px;padding:22px;border-radius:22px;background:rgba(250,251,255,0.96);box-shadow:0 18px 55px var(--dark-gray-02);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(22px) scale(.92);transform-origin:bottom right;filter:blur(8px);transition:opacity .35s ease,transform .52s cubic-bezier(.2,1.2,.3,1),filter .42s ease,visibility .42s}.site-menu[data-open] .site-menu-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1);filter:blur(0)}.site-menu-group{display:flex;flex-direction:column;align-items:stretch;gap:6px}.site-menu[data-cascade-ready] .site-menu-group>*,.site-menu[data-cascade-ready] .site-menu-performance,.site-menu[data-cascade-ready] .site-menu-language{opacity:0;transform:translateY(7px);transition:opacity .18s ease,transform .24s cubic-bezier(.2,.8,.2,1)}.site-menu[data-cascade-ready][data-open] .site-menu-group>*,.site-menu[data-cascade-ready][data-open] .site-menu-performance,.site-menu[data-cascade-ready][data-open] .site-menu-language{opacity:1;transform:translateY(0);transition-delay:calc(45ms + var(--menu-item-index) * 18ms)}.site-menu-heading{margin-bottom:5px;color:var(--mid-gray);font-family:SFPRO-BOLD,Arial,sans-serif;font-size:0.75rem;text-transform:uppercase;letter-spacing:0.08em}.site-menu-panel a,.site-menu-unavailable{padding:8px 10px;border-radius:9px;font-size:0.95rem}.site-menu-panel a{display:flex;align-items:center;justify-content:space-between;gap:12px;transition:color var(--transition2),background var(--transition2)}.site-menu-link-label{display:inline-flex;align-items:center;gap:10px;min-width:0}.site-menu-link-label>.site-icon{width:1.15em;height:1.15em;color:currentColor}.site-menu-panel a:hover{background:#e8e8ed;color:var(--black)}.site-menu-panel a:focus-visible{background:#e8e8ed;outline:2px solid var(--blue);outline-offset:2px}.site-menu-panel a[aria-current="page"]{color:var(--black);font-family:SFPRO-BOLD,Arial,sans-serif;background:#e8e8ed}.site-menu-panel a[aria-current="page"]:hover{background:#dedee3}.site-menu-unavailable{color:var(--mid-gray);cursor:default}.site-menu-panel .site-menu-language{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:54px;margin-top:2px;padding:12px 10px !important;border-top:0}.site-menu-performance{position:relative;width:100%;min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;border:0;border-radius:9px;background:transparent;color:var(--black);font:inherit;text-align:left;cursor:pointer}.site-menu-performance::before,.site-menu-panel .site-menu-language::before{content:"";position:absolute;top:-10px;right:10px;left:10px;height:1px;background:#e5e5ea;pointer-events:none}.site-menu-performance>span:first-child{flex:1;text-align:left}.site-menu-performance:hover,.site-menu-performance:focus-visible{background:#e8e8ed;border-radius:9px;outline:none}.site-menu-performance:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.site-menu-performance-toggle{position:relative;display:grid;flex:none;place-items:center;width:42px;height:24px;overflow:hidden}.site-menu-performance-animation{display:none;width:42px;height:20px}.site-menu-performance-animation svg{display:block;width:100% !important;height:100% !important}.site-menu-performance[data-animation-ready] .site-menu-performance-animation{display:block}.site-menu-performance-fallback{position:relative;display:block;width:42px;height:24px;padding:2px;border-radius:999px;background:#c7c7cc;box-shadow:inset 0 0 0 1px rgba(28,28,30,.08);transition:background-color .22s ease}.site-menu-performance-fallback>span{display:block;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 7px rgba(28,28,30,.22);transform:translateX(0);transition:transform .28s cubic-bezier(.2,.8,.2,1)}.site-menu-performance[data-animation-ready] .site-menu-performance-fallback{display:none}.site-menu-performance[aria-checked="true"] .site-menu-performance-fallback{background:var(--blue)}.site-menu-performance[aria-checked="true"] .site-menu-performance-fallback>span{transform:translateX(18px)}.link-arrow{display:inline-grid;flex:none;place-items:center;width:1.15em;height:1.15em;overflow:hidden;line-height:1;transform-origin:center;vertical-align:-.16em;transition:none !important}.link-arrow-internal{transform:none}.link-arrow-external{transform:rotate(-45deg)}.link-arrow-external.arrow-animation-ready{transform:none}.link-arrow-internal.arrow-animation-ready{transform:rotate(45deg)}.link-arrow-back{transform:rotate(180deg)}.link-arrow-back.arrow-animation-ready{transform:rotate(225deg)}.link-arrow-up{transform:rotate(-90deg)}.link-arrow-up.arrow-animation-ready{transform:rotate(-45deg)}.link-arrow svg,.motion-open>span svg{display:block;width:100% !important;height:100% !important;color:inherit !important;transition:none !important}.link-arrow *,.motion-open>span *{color:inherit !important;fill:currentColor !important;transition:none !important;animation:none !important}@media (max-width:760px){.site-menu{right:16px;bottom:16px}.site-menu-toggle{width:60px;height:60px}.hamburger-animation{width:42px;height:42px}}@media (max-height:840px) and (min-width:761px){.site-menu-panel{gap:12px;padding:16px 18px}.site-menu-group{gap:2px}.site-menu-panel a,.site-menu-unavailable{padding-block:6px}.site-menu-panel .site-menu-language,.site-menu-performance{min-height:44px}.site-menu-performance::before,.site-menu-panel .site-menu-language::before{top:-6px}}@media (prefers-reduced-motion:reduce){.site-menu *,.site-menu *::before,.site-menu *::after{transition-duration:0.01ms !important}.site-menu[data-open] .site-menu-group>*,.site-menu[data-open] .site-menu-performance,.site-menu[data-open] .site-menu-language{transition-delay:0s !important}}.site-menu-panel:hover{background:rgba(250,251,255,0.96);border-color:var(--light-gray-04)}:root{--site-background-blur:5px;--site-background-overlay-opacity:0.5}#main{background-color:rgb(255 255 255 / var(--site-background-overlay-opacity));backdrop-filter:blur(var(--site-background-blur));-webkit-backdrop-filter:blur(var(--site-background-blur))}body:is(.about-page,.skills-page,.projects-page,.contact-page,.inspirations-page)::before{content:"";position:fixed;inset:0;z-index:0;background:rgb(255 255 255 / var(--site-background-overlay-opacity));backdrop-filter:blur(var(--site-background-blur));-webkit-backdrop-filter:blur(var(--site-background-blur));pointer-events:none}.page-loading-screen{display:none}@media (prefers-reduced-motion:no-preference){.reveal-pending{opacity:0;transform:translate3d(0,42px,0) scale(0.985);filter:blur(3px);transition:opacity 0.75s ease,transform 0.9s cubic-bezier(0.22,1,0.36,1),filter 0.75s ease}.reveal-pending.is-visible{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0);transition-delay:var(--reveal-delay,0ms)}}.site-background-video{position:fixed;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover;opacity:0;filter:contrast(1.22) saturate(1.65);pointer-events:none;transition:opacity 0.45s ease-out}.site-background-video.is-ready{opacity:1}body.is-page-loading .site-background-video{transition:none}.profile-name{position:relative;display:inline-block;outline:none}.profile-name-photo{position:absolute;z-index:50;left:50%;bottom:calc(100% + 14px);width:150px;aspect-ratio:4 / 5;object-fit:cover;object-position:center 25%;border:5px solid rgba(255,255,255,0.94);border-radius:20px;box-shadow:0 22px 55px rgba(22,34,58,0.2);opacity:0;pointer-events:none;transform:translate(-50%,12px) rotate(-3deg) scale(0.92);transition:opacity 0.22s ease,transform 0.42s cubic-bezier(0.2,0.8,0.2,1)}.profile-name:hover .profile-name-photo,.profile-name:focus-visible .profile-name-photo{opacity:1;transform:translate(-50%,0) rotate(-3deg) scale(1)}@media (pointer:fine) and (prefers-reduced-motion:no-preference){.site-cursor{position:fixed;top:0;left:0;z-index:9999;width:36px;height:36px;margin:-18px 0 0 -18px;border-radius:50%;border:1px solid rgb(110 110 115 / 0.16);background:rgb(142 142 147 / 0.14);backdrop-filter:grayscale(1) saturate(0) contrast(1.1);-webkit-backdrop-filter:grayscale(1) saturate(0) contrast(1.1);pointer-events:none;opacity:0;transition:width 0.18s ease,height 0.18s ease,margin 0.18s ease,opacity 0.18s ease}.site-cursor.is-visible{opacity:1}.site-cursor.is-active{width:24px;height:24px;margin:-12px 0 0 -12px}}body.is-page-loading{overflow:hidden}.page-loading-screen{position:fixed;inset:0;z-index:3000;display:grid;place-items:center;overflow:hidden;background:#e9e9ec;opacity:1;pointer-events:auto;transition:opacity 0.35s ease-out}.page-loading-screen[hidden]{display:none}.page-loading-screen.is-leaving{opacity:0;pointer-events:none}.page-loading-video{display:block;width:31vw;max-width:560px;height:auto;border:0;outline:0;box-shadow:none;clip-path:inset(1px);object-fit:contain;opacity:0;transition:opacity 0.22s ease-out;will-change:opacity}.page-loading-video.is-ready{opacity:1}@media (prefers-reduced-motion:no-preference){html.loading-pending body::after{opacity:1;animation:none}html.loading-complete body::after{opacity:0;animation:none;transition:none}body::after{content:"";position:fixed;inset:0;z-index:2000;background:#ecebef;pointer-events:none;opacity:0;animation:page-enter 0.3s ease-out backwards;transition:opacity 0.18s ease-in}body.is-page-leaving::after,html.loading-complete body.is-page-leaving::after{animation:none;opacity:1;transition:opacity 0.18s ease-in}}@keyframes page-enter{from{opacity:1}to{opacity:0}}body.performance-lite .site-background-video,body.performance-lite .site-cursor{display:none !important}body.performance-lite{background-color:#ecebef !important;background-image:none !important}body.performance-lite #main{background-color:transparent}body.performance-lite::before{display:none}body.performance-lite #main,body.performance-lite::before,body.performance-lite .glass-btn,body.performance-lite .site-menu-panel,body.performance-lite .origin-card,body.performance-lite .inspiration-principle,body.performance-lite .inspiration-closing,body.performance-lite .story-visual{backdrop-filter:none !important;-webkit-backdrop-filter:none !important}body.performance-lite .reveal-pending{opacity:1;transform:none;filter:none;transition:none}.page-loading-screen.has-video-fallback::before{content:attr(data-label);color:var(--blue);font:600 clamp(1.4rem,4vw,2.5rem)/1.2 SFPRO-BOLD,Arial,sans-serif;text-align:center;max-width:80vw}.page-loading-screen.has-video-fallback .page-loading-video{display:none}@media (max-width:600px){.page-loading-video{width:78vw;max-height:60svh}}#main{height:100vh;width:100%;position:relative;z-index:1;overflow-x:hidden;display:flex;align-items:center;justify-content:center;padding:0px 350px}@media (hover:hover) and (pointer:fine){#main:has(.app:hover) #main-text,#main:has(.app:hover) #quote,#main:has(.app:hover) #description,#main:has(.app:hover) .social-container,#main:has(.app:hover) .lang-dropdown,#main:has(.app:hover) #main-footer{filter:blur(15px);opacity:0.5;transition:filter var(--transition6),opacity var(--transition6)}}@media (hover:hover) and (pointer:fine){#main:has(.app:hover) .app:not(:hover){filter:blur(15px);opacity:0.4;transition:filter var(--transition6),opacity var(--transition6)}}.bottom-container{width:max-content;height:max-content;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;position:relative;transition:all var(--transition8)}#main-text{font-family:SFPRO-REGULAR;color:var(--black);font-size:3rem;display:flex;align-items:center;justify-content:center;flex-direction:row;gap:10px;transition:var(--transition8)}#main-text span{display:inline-block;transition:transform var(--transition6)}#design{font-family:Shadow}#quote{font-family:SFPRO-REGULAR;font-size:0.95rem;color:var(--mid-gray);letter-spacing:0.5px;font-style:italic;opacity:0.8;margin-top:-10px;transition:all var(--transition8);transition-delay:0s}#description{width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;transition:all var(--transition8);transition-delay:0s}#description p{width:100%;max-width:800px;min-width:300px;text-align:center;font-size:1.1rem;line-height:1.7;color:var(--mid-gray)}#description p span{font-family:SFPRO-BOLD;color:var(--black)}#description .tech{color:var(--blue);font-family:SFPRO-BOLD}#description .tool{color:var(--blue);font-family:SFPRO-BOLD;opacity:0.9}.social-container{display:flex;gap:12px;align-items:center;justify-content:center;margin-top:10px;padding:10px 10px 10px 20px;border-radius:50px;box-shadow:0px 20px 40px -10px var(--dark-gray-04);transition:all var(--transition8);transition-delay:0s}.social-container:hover{transform:translateY(-2px) scale(1.02);box-shadow:0px 25px 50px -12px var(--dark-gray-05);transition-delay:0}.social-icon{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;color:var(--black);background:var(--light-gray-04);border:1px solid var(--light-gray-04);box-shadow:0 8px 16px var(--dark-gray-01);transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,color .2s ease,transform .2s ease}.social-icon svg,.social-icon .site-icon{width:20px;height:20px;fill:currentColor}.social-icon:hover{background:var(--light-gray-08);transform:translateY(-2px) scale(1.05);box-shadow:0 12px 24px var(--dark-gray-02)}.social-tooltip{position:absolute;top:-45px;background:var(--dark-gray-09);color:#fff;padding:6px 14px;border-radius:12px;font-size:0.85rem;white-space:nowrap;opacity:0;pointer-events:none;transform:translateY(10px) scale(0.95);transition:all var(--transition8);box-shadow:0 4px 12px var(--dark-gray-01)}.social-icon:hover .social-tooltip{opacity:1;transform:translateY(0) scale(1)}.fire-icon{width:20px;height:auto}#main-footer{position:absolute;bottom:20px;width:100%;left:0;text-align:center;color:var(--mid-gray);font-family:SFPRO-REGULAR;font-size:0.75rem;letter-spacing:0.5px;opacity:0.7;pointer-events:none;z-index:100}.app-container{width:50%;height:80%;display:grid;align-items:center;justify-content:center;justify-items:center;align-content:center;grid-template-columns:1fr;grid-template-rows:1fr 1fr}.app{height:max-content;width:max-content;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;position:relative;filter:blur(0px);transform:scale(1.1);transition:all var(--transition8);text-decoration:none;color:inherit}@media (hover:hover) and (pointer:fine){.app:hover{filter:blur(0px);opacity:1;transform:scale(1.13);z-index:10;transition-delay:0}}.app-label{padding:5px 10px;background-color:var(--light-gray-04);border-radius:30px;color:var(--mid-gray);border:1px solid var(--dark-gray-01);transition:var(--transition8)}.app-label span{font-size:0;transition:var(--transition8)}@media (hover:hover) and (pointer:fine){.app:hover>.app-label span{font-size:inherit}}.app-title{font-family:SFPRO-BOLD;color:var(--black);font-size:0;transition:var(--transition8)}@media (hover:hover) and (pointer:fine){.app:hover>.app-title{font-size:2rem}}.app-desc{height:0px;width:350px;text-align:center;color:var(--mid-gray);font-size:1rem;transform:scale(0);transition:var(--transition8)}@media (hover:hover) and (pointer:fine){.app:hover>.app-desc{transform:scale(1);height:60px}}.folder{position:relative;width:140px;height:110px;cursor:pointer;z-index:1;transition:transform var(--transition8)}@media (hover:hover) and (pointer:fine){.app:hover .folder{transform:translateY(-6px)}}.folder-tab{position:absolute;top:0;left:12px;width:48px;height:18px;background:var(--light-gray-08);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-radius:8px 8px 0 0;border:1px solid var(--light-gray-04);z-index:4;transform-origin:bottom left;transition:transform var(--transition8)}@media (hover:hover) and (pointer:fine){.app:hover .folder-tab{transform:rotate(-8deg) translateY(-3px)}}.folder-back{position:absolute;bottom:0;left:0;right:0;height:98px;border-radius:6px 16px 16px 16px;background:var(--white);backdrop-filter:blur(50px);border:1px solid var(--light-gray-04);z-index:2}.folder-front{position:absolute;bottom:0;left:0;right:0;height:98px;border-radius:6px 16px 16px 16px;background:linear-gradient( 150deg,var(--light-gray-07) 0%,var(--light-gray-08) 100% );border:1px solid var(--light-gray-05);box-shadow:0 10px 30px var(--dark-gray-01);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);z-index:5;transform-origin:bottom center;transition:all var(--transition8);display:flex;flex-direction:column;align-items:center;justify-content:end;padding-bottom:10px;gap:5px}.line1{width:85%;height:3px;background-color:var(--light-gray);box-shadow:0 0 10px var(--dark-gray-01);opacity:0.5;border-radius:30px}.line2{width:85%;height:3px;background-color:var(--light-gray);box-shadow:0 0 10px var(--dark-gray-01);opacity:0.5;border-radius:30px}@media (hover:hover) and (pointer:fine){.app:hover .folder-front{transform:perspective(600px) rotateX(-28deg) translateY(-8px) scaleX(0.98)}}.emoji-sticker{position:absolute;width:35px;height:35px;object-fit:contain;transition:all var(--transition8);z-index:6;pointer-events:none}#about-app .sticker-1{left:10px;top:10px;transform:rotate(-5deg)}#about-app .sticker-2{right:10px;top:30px;transform:rotate(5deg)}@media (hover:hover) and (pointer:fine){#about-app:hover .sticker-1{transform:rotate(-10deg) scale(1.1)}}@media (hover:hover) and (pointer:fine){#about-app:hover .sticker-2{transform:rotate(10deg) scale(1.1)}}#skills-app .sticker-1{left:10px;top:35px;transform:rotate(2deg)}#skills-app .sticker-2{right:10px;top:10px;transform:rotate(-3deg)}@media (hover:hover) and (pointer:fine){#skills-app:hover .sticker-1{transform:rotate(5deg) scale(1.1)}}@media (hover:hover) and (pointer:fine){#skills-app:hover .sticker-2{transform:rotate(-8deg) scale(1.1)}}#projects-app .sticker-1{left:12px;top:20px;transform:rotate(-2deg)}#projects-app .sticker-2{right:12px;top:40px;transform:rotate(6deg)}@media (hover:hover) and (pointer:fine){#projects-app:hover .sticker-1{transform:rotate(-5deg) scale(1.1)}}@media (hover:hover) and (pointer:fine){#projects-app:hover .sticker-2{transform:rotate(12deg) scale(1.1)}}#contact-app .sticker-1{left:8px;top:40px;transform:rotate(3deg)}#contact-app .sticker-2{right:8px;top:15px;transform:rotate(-4deg)}@media (hover:hover) and (pointer:fine){#contact-app:hover .sticker-1{transform:rotate(8deg) scale(1.1)}}@media (hover:hover) and (pointer:fine){#contact-app:hover .sticker-2{transform:rotate(-10deg) scale(1.1)}}.item{position:absolute;z-index:3;width:90px;height:90px;border-radius:10px;overflow:hidden;border:5px solid var(--light-gray-09);box-shadow:0 6px 18px var(--dark-gray-02);background-size:cover;background-position:center;transition:all var(--transition8)}.item-1{bottom:8px;left:50%;background-size:cover;transform:translateX(-10%) rotate(-8deg) translateY(-30px)}.item-2{bottom:8px;left:50%;background-size:cover;transform:translateX(-90%) rotate(0deg) translateY(-30px)}.item-3{bottom:8px;left:50%;background-size:cover;transform:translateX(-70%) rotate(8deg) translateY(-40px)}@media (hover:hover) and (pointer:fine){.app:hover .item-1{transform:translateX(calc(-50% - 30px)) rotate(-12deg) translateY(-60px)}}@media (hover:hover) and (pointer:fine){.app:hover .item-2{transform:translateX(-50%) rotate(0deg) translateY(-75px)}}@media (hover:hover) and (pointer:fine){.app:hover .item-3{transform:translateX(calc(-50% + 30px)) rotate(12deg) translateY(-60px)}}#about-app .item-1{background-image:url(../../imgs/banners/about0.webp)}#about-app .item-2{background-image:url(../../imgs/banners/about1.webp)}#about-app .item-3{background-image:url(../../imgs/banners/about2.webp)}#skills-app .item-1{background-image:url(../../imgs/banners/skills1.webp)}#skills-app .item-2{background-image:url(../../imgs/banners/skills2.webp)}#skills-app .item-3{background-image:url(../../imgs/banners/skills3.webp)}#projects-app .item-1{background-image:url(../../imgs/banners/project3.webp)}#projects-app .item-2{background-image:url(../../imgs/banners/project2.webp);background-size:cover}#projects-app .item-3{background-image:url(../../imgs/banners/project1.webp)}#contact-app .item-1{background-image:url(../../imgs/banners/contact1.webp)}#contact-app .item-2{background-image:url(../../imgs/banners/contact2.webp)}#contact-app .item-3{background-image:url(../../imgs/banners/contact3.webp)}@media (max-width:1400px){#main{padding:0 100px}}@media (max-width:1300px){#main{padding:0 50px;flex-direction:column;gap:50px;height:auto;min-height:100vh;overflow-y:auto;overflow-x:hidden}.app-container{width:100%;grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:30px;padding:20px 0}.bottom-container{padding:30px 0;order:-1}.lang-dropdown{top:20px;right:20px}}@media (max-width:850px){#main{padding:20px}.bottom-container{transform:scale(0.9)}.app-container{grid-template-columns:1fr 1fr;gap:60px}.app{transform:scale(0.9)}#main-text{font-size:2.5rem;text-align:center}#description{width:95%}#description p{font-size:1rem;width:100%;overflow-wrap:break-word;padding:0 10px}.app-label span{font-size:inherit}.app-title{font-size:2rem}.app-desc{transform:scale(0.9);width:90vw;max-width:350px;height:60px}}@media (max-width:768px){body{overflow-x:hidden}#main{gap:15px}#main-text{font-size:2.2rem;flex-wrap:wrap;gap:5px}.bottom-container{height:max-content;padding:0px;gap:10px;width:100%;max-width:100vw}#description p{width:90%;white-space:normal !important;min-width:0 !important}.social-container{width:max-content}.cta-button{margin-left:0;width:47%;max-width:300px;justify-content:center}}@media (max-width:650px){#main-text{font-size:1.8rem}.lang-dropdown{top:20px;right:20px;transform:scale(0.85)}.app-container{gap:20px}.app-title{font-size:1.8rem}}@media (max-width:600px){body{overflow-y:auto}.app-container{grid-template-columns:1fr;gap:80px;grid-template-rows:auto auto}.app{transform:scale(1.05)}}@media (max-width:480px){main{padding-top:100px;gap:50px}#main-text{font-size:1.5rem;width:100%;justify-content:center}#quote{font-size:0.85rem;text-align:center;padding:0 20px}.bottom-container{gap:20px}#description p{width:100%;max-width:100%;min-width:0;font-size:0.85rem;line-height:1.6;white-space:normal;overflow-wrap:break-word;display:block;margin:0 auto;padding:0 5%}.social-container{transform:scale(0.9);padding:10px;width:max-content}.social-icon{width:40px;height:40px}.cta-button{padding:10px 15px;font-size:0.9rem}.app{transform:scale(0.9)}}@media (max-width:400px){main{padding:80px 10px}#main-text{font-size:1.3rem}#quote{font-size:0.8rem}.lang-dropdown{top:10px;right:10px;transform:scale(0.75)}.app-container{gap:40px}}@media (max-width:380px){#main-text{font-size:1.2rem}.app{transform:scale(0.8)}#description p{width:100%;font-size:0.77rem}.social-container{transform:scale(0.65)}}@media (max-width:600px){#main-footer{position:relative;bottom:auto;padding:40px 0 20px 0;font-size:0.7rem;opacity:0.5}}@media (min-width:1301px) and (max-height:800px){#main{min-height:100svh;height:auto;padding:90px 48px 100px;gap:32px}.app-container{height:auto;min-width:150px;width:auto;flex:1 1 180px;gap:65px}.bottom-container{min-width:0;width:min(55vw,800px);flex:2 1 720px}#main-text{flex-wrap:wrap;text-align:center}}@media (max-width:1300px){#main{padding-top:90px;padding-bottom:100px}#main-footer{position:relative;bottom:auto;padding:24px 0}.bottom-container{min-width:0;max-width:100%}.app-container{min-width:0;grid-template-columns:repeat(2,minmax(0,1fr))}.app{width:100%;min-width:0}.app-desc{width:100%;max-width:350px}}@media (max-width:600px){.app-container{grid-template-columns:minmax(0,1fr)}.social-container{max-width:100%;flex-wrap:wrap}}@media (hover:none),(pointer:coarse){.app{touch-action:pan-y}.app-label span{font-size:inherit}}