@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{width:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;width:100%}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;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}}.navbar{display:flex;justify-content:center;align-items:center;padding:1rem;background:transparent;position:fixed;top:0;left:0;right:0;z-index:1000}.nav-container{position:relative;display:flex;background:#000c;border-radius:12px;padding:8px;gap:4px;box-shadow:0 4px 20px #0000004d}.nav-selector{position:absolute;top:8px;left:8px;width:calc(33.333% - 4px);height:calc(100% - 16px);background:#8b5cf6;border-radius:8px;transition:transform .15s ease-out;z-index:1}.nav-selector[data-active=home]{transform:translate(0)}.nav-selector[data-active=work]{transform:translate(100%)}.nav-selector[data-active=about]{transform:translate(200%)}.nav-button{position:relative;z-index:2;display:flex;align-items:center;gap:8px;padding:12px 16px;background:transparent;border:none;border-radius:8px;color:#fff;font-family:"Press Start 2P",monospace;font-size:12px;cursor:pointer;transition:all .1s ease;min-width:100px;justify-content:center;text-decoration:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.nav-button:hover{color:#e0e7ff;background:#8b5cf61a;transform:scale(1.01)}.nav-button.active{color:#fff}.nav-icon{width:16px;height:16px;flex-shrink:0}.nav-button span{white-space:nowrap}@media (max-width: 480px){.nav-selector{transition:transform .1s ease-out}.nav-button{font-size:10px;padding:10px 12px;min-width:80px;transition:all .05s ease}.nav-button:hover{transform:none}.nav-icon{width:14px;height:14px}}@media (max-width: 768px){.nav-selector{transition:transform .12s ease-out}.nav-button{transition:all .08s ease}.nav-button:hover{transform:scale(1.005)}}.footer{display:flex;justify-content:center;align-items:center;padding:2rem 0;background:#000c;margin-top:auto;width:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.footer-container{position:relative;display:flex;background:transparent;padding:16px 24px;width:100%;max-width:1200px;margin:0 auto}.footer-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;width:100%;text-align:center}.footer-links{display:flex;gap:24px;align-items:center;justify-content:center}.footer-link{display:flex;align-items:center;gap:8px;padding:8px 12px;background:transparent;border:none;border-radius:8px;color:#fff;font-family:"Press Start 2P",monospace;font-size:10px;text-decoration:none;cursor:pointer;transition:all .2s ease;min-width:80px;justify-content:center}.footer-link:hover{color:#e0e7ff;background:#8b5cf61a;transform:scale(1.02)}.footer-icon{width:14px;height:14px;flex-shrink:0}.footer-link span{white-space:nowrap}.footer-text{text-align:center}.footer-text p{color:#ffffffb3;font-family:"Press Start 2P",monospace;font-size:8px;margin:0;letter-spacing:.5px}@media (max-width: 480px){.footer{padding:1rem .5rem}.footer-container{padding:12px 16px}.footer-links{gap:16px}.footer-link{font-size:8px;padding:6px 8px;min-width:60px}.footer-icon{width:12px;height:12px}.footer-text p{font-size:6px}}@media (max-width: 360px){.footer-links{flex-direction:column;gap:8px}.footer-link{min-width:100px}}.language-button-container{position:fixed;top:1rem;right:1rem;z-index:1001;margin-left:.5rem}.language-button{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#000c;border:none;border-radius:12px;color:#fff;font-family:"Press Start 2P",monospace;font-size:12px;cursor:pointer;transition:all .15s ease;box-shadow:0 4px 20px #0000004d;-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-width:80px;justify-content:center}.language-button:hover{color:#e0e7ff;background:#8b5cf633;transform:scale(1.05);box-shadow:0 6px 25px #8b5cf64d}.language-button:active{transform:scale(.98)}.flag-icon{width:20px;height:14px;flex-shrink:0;border-radius:2px;box-shadow:0 1px 3px #0000004d}.language-text{white-space:nowrap;font-weight:700}@media (max-width: 480px){.language-button-container{top:.5rem;right:.5rem}.language-button{font-size:10px;padding:10px 12px;min-width:70px;transition:all .1s ease}.language-button:hover{transform:scale(1.02)}.flag-icon{width:18px;height:12px}}@media (max-width: 768px){.language-button{transition:all .12s ease}.language-button:hover{transform:scale(1.03)}}.language-button{position:relative;overflow:hidden}.language-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(139,92,246,.3),transparent);transition:left .5s ease}.language-button:hover:before{left:100%}.parallax-carousel-wrapper{position:relative;width:100%}.parallax-carousel{position:relative;width:100%;height:80vh;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;will-change:scroll-position;scrollbar-width:none;-ms-overflow-style:none}.parallax-carousel::-webkit-scrollbar{display:none}.parallax-carousel.scroll-locked{overflow-y:hidden}.parallax-spacer{height:5vh}.parallax-img-container{position:relative;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer}.parallax-img-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#1a1a2ecc,#16213eb3,#0f3460cc);z-index:2}.parallax-background{position:absolute;top:0;left:0;width:100%;height:95%;background-size:cover;background-position:center;background-repeat:no-repeat;will-change:transform;z-index:1}.parallax-img-container h2{position:relative;z-index:10;color:#e0e7ff;font-family:"Press Start 2P",monospace;font-size:2.5rem;font-weight:700;text-align:center;cursor:pointer;text-shadow:0 0 20px rgba(139,92,246,.8);margin:0;padding:0 2rem;line-height:1.2;letter-spacing:-1px}.carousel-escape-button{position:absolute;left:50%;background:#8b5cf6cc;border:none;border-radius:50%;width:50px;height:50px;color:#e0e7ff;cursor:pointer;z-index:100;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 20px #8b5cf64d;transition:all .3s ease}.carousel-escape-button:hover{background:#8b5cf6;transform:scale(1.1);box-shadow:0 6px 30px #8b5cf666}.carousel-escape-top{top:-25px}.carousel-escape-bottom{bottom:-25px}@media (max-width: 768px){.parallax-img-container h2{font-size:1.8rem;padding:0 1rem}.carousel-escape-button{width:40px;height:40px}.carousel-escape-top{top:10px}.carousel-escape-bottom{bottom:10px}}@media (max-width: 480px){.parallax-img-container h2{font-size:1.4rem;padding:0 .5rem}.carousel-escape-button{width:35px;height:35px}}@media (hover: none) and (pointer: coarse){.carousel-escape-button:active{transform:scale(.95);background:#8b5cf6}}.mobile-carousel-container{position:relative;width:100%;height:300px;margin:2rem 0;border-radius:16px;overflow:hidden;background-color:#1a1a2e;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d;cursor:pointer;transition:transform .3s ease}.mobile-carousel-container:hover{transform:scale(1.02)}.mobile-carousel-image{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat}.mobile-carousel-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#1a1a2ecc,#16213eb3,#0f3460cc);display:flex;align-items:center;justify-content:center;z-index:2}.mobile-carousel-title{color:#e0e7ff;margin:0;font-family:"Press Start 2P",monospace;font-size:1.2rem;font-weight:700;text-align:center;padding:0 5rem;text-shadow:0 0 20px rgba(139,92,246,.8)}.mobile-carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#8b5cf6cc;border:none;border-radius:50%;width:35px;height:35px;min-width:35px;min-height:35px;max-width:35px;max-height:35px;aspect-ratio:1 / 1;color:#e0e7ff;font-size:18px;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:all .5s ease;box-sizing:border-box;padding:0;margin:0;outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:none}.mobile-carousel-arrow:hover{background:#8b5cf6;transform:translateY(-50%) scale(1.1);width:35px;height:35px;min-width:35px;min-height:35px;max-width:35px;max-height:35px}.mobile-carousel-arrow-left{left:10px}.mobile-carousel-arrow-right{right:10px}.mobile-carousel-dots{position:absolute;bottom:5px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:10;align-items:center;justify-content:center;flex-wrap:nowrap;width:auto;height:auto}.mobile-carousel-dot{width:8px;height:8px;min-width:8px;min-height:8px;max-width:8px;max-height:8px;aspect-ratio:1 / 1;border-radius:50%;border:none;background:#ffffff20;cursor:pointer;transition:all .5s ease;flex-shrink:0;flex-grow:0;box-sizing:border-box;padding:0;margin:0;outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;display:block}.mobile-carousel-dot.active{background:#8b5cf6;transform:scale(1.2);width:8px;height:8px;min-width:8px;min-height:8px;max-width:8px;max-height:8px}.mobile-carousel-dot:hover{background:#ffffff80}.mobile-carousel-counter{position:absolute;top:10px;right:10px;background:#00000080;color:#e0e7ff;padding:4px 8px;border-radius:12px;font-size:.8rem;z-index:10}.mobile-carousel-fallback{width:100%;height:300px;background-color:#1a1a2e;display:flex;align-items:center;justify-content:center;border-radius:16px;margin:2rem 0;border:1px solid rgba(255,255,255,.1)}.mobile-carousel-fallback-text{color:#e0e7ff;margin:0}@media (max-width: 480px){.mobile-carousel-container{height:250px;margin:1.5rem 0}.mobile-carousel-title{font-size:1rem}.mobile-carousel-arrow{width:35px;height:35px;min-width:35px;min-height:35px;max-width:35px;max-height:35px;aspect-ratio:1 / 1;font-size:18px}.mobile-carousel-dot,.mobile-carousel-dot.active{width:10px;height:10px;min-width:10px;min-height:10px;max-width:10px;max-height:10px;aspect-ratio:1 / 1}.mobile-carousel-fallback{height:250px;margin:1.5rem 0}}@media (max-width: 360px){.mobile-carousel-container{height:200px;margin:1rem 0}.mobile-carousel-title{font-size:.9rem}.mobile-carousel-arrow{width:30px;height:30px;min-width:30px;min-height:30px;max-width:30px;max-height:30px;aspect-ratio:1 / 1;font-size:16px}.mobile-carousel-fallback{height:200px;margin:1rem 0}}.page-container{min-height:100vh;width:100%;display:flex;flex-direction:column;color:#fff;box-sizing:border-box;padding-top:80px}.vertical-carousel-container{position:relative;width:100%;height:100vh;overflow:hidden}.content-hidden{opacity:0;transform:translateY(50px);transition:opacity .5s ease,transform .5s ease;pointer-events:none}.content-visible{opacity:1;transform:translateY(0);transition:opacity .5s ease,transform .5s ease;pointer-events:auto}.carousel-nav{position:absolute;bottom:3rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:2rem;z-index:20}.nav-btn{background:#8b5cf64d;border:2px solid rgba(139,92,246,.5);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;color:#e0e7ff;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-btn:hover{background:#8b5cf680;border-color:#8b5cf6cc;transform:scale(1.1);box-shadow:0 0 20px #8b5cf666}.nav-btn svg{transition:transform .3s ease}.nav-btn:hover svg{transform:scale(1.2)}.nav-btn:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.nav-btn:disabled:hover{transform:none;box-shadow:none}.nav-indicators{display:flex;gap:.75rem}.nav-indicator{width:12px;height:12px;border-radius:50%;border:2px solid rgba(255,255,255,.5);background:transparent;cursor:pointer;transition:all .3s ease}.nav-indicator.active{background:#8b5cf6;border-color:#8b5cf6;transform:scale(1.3);box-shadow:0 0 10px #8b5cf680}.nav-indicator:hover{border-color:#8b5cf6;transform:scale(1.2)}.slide-counter{position:absolute;top:2rem;right:2rem;color:#fff;font-size:1.2rem;font-weight:600;background:#00000080;padding:.5rem 1rem;border-radius:25px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20}.current-slide{color:#8b5cf6}.total-slides{opacity:.7}.page-content{flex:1;padding:6rem 2rem 2rem;max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box}.page-title{font-family:"Press Start 2P",monospace;font-size:3rem;margin-bottom:1.5rem;color:#e0e7ff;text-shadow:0 0 10px rgba(139,92,246,.5);text-align:center}.page-description{font-size:1.2rem;line-height:1.6;color:#cbd5e1;text-align:center;margin-bottom:3rem;max-width:800px;margin-left:auto;margin-right:auto}.carousel-slide{position:absolute;top:0;left:0;width:100%;height:100%}.slide-background{width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}.slide-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#1a1a2ecc,#16213eb3,#0f3460cc);display:flex;align-items:center;justify-content:center}.slide-content{text-align:center;max-width:800px;padding:2rem;z-index:10}.slide-title{font-family:"Press Start 2P",monospace;font-size:3.5rem;margin-bottom:1.5rem;color:#e0e7ff;text-shadow:0 0 20px rgba(139,92,246,.8);line-height:1.2}.slide-subtitle{font-size:1.5rem;margin-bottom:1rem;color:#cbd5e1;font-weight:500;line-height:1.4}.slide-description{font-size:1.1rem;color:#94a3b8;line-height:1.6;max-width:600px;margin:0 auto}@media (max-width: 768px){.page-container{padding-top:75px}.page-content{padding:1rem}.page-title{font-size:2rem}.page-description{font-size:1rem}.slide-title{font-size:2.5rem}.slide-subtitle{font-size:1.2rem}.slide-description{font-size:1rem}.carousel-nav{bottom:2rem;gap:1.5rem}.nav-btn{width:45px;height:45px}.slide-counter{top:1.5rem;right:1.5rem;font-size:1rem;padding:.4rem .8rem}}@media (max-width: 480px){.page-container{padding-top:90px}.page-content{padding:1rem .75rem .75rem}.page-title{font-size:1.5rem}.slide-title{font-size:1.8rem}.slide-subtitle{font-size:1rem}.slide-description{font-size:.9rem}.carousel-nav{bottom:1.5rem;gap:1rem}.nav-btn{width:40px;height:40px}.nav-indicator{width:10px;height:10px}.slide-counter{top:1rem;right:1rem;font-size:.9rem;padding:.3rem .6rem}}.home-header{margin-bottom:4rem;max-width:800px;margin-left:auto;margin-right:auto;width:100%;box-sizing:border-box}.home-container{position:relative}.home-title{font-family:"Press Start 2P",monospace;font-size:3rem;margin-bottom:1rem;color:#e0e7ff;text-shadow:0 0 10px rgba(139,92,246,.5);line-height:1.2;text-align:left}.home-subtitle{font-size:1.1rem;line-height:1.6;color:#cbd5e1;margin-bottom:1.5rem;text-align:left}.home-cta{display:flex;justify-content:flex-end;align-items:center;gap:.5rem}.profile-image-home{width:32px;height:32px;border-radius:50%}@media (max-width: 480px){.profile-image-home{width:32px;height:32px}}.avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;background:#8b5cf633;border:2px solid rgba(139,92,246,.3);display:flex;align-items:center;justify-content:center}.avatar-placeholder{width:24px;height:24px;background:#8b5cf6;border-radius:50%;position:relative}.avatar-placeholder:before{content:"";position:absolute;top:1px;left:50%;transform:translate(-50%);width:14px;height:14px;background:#fff;border-radius:50%}.avatar-placeholder:after{content:"";position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:20px;height:10px;background:#fff;border-radius:10px 10px 0 0}.about-me-btn{display:flex;align-items:center;gap:.75rem;background:#8b5cf64d;border:none;border-radius:25px;padding:.5rem 1rem .5rem .5rem;color:#e0e7ff;font-weight:500;cursor:pointer;transition:all .3s ease;font-family:"Press Start 2P",monospace;font-size:.7rem}.about-me-btn:hover{background:#8b5cf666;transform:translateY(-2px);box-shadow:0 4px 20px #8b5cf64d}.about-me-btn svg{transition:transform .3s ease}.about-me-btn:hover svg{transform:translate(3px)}.scroll-carousel-frame{position:relative;width:100%;height:600px;margin:6rem 0;border-radius:16px;overflow:hidden;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d}.home-carousel-container{position:relative;width:100%;height:100%}.carousel-image{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0;transition:opacity .5s ease-in-out}.carousel-image.active{opacity:1}.carousel-counter{position:absolute;top:1rem;right:1rem;z-index:20;color:#fff;font-size:1rem;font-weight:600;background:#00000080;padding:.4rem .8rem;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.carousel-counter .current-image{color:#8b5cf6}.carousel-counter .total-images{opacity:.7}.carousel-scroll-indicator{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);z-index:20;text-align:center;color:#fff;animation:bounce 2s infinite}.carousel-scroll-indicator .scroll-text{font-size:.8rem;margin-bottom:.3rem;opacity:.8}.carousel-scroll-indicator .scroll-arrow{font-size:1.2rem;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.project-carousel{margin:3rem 0;position:relative;overflow:hidden;border-radius:16px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);width:100%;box-sizing:border-box}.home-carousel-container{display:flex;width:400%}.carousel-slide{width:25%;flex-shrink:0}.carousel-slide img{width:100%;height:300px;object-fit:cover;display:block}.carousel-indicators{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);display:flex;gap:.5rem;z-index:10}.indicator{width:5px;height:5px;border-radius:60%;border:none;background:#ffffff4d;cursor:pointer;transition:all .3s ease}.indicator.active{background:#8b5cf6;transform:scale(1.3)}.content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem;width:100%;box-sizing:border-box}.content-card{background:#ffffff0d;border-radius:16px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d;transition:transform .3s ease,box-shadow .3s ease;box-sizing:border-box;width:100%}.content-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #0006}.content-card h3{font-size:1.5rem;margin-bottom:1rem;color:#e0e7ff}.content-card p{color:#cbd5e1;line-height:1.6}@media (max-width: 768px){.home-header{margin-top:.5rem}.home-title{font-size:2rem}.home-subtitle{font-size:1rem}.home-cta{justify-content:center}.avatar,.avatar-placeholder{width:22px;height:22px}.about-me-btn{font-size:.7rem;padding:.6rem 1.2rem .6rem .6rem}.content-grid{grid-template-columns:1fr;gap:1.5rem}.scroll-carousel-frame{height:300px;margin:2rem 0}.carousel-counter{top:.5rem;right:.5rem;font-size:.9rem;padding:.3rem .6rem}.carousel-scroll-indicator{bottom:.5rem}.carousel-scroll-indicator .scroll-text{font-size:.7rem}.carousel-scroll-indicator .scroll-arrow{font-size:1rem}.carousel-slide img{height:200px}.project-carousel{margin:2rem 0}.content-card{padding:1.5rem}}@media (max-width: 480px){.home-header{margin-top:1rem}.home-title{font-size:1.5rem}.home-subtitle{font-size:.9rem}.home-cta{justify-content:center}.avatar{width:32px;height:32px}.avatar-placeholder{width:24px;height:24px}.about-me-btn{font-size:.7rem;padding:.7rem 1.4rem .7rem .7rem}.content-card{padding:1rem}.carousel-slide img{height:150px}.project-carousel{margin:1.5rem 0}.indicator{width:10px;height:10px}}.profile-image{width:120px;height:120px;border-radius:50%}.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-bottom:3rem}.about-section{background:#ffffff0d;border-radius:20px;padding:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d}.about-section .icon{font-size:2rem;margin-top:0rem;color:#e0e7ff}.about-section h3{font-size:1.7rem;margin-bottom:1rem;color:#e0e7ff}.about-section p{color:#cbd5e1;line-height:1.8}.skills-section{background:#ffffff0d;border-radius:16px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d}.skills-section h3{font-size:1.5rem;margin-bottom:1.5rem;color:#e0e7ff;text-align:center}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.skill-item{background:#8b5cf633;border:1px solid rgba(139,92,246,.3);border-radius:8px;padding:.75rem 1rem;text-align:center;color:#e0e7ff;font-weight:500;transition:all .3s ease}.skill-item:hover{background:#8b5cf64d;transform:translateY(-2px)}@media (max-width: 768px){.about-grid{grid-template-columns:1fr;gap:1.5rem}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.about-section,.skills-section{padding:1.5rem}}@media (max-width: 480px){.about-section,.skills-section{padding:1rem}.skills-grid{grid-template-columns:repeat(2,1fr)}}.difference-slider{position:relative;width:100%;overflow:hidden;border-radius:16px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.slider-before,.slider-after{position:absolute;top:0;left:0;width:100%;height:100%}.slider-before img,.slider-after img{width:100%;height:100%;object-fit:cover}.slider-label{position:absolute;top:1rem;padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.before-label{left:1rem;background:#2d3748cc}.after-label{right:1rem;background:#8b5cf6cc}.slider-handle{position:absolute;top:0;width:4px;height:100%;background:#8b5cf6;cursor:ew-resize;z-index:10;display:flex;align-items:center;justify-content:center}.slider-line{width:100%;height:100%;background:#8b5cf6;box-shadow:0 0 10px #8b5cf680}.slider-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;background:#8b5cf6;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 20px #8b5cf680;border:3px solid white}.slider-overlay{position:absolute;top:0;left:0;height:100%;background:#8b5cf61a;pointer-events:none}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-top:3rem}.project-card{background:#ffffff0d;border-radius:16px;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.project-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #0006}.project-image-container{position:relative;height:250px;overflow:hidden;border-radius:16px 16px 0 0}.project-image-container img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.project-card:hover .project-image-container img{transform:scale(1.05)}.project-slider-container{position:relative;height:250px;overflow:hidden;border-radius:16px 16px 0 0}.project-slider{position:relative;width:100%;height:100%;overflow:hidden}.project-content{padding:1.5rem}.project-content h3{font-size:1.3rem;margin-bottom:.75rem;color:#e0e7ff}.project-content p{color:#cbd5e1;line-height:1.6;margin-bottom:1rem}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tech-tag{background:#8b5cf633;border:1px solid rgba(139,92,246,.3);border-radius:20px;padding:.25rem .75rem;font-size:.8rem;color:#e0e7ff}.project-cta{display:flex;align-items:center;gap:.5rem;color:#8b5cf6;font-size:.9rem;font-weight:500}.cta-text{color:#8b5cf6}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.modal-content{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);border-radius:20px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;position:relative;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #00000080}.modal-close{position:absolute;top:1rem;right:1rem;background:#ffffff1a;border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .3s ease;z-index:10}.modal-close:hover{background:#fff3;transform:scale(1.1)}.modal-header{padding:2rem 2rem 1rem;border-bottom:1px solid rgba(255,255,255,.1)}.modal-header h2{font-size:2rem;color:#e0e7ff;margin-bottom:1rem;font-family:"Press Start 2P",monospace}.modal-tech{display:flex;flex-wrap:wrap;gap:.5rem}.modal-repo-link{margin-top:1rem;display:flex;justify-content:flex-end}.repo-button{display:flex;align-items:center;gap:.5rem;background:#8b5cf633;border:1px solid rgba(139,92,246,.3);border-radius:25px;padding:.5rem 1rem;color:#e0e7ff;text-decoration:none;font-weight:500;font-size:.9rem;transition:all .3s ease;cursor:pointer}.repo-button:hover{background:#8b5cf64d;border-color:#8b5cf680;transform:translateY(-2px);box-shadow:0 4px 20px #8b5cf64d;color:#e0e7ff;text-decoration:none}.repo-button svg{transition:transform .3s ease}.repo-button:hover svg{transform:scale(1.1)}.modal-body{padding:2rem}.modal-section{margin-bottom:2rem}.modal-section h3{font-size:1.3rem;color:#e0e7ff;margin-bottom:1rem;font-weight:600}.modal-section p{color:#cbd5e1;line-height:1.7;margin-bottom:1rem}.modal-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-top:1rem}.modal-image{border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #0000004d}.modal-image img,.modal-image .difference-slider{width:100%;height:200px;object-fit:cover;transition:transform .3s ease}.modal-image:hover img{transform:scale(1.05)}.modal-image .difference-slider{border-radius:12px;overflow:hidden}.modal-image{position:relative;cursor:pointer;transition:transform .3s ease}.modal-image:hover{transform:scale(1.02)}.image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;border-radius:12px}.modal-image:hover .image-overlay{opacity:1}.image-overlay svg{color:#fff;width:32px;height:32px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.fullscreen-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:2rem}.fullscreen-content{position:relative;max-width:95vw;max-height:95vh;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.fullscreen-close{position:absolute;top:1rem;right:1rem;background:#fff3;border:none;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .3s ease;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.fullscreen-close:hover{background:#ffffff4d;transform:scale(1.1)}.fullscreen-body{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.fullscreen-body img{max-width:100%;max-height:100%;object-fit:contain;border-radius:12px;box-shadow:0 20px 60px #00000080}.fullscreen-body .difference-slider{width:100%;height:100%;border-radius:12px;overflow:hidden}@media (max-width: 768px){.projects-grid{grid-template-columns:1fr;gap:1.5rem}.project-image-container{height:200px}.modal-overlay{padding:1rem}.modal-content{max-width:100%;max-height:95vh}.modal-header{padding:1.5rem 1.5rem 1rem}.modal-header h2{font-size:1.5rem}.modal-body{padding:1.5rem}.modal-gallery{grid-template-columns:1fr}.project-card{padding:1.5rem}}@media (max-width: 480px){.project-image-container{height:180px}.modal-overlay{padding:.5rem}.modal-header{padding:1rem 1rem .5rem}.modal-header h2{font-size:1.2rem}.modal-body{padding:1rem}.modal-section h3{font-size:1.1rem}.project-card{padding:1rem}}#root{max-width:100%;margin:0;padding:0;width:100%;min-height:100vh;text-align:center}.app{display:flex;flex-direction:column;min-height:100vh;width:100%;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);color:#fff}.app-container{display:flex;flex-direction:column;min-height:100vh;width:100%}.main-content{flex:1;display:flex;flex-direction:column}.navbar-container{position-anchor:initial;width:100%;height:100px;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);color:#fff}@media (max-width: 768px){#root{min-height:100vh}}