:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}body{width:100%;min-height:100vh;margin:0;padding:0;overflow-x:hidden}body{-ms-overflow-style:none;scrollbar-width:none}#root{width:100%;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{box-sizing:border-box;margin:0;padding:0}body{color:#2d3748;background-color:#f7fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;overflow:hidden}body::-webkit-scrollbar{display:none}html{-ms-overflow-style:none;scrollbar-width:none;overflow:hidden}.app{height:100vh;position:relative;overflow:hidden}.horizontal-scroll-container{scroll-snap-type:x mandatory;flex-direction:row;width:100%;height:100vh;transition:transform .5s;display:flex;overflow:auto hidden}.horizontal-scroll-container.show-contact{transform:translateY(-100px)}.horizontal-scroll-container::-webkit-scrollbar{display:none}.horizontal-scroll-container{-ms-overflow-style:none;scrollbar-width:none}section{scroll-snap-align:start;flex-shrink:0;width:100vw;min-width:100vw;height:100%;padding:40px 60px;position:relative}.section-title{color:#1a202c;text-align:center;margin-bottom:3rem;font-size:2.5rem;font-weight:700}.hero{text-align:center;color:#fff;background:linear-gradient(135deg,#1e3a8a 0%,#06b6d4 100%);justify-content:center;align-items:center;max-width:none;height:100%;min-height:auto;display:flex;position:relative}.hero-content{z-index:2;max-width:800px;transition:transform .6s,margin-top .6s;animation:1s ease-in fadeIn;position:relative}.hero-content.shifted{margin-top:0;transform:translateY(-25vh)}.space-hint{opacity:.7;margin-top:2rem;font-size:.9rem;animation:2s ease-in-out infinite pulse}.hero-location{opacity:.9;margin-top:1.5rem;font-size:1rem}.location-highlight{background:linear-gradient(120deg,#fff3 0%,#ffffff1a 100%);border-bottom:2px solid #ffffff80;border-radius:4px;padding:.2rem .5rem;font-weight:600}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.scroll-indicator{cursor:pointer;z-index:10;animation:2s infinite bounceRight;position:absolute;top:50%;right:40px;transform:translateY(-50%)}.scroll-indicator.left{animation:2s infinite bounceLeft;left:40px;right:auto}.scroll-arrow{opacity:.8;border-bottom:3px solid #fff;border-left:3px solid #fff;width:30px;height:30px;transition:opacity .3s;transform:rotate(-135deg)}.scroll-indicator.left .scroll-arrow{transform:rotate(45deg)}.scroll-indicator.down{animation:2s infinite bounceDown;inset:auto auto 40px 50%;transform:translate(-50%)}.scroll-indicator.down .scroll-arrow{transform:rotate(-45deg)}.scroll-indicator:hover .scroll-arrow{opacity:1}@keyframes bounceDown{0%,20%,50%,80%,to{transform:translate(-50%)translateY(0)}40%{transform:translate(-50%)translateY(10px)}60%{transform:translate(-50%)translateY(5px)}}@keyframes bounceRight{0%,20%,50%,80%,to{transform:translateY(-50%)translate(0)}40%{transform:translateY(-50%)translate(10px)}60%{transform:translateY(-50%)translate(5px)}}@keyframes bounceLeft{0%,20%,50%,80%,to{transform:translateY(-50%)translate(0)}40%{transform:translateY(-50%)translate(-10px)}60%{transform:translateY(-50%)translate(-5px)}}.hero-title{letter-spacing:-.02em;margin-bottom:1rem;font-size:4rem;font-weight:800}.hero-subtitle{opacity:.95;margin-bottom:2rem;font-size:1.5rem;font-weight:300}.hero-description{opacity:.9;max-width:800px;margin:0 auto;font-size:1.1rem;line-height:1.8}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.resume-section{opacity:0;pointer-events:none;z-index:1;justify-content:space-around;gap:2rem;width:80%;max-width:1000px;transition:opacity .6s .3s;display:flex;position:absolute;bottom:12%;left:50%;transform:translate(-50%)}.resume-section.visible{opacity:1;pointer-events:auto}.resume-category{text-align:left;flex:1}.resume-category-title{color:#fff;border-bottom:1px solid #ffffff4d;margin-bottom:.75rem;padding-bottom:.4rem;font-size:1rem;font-weight:700}.resume-item{margin-bottom:1rem}.resume-item-title{color:#fff;margin-bottom:.15rem;font-size:.9rem;font-weight:600}.resume-item-period{color:#ffffffb3;margin-bottom:.15rem;font-size:.75rem}.resume-item-description{color:#ffffffd9;font-size:.8rem}.projects{background-color:#fff;flex-direction:column;justify-content:center;height:100%;min-height:auto;display:flex;position:relative}.projects .scroll-arrow{border-bottom:3px solid #2d3748;border-left:3px solid #2d3748}.folders-container{justify-content:center;gap:3rem;max-width:1200px;margin:0 auto;display:flex}.folder-item{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;flex-direction:column;align-items:center;padding:1rem;text-decoration:none;transition:background-color .2s;display:flex}.folder-item:hover{background-color:#0078d71a}.folder-icon{width:80px;height:80px;margin-bottom:.5rem}.folder-title{color:#2d3748;text-align:center;word-wrap:break-word;border-radius:2px;max-width:100px;padding:2px 4px;font-size:.9rem}.folder-item.active{background-color:#0078d733}.projects-top{flex-direction:column;align-items:center;transition:transform .4s;display:flex}.projects-top.shifted{transform:translateY(-35vh)}.folder-window{background:#f0f0f0;border:1px solid #999;border-radius:8px;width:85%;max-width:85%;height:65%;max-height:65%;animation:.3s folderOpen;position:absolute;bottom:10%;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 8px 32px #0003}@keyframes folderOpen{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.folder-window-header{background:linear-gradient(#fff 0%,#e8e8e8 100%);border-bottom:1px solid #ccc;justify-content:space-between;align-items:center;padding:.5rem 1rem;display:flex}.folder-window-title{color:#333;font-size:.9rem;font-weight:500}.folder-close-btn{color:#666;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;font-size:1.5rem;transition:background-color .2s,color .2s;display:flex}.folder-close-btn:hover{color:#fff;background-color:#e81123}.folder-window-body{height:calc(100% - 45px);display:flex}.folder-window-content{background:#f0f0f0;flex-wrap:wrap;flex:1;align-content:flex-start;gap:2rem;padding:2rem;display:flex;overflow-y:auto}.file-item{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:4px;flex-direction:column;align-items:center;width:100px;padding:.75rem;transition:background-color .2s;display:flex}.file-item:hover{background-color:#0078d71a}.file-item.selected{background-color:#0078d733}.file-icon{width:64px;height:64px;margin-bottom:.5rem}.file-name{color:#333;text-align:center;word-break:break-word;max-width:100%;font-size:.85rem}.file-details{background:#fafafa;border-left:1px solid #ddd;flex-direction:column;align-items:center;width:250px;padding:1.5rem;display:flex;overflow-y:auto}.details-icon{margin-bottom:1rem}.details-icon .file-icon{width:80px;height:80px}.details-name{color:#333;text-align:center;word-break:break-word;margin:0 0 1.5rem;font-size:1rem;font-weight:600}.details-info{width:100%;margin-bottom:1.5rem}.details-row{border-bottom:1px solid #eee;justify-content:space-between;padding:.5rem 0;display:flex}.details-label{color:#666;font-size:.8rem}.details-value{color:#333;font-size:.8rem}.details-description{width:100%}.details-description .details-label{margin-bottom:.5rem;display:block}.details-description p{color:#333;margin:0;font-size:.85rem;line-height:1.5}.skills{background-color:#f7fafc;flex-direction:column;justify-content:center;height:100%;min-height:auto;display:flex;position:relative}.skills .scroll-arrow{border-bottom:3px solid #2d3748;border-left:3px solid #2d3748}.skills-container{justify-content:center;gap:4rem;max-width:1200px;margin:0 auto;display:flex}.skill-category{text-align:center;flex:1;min-width:200px;max-width:250px}.category-title{color:#2d3748;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1.5rem;font-size:1.1rem;font-weight:600}.skills-list{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.skill-item{color:#4a5568;cursor:pointer;border-bottom:1px solid #e2e8f0;padding:.5rem 0;font-size:1rem;transition:color .2s}.skill-item:last-child{border-bottom:none}.skill-item:hover{color:#2d3748}.places{background-color:#fff;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex;position:relative;overflow:hidden}.places .scroll-arrow{border-bottom:3px solid #2d3748;border-left:3px solid #2d3748}.places-hint{color:#718096;opacity:.8;margin:0 0 1rem;font-size:.9rem}.globe-container{justify-content:center;align-items:center;transition:transform .5s;display:flex;overflow:hidden}.globe-container canvas{outline:none}.globe-container>div{justify-content:center;align-items:center;display:flex}.places-content{justify-content:center;align-items:center;width:100%;height:60%;display:flex;position:relative}.places-content .globe-container{transition:transform .5s;transform:translate(0)}.places-content.show-list .globe-container{transform:translate(-25%)}.country-list{opacity:0;pointer-events:none;flex-direction:column;gap:1.5rem;width:40%;height:90%;padding:1rem;transition:opacity .5s,transform .5s;display:flex;position:absolute;right:5%;overflow-y:auto;transform:translate(50px)}.places-content.show-list .country-list{opacity:1;pointer-events:auto;transform:translate(0)}.country-list::-webkit-scrollbar{display:none}.continent-group{background:#2d37480d;border-radius:12px;padding:1rem 1.5rem}.continent-title{color:#2d3748;border-bottom:2px solid #2d3748;margin:0 0 .75rem;padding-bottom:.5rem;font-size:1.1rem;font-weight:600}.continent-group ul{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.continent-group li{color:#4a5568;background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:.4rem .8rem;font-size:.9rem}.projects-vertical-wrapper{scroll-snap-align:start;scroll-behavior:smooth;scroll-snap-type:y mandatory;flex-shrink:0;width:100vw;min-width:100vw;height:100vh;overflow:hidden auto}.projects-vertical-wrapper::-webkit-scrollbar{display:none}.projects-vertical-wrapper{-ms-overflow-style:none;scrollbar-width:none}.projects-vertical-wrapper .projects,.projects-vertical-wrapper .file-preview{scroll-snap-align:start;width:100%;min-width:100%;height:100vh;min-height:100vh}.file-preview{background-color:#fff;flex-direction:column;justify-content:flex-start;align-items:center;padding:80px 60px 40px;display:flex;position:relative}.file-preview .scroll-arrow{border-bottom:3px solid #2d3748;border-left:3px solid #2d3748}.scroll-indicator.up{animation:2s infinite bounceUp;inset:20px auto auto 50%;transform:translate(-50%)}.scroll-indicator.up .scroll-arrow{transform:rotate(135deg)}@keyframes bounceUp{0%,20%,50%,80%,to{transform:translate(-50%)translateY(0)}40%{transform:translate(-50%)translateY(-10px)}60%{transform:translate(-50%)translateY(-5px)}}.file-indicator{z-index:10;align-items:center;gap:1.5rem;display:flex;position:absolute;top:25px;right:60px}.indicator-text{color:#4a5568;text-align:center;min-width:50px;font-size:.95rem;font-weight:500}.indicator-nav{cursor:pointer;justify-content:center;align-items:center;padding:8px;display:flex}.indicator-nav .indicator-arrow{opacity:.6;border-bottom:3px solid #2d3748;border-left:3px solid #2d3748;width:20px;height:20px;transition:opacity .3s,transform .2s}.indicator-nav.left .indicator-arrow{transform:rotate(45deg)}.indicator-nav.right .indicator-arrow{transform:rotate(-135deg)}.indicator-nav:hover .indicator-arrow{opacity:1}.indicator-nav:active .indicator-arrow{transform:scale(.9)rotate(45deg)}.indicator-nav.right:active .indicator-arrow{transform:scale(.9)rotate(-135deg)}.preview-header{align-items:center;gap:1rem;width:100%;max-width:1100px;margin-bottom:2rem;display:flex}.preview-title{color:#1a202c;margin:0;font-size:1.8rem;font-weight:700}.update-badge{color:#22c55e;font-weight:700}.preview-badges{gap:.5rem;display:flex}.preview-folder-badge{color:#fff;background:#1e3a8a;border-radius:20px;padding:.25rem .75rem;font-size:.85rem;font-weight:500}.preview-type-badge{color:#4a5568;background:#e2e8f0;border-radius:20px;padding:.25rem .75rem;font-size:.85rem;font-weight:500}.preview-magazine-layout{flex:1;gap:3rem;width:100%;max-width:1100px;display:flex}.preview-left{flex:0 0 55%;justify-content:center;align-items:flex-start;min-width:0;display:flex}.preview-right{flex-direction:column;flex:0 0 calc(45% - 3rem);gap:1.5rem;min-width:0;padding-top:1rem;display:flex;overflow:hidden}.preview-visual{width:100%}.preview-meta{border-bottom:1px solid #e2e8f0;gap:2rem;padding-bottom:1rem;display:flex}.meta-item{flex-direction:column;gap:.25rem;display:flex}.meta-label{color:#718096;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.meta-value{color:#1a202c;font-size:.95rem;font-weight:500}.preview-description,.preview-review{padding:0}.description-title,.review-title{color:#1a202c;margin-bottom:.5rem;font-size:1rem;font-weight:600}.description-text,.review-text{color:#4a5568;margin:0;font-size:.95rem;line-height:1.7}.preview-review{background:#f7fafc;border-left:3px solid #4299e1;border-radius:8px;padding:1rem}.preview-links{flex-direction:column;gap:.5rem;display:flex}.preview-link-row{background:#f1f5f9;border-radius:8px;align-items:center;gap:1rem;padding:.5rem;display:flex;overflow:hidden}.link-button{color:#fff;white-space:nowrap;background:#1e3a8a;border-radius:4px;flex-shrink:0;align-items:center;gap:.4rem;padding:.3rem .75rem;font-size:.8rem;font-weight:500;text-decoration:none;transition:background .2s;display:inline-flex}.link-button:hover{background:#1e40af}.link-icon{font-size:.9rem}.link-url{color:#64748b;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.85rem;overflow:hidden}.preview-content{width:100%;max-width:900px;margin:0 auto}.preview-file-icon{width:80px;height:80px}.preview-placeholder-text{color:#4a5568;margin-top:1rem;font-size:1.2rem}.preview-file-name{color:#718096;margin-top:.5rem;font-size:.9rem}.preview-video-placeholder{aspect-ratio:16/9;background:linear-gradient(135deg,#1a202c 0%,#2d3748 100%);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex;box-shadow:0 8px 32px #0003}.preview-video-placeholder .preview-file-icon{width:80px;height:80px}.preview-video-placeholder .preview-placeholder-text{color:#fff}.preview-browser-mockup{background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:100%;overflow:hidden;box-shadow:0 8px 32px #00000026}.browser-header{background:#f7fafc;border-bottom:1px solid #e2e8f0;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.browser-dots{gap:.5rem;display:flex}.dot{border-radius:50%;width:12px;height:12px}.dot.red{background:#ff5f57}.dot.yellow{background:#ffbd2e}.dot.green{background:#28c840}.browser-url{color:#718096;background:#fff;border:1px solid #e2e8f0;border-radius:6px;flex:1;padding:.5rem 1rem;font-size:.85rem}.browser-content{background:linear-gradient(135deg,#f7fafc 0%,#edf2f7 100%);flex-direction:column;justify-content:center;align-items:center;height:300px;display:flex}.preview-cardnews-mockup{width:100%;max-width:350px}.cardnews-slides{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #00000026}.cardnews-slide{aspect-ratio:1;background:linear-gradient(135deg,#f0fff4 0%,#c6f6d5 100%);flex-direction:column;justify-content:center;align-items:center;display:flex}.cardnews-slide .preview-file-icon{width:100px;height:100px}.preview-doc-mockup{background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:100%;overflow:hidden;box-shadow:0 8px 32px #00000026}.doc-header{background:#f7fafc;border-bottom:1px solid #e2e8f0;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.doc-header .preview-file-icon{width:40px;height:40px}.doc-title{color:#2d3748;font-size:.9rem;font-weight:500}.doc-content{min-height:300px;padding:2rem}.doc-line{background:#e2e8f0;border-radius:6px;height:12px;margin-bottom:1rem}.doc-line.short{width:60%}.doc-line.medium{width:80%}.contact{z-index:100;background:#fff;justify-content:center;align-items:center;width:100%;height:100px;padding:20px 40px;transition:transform .5s,background .3s;display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%)}.contact.visible{transform:translateY(0)}.contact.hero{background:linear-gradient(135deg,#1e3a8a 0%,#06b6d4 100%)}.contact.hero .contact-name,.contact.hero .contact-link,.contact.hero .contact-close-btn{color:#fff}.contact.hero .contact-link:hover{color:#fffc}.contact.projects{background-color:#fff}.contact.skills{background-color:#f7fafc}.contact.places,.contact.file-preview{background-color:#fff}.contact-close-btn{color:#2d3748;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.5rem;display:flex;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.contact-close-btn:hover{color:#1a202c}.contact .scroll-arrow{border-bottom:3px solid #2d3748;border-left:3px solid #2d3748}.contact-list{flex-flow:wrap;justify-content:center;align-items:center;gap:3rem;max-width:800px;margin:0 auto;display:flex}.contact-item{flex-direction:row;align-items:center;gap:.5rem;display:flex}.contact-name{color:#2d3748;font-size:1rem;font-weight:600}.contact-link{color:#667eea;font-size:1rem;text-decoration:none;transition:color .3s}.contact-link:hover{color:#764ba2;text-decoration:underline}@media (max-width:1024px){.hero-title{font-size:3rem}.hero-subtitle{font-size:1.3rem}section{padding:60px 20px}.folders-container{gap:2rem}}@media (max-width:768px){.hero{padding:40px 20px}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.hero-description{font-size:1rem}.hero-content.shifted{transform:translateY(-20vh)}.space-hint{font-size:.85rem}.resume-section{flex-direction:column;gap:2rem;max-height:50vh;padding:1rem;bottom:10%;overflow-y:auto}.resume-category-title{font-size:1.1rem}.resume-item-title{font-size:1rem}.resume-item-period{font-size:.85rem}.resume-item-description{font-size:.9rem}.scroll-indicator{right:30px}.scroll-indicator.left{left:30px}.scroll-arrow{width:25px;height:25px}.section-title{margin-bottom:2rem;font-size:2rem}section{padding:50px 20px}.folders-container{flex-wrap:wrap;gap:1.5rem}.folder-icon{width:60px;height:60px}.folder-title{font-size:.85rem}.folder-window{width:85%;bottom:10%}.folder-window-content{gap:1rem;padding:1rem}.file-item{width:70px}.file-icon{width:40px;height:40px}.file-details{width:200px;padding:1rem}.details-icon .file-icon{width:60px;height:60px}.details-name{font-size:.9rem}.skills-container{flex-direction:column;align-items:center;gap:2.5rem}.skill-category{width:100%;min-width:auto;max-width:250px}.contact-list{flex-direction:column;gap:1.5rem}.globe-container{height:50%}.preview-video-placeholder,.preview-browser-mockup{max-width:90%}.preview-file-icon{width:60px;height:60px}.preview-placeholder-text{font-size:1rem}}@media (max-width:480px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.hero-description{font-size:.95rem}.hero-content.shifted{transform:translateY(-15vh)}.space-hint{margin-top:1.5rem;font-size:.8rem}.resume-section{gap:1.5rem;width:95%;padding:.5rem}.resume-category-title{font-size:1rem}.resume-item{margin-bottom:1rem}.resume-item-title{font-size:.95rem}.resume-item-period{font-size:.8rem}.resume-item-description{font-size:.85rem}.scroll-indicator{right:20px}.scroll-indicator.left{left:20px}.scroll-arrow{border-bottom:2px solid #fff;border-left:2px solid #fff;width:22px;height:22px}.section-title{font-size:1.75rem}section{padding:40px 30px}.folder-icon{width:50px;height:50px}.folder-title{max-width:80px;font-size:.8rem}.projects-top.shifted{transform:translateY(-10vh)}.folder-window{width:90%;bottom:8%}.folder-window-content{gap:.75rem;min-height:120px;padding:.75rem}.file-item{width:60px}.file-icon{width:32px;height:32px}.file-name{font-size:.7rem}.file-details{width:150px;padding:.75rem}.details-icon .file-icon{width:48px;height:48px}.details-name{margin-bottom:1rem;font-size:.8rem}.details-row{flex-direction:column;gap:.25rem}.details-label,.details-value{font-size:.7rem}.details-description p{font-size:.75rem}.skill-category{max-width:280px}.contact-name,.contact-link{font-size:.9rem}.globe-container{height:45%}.file-preview{padding:30px 20px}.preview-file-icon{width:50px;height:50px}.preview-placeholder-text{font-size:.9rem}.preview-video-placeholder .preview-file-icon{width:60px;height:60px}.browser-content{height:200px}.doc-content{min-height:200px;padding:1.5rem}}