@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap";.carousel-container{margin:0 -2rem;position:relative;overflow:hidden;box-shadow:inset 0 0 20px #00000080;border-radius:30px;isolation:isolate}.carousel-container:before,.carousel-container:after{content:"";position:absolute;top:0;width:60px;height:100%;z-index:2;pointer-events:none}.carousel-container:before{left:0;background:linear-gradient(90deg,rgba(0,0,0,.45),transparent)}.carousel-container:after{right:0;background:linear-gradient(270deg,rgba(0,0,0,.45),transparent)}@media (prefers-color-scheme: light){.carousel-container:before{background:linear-gradient(90deg,rgba(255,255,255,.7),transparent)}.carousel-container:after{background:linear-gradient(270deg,rgba(255,255,255,.7),transparent)}}.carousel-track{display:flex;animation:scroll var(--scroll-duration) linear infinite;--scroll-duration: 35s;--total-items: 20;will-change:transform}.carousel-track:hover{animation-play-state:paused}.carousel-item{flex:0 0 auto;width:200px;margin:40px 20px;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:auto;min-height:200px;background-color:#2c3e50;border-radius:30px;box-shadow:0 0 20px #00000080;border:1px solid var(--card-border);transition:transform .2s ease,box-shadow .2s ease}.carousel-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.carousel-image-container{display:flex;align-items:center;justify-content:center;height:auto;margin-bottom:.5rem}.carousel-item img{max-height:160px;object-fit:contain;margin-bottom:.5rem}.carousel-item p{margin:auto;color:#fff}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(calc(-280px * var(--total-items)))}}@media (max-width: 768px){.carousel-item{width:140px;height:auto;min-height:140px}.carousel-image-container{height:auto}.carousel-item img{max-height:100px}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(calc(-220px * var(--total-items)))}}}@media (prefers-reduced-motion: reduce){.carousel-track{animation:none;transform:translate(0)!important}}@media (prefers-color-scheme: light){.carousel-item{background-color:#ffe9cb}.carousel-item p{color:#000}}.logo-container{position:relative;width:80px;height:80px}.logo-placeholder{position:absolute;top:0;left:0;width:80px;height:80px;background:transparent;z-index:-1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#4caf50;color:#fff;cursor:pointer;transition:background-color .3s ease,border-color .3s ease;box-shadow:0 6px 16px #4caf5059;transform:translateY(0)}button:hover{background-color:#81c784;transform:translateY(-1px)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.header{background-color:#1e1e1e80;padding:1rem;display:flex;justify-content:space-between;align-items:center;width:100%;position:fixed;top:0;left:0;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--card-border);box-shadow:0 4px 20px #00000040}.main-content{flex:1;padding-top:5rem;width:100%;text-align:center}.navbar{display:flex;gap:2rem;margin-right:4rem}.nav-link{color:#fff;text-decoration:none;font-weight:700;font-size:1.2em;transition:color .3s ease;position:relative}.nav-link:after{content:"";position:absolute;left:0;bottom:-6px;width:100%;height:2px;background:linear-gradient(90deg,var(--primary),var(--primary-600));transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.nav-link:hover{color:#81c784}.nav-link:hover:after{transform:scaleX(1)}.logo{width:80px;height:80px;transition:transform .3s ease;cursor:pointer;filter:drop-shadow(0 6px 12px rgba(0,0,0,.35))}.logo:active{transform:scale(1.1)}.logo-placeholder{display:inline-block;background:transparent}.section{width:80%;padding:2rem;text-align:center;background-color:#00000030;justify-content:center;border-radius:30px;box-shadow:0 0 20px #00000080;margin:4rem auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--card-border);background-color:var(--surface);transition:transform .25s ease,box-shadow .25s ease,background-color .25s ease}.section:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.section p{font-size:1.2em;line-height:1.8;text-align:justify}.section-anchor{scroll-margin-top:130px}.stack-section{padding:0 2rem;width:75%;margin:0 auto;position:relative}.stack-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;border-radius:30px;border:1px solid var(--card-border)}.contact-section{padding-top:1rem;width:100%;text-align:center;background-color:#00000030;justify-content:center;box-shadow:0 0 20px #00000080;border-top:1px solid var(--card-border);border-bottom-left-radius:30px;border-bottom-right-radius:30px}.contact-icons a{font-size:3em;margin:0 2rem;color:#999;transition:color .3s ease,transform .2s ease;transform:translateY(0)}.contact-icons a:hover{color:#fff;transform:translateY(-2px)}.mobile-layout{font-size:14px}@media (max-width: 768px){.mobile-layout h1{font-size:1.8rem}.mobile-layout h2{font-size:1.4rem}.mobile-layout h3{font-size:1.2rem}.mobile-layout p{font-size:.9rem}.section{padding:1.5rem;width:90%}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(calc(-220px * var(--total-items)))}}}@media (prefers-color-scheme: light){button{background-color:#4caf50}button:hover{background-color:#81c784}.header{background-color:#ffffff80;border-bottom:1px solid var(--card-border)}.nav-link{color:#213547}.nav-link:hover{color:var(--primary)}.contact-icons a{color:#666}.contact-icons a:hover{color:#000}}.cards-carousel-outer{width:100%;position:relative;margin-bottom:1.5rem;overflow:hidden}.cards-carousel{display:flex;overflow-x:hidden;gap:2rem;-webkit-user-select:none;user-select:none;border-radius:30px;box-shadow:inset 0 0 20px #00000080;padding:2rem 1rem}.cards-carousel.grabbing,.cards-carousel:active{cursor:grabbing}.cards-carousel:not(.grabbing){cursor:grab}.smooth-scroll{scroll-behavior:smooth}.project-card{min-width:100%;background:#222831cc;border-radius:20px;box-shadow:0 0 20px #00000080;display:flex;scroll-snap-align:center;flex-direction:column;align-items:center}.project-image img{width:80%;border-radius:12px;margin-bottom:1rem;object-fit:cover}.project-content{align-items:center;justify-content:center;text-align:center;padding:.5rem 2rem}.project-content h2{font-size:1.3em;margin:.2em 0;color:#fff}.project-content h3{font-size:1em;margin:.2em 0 .5em;color:#bdbdbd}.project-tags{display:flex;gap:.5em;margin-bottom:.7em;flex-wrap:wrap}.project-tag{background:#4caf50;color:#fff;border-radius:8px;padding:.2em .7em;font-size:.9em}.project-content p{font-size:1em;color:#dcdcdc;text-align:left}.carousel-indicators{display:flex;justify-content:center;align-items:center;gap:.7em;margin-top:1rem;margin-bottom:1rem}.carousel-dot{width:13px;height:13px;border-radius:50%;background:#bdbdbd;opacity:.5;transition:background .3s,opacity .3s,transform .2s;cursor:pointer;display:inline-block}.carousel-dot.active{background:#4caf50;opacity:1;transform:scale(1.2)}@media (max-width: 768px){.project-card{min-width:calc(100% - 1.5rem);max-width:100%;padding:1rem .5rem;margin:0}.project-image img{max-width:180px}.carousel-dot{width:10px;height:10px}}@media (prefers-color-scheme: light){.project-card{background:#ffe9cbcc;box-shadow:0 0 20px #00000020}.project-content h2{color:#222831}.project-content h3{color:#555}.project-content p{color:#222831}.project-tag{background:#ff9800;color:#fff}.carousel-dot{background:#888}.carousel-dot.active{background:#ff9800}}:root{font-family:Roboto,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.6;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#1e1e1e;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary: #4caf50;--primary-600: #81c784;--surface: rgba(255,255,255,.06);--card-border: rgba(255,255,255,.12);--shadow-md: 0 8px 30px rgba(0,0,0,.25)}html{scroll-behavior:smooth}*{box-sizing:border-box}::selection{background:var(--primary);color:#fff}body::-webkit-scrollbar{width:10px;height:10px}body::-webkit-scrollbar-thumb{background:#ffffff30;border-radius:999px;border:2px solid transparent;background-clip:padding-box}body:hover::-webkit-scrollbar-thumb{background:#ffffff50}a{font-weight:500;color:#4caf50;text-decoration:none;transition:color .3s ease}a:hover{color:#81c784}body{margin:0;display:flex;flex-direction:column;min-width:320px;min-height:100vh;background:linear-gradient(135deg,#111,#395a7c)}h1{padding-bottom:1rem;font-size:2.5em;line-height:1.1;color:#fff;margin-bottom:.5em}h2{font-size:1.8em;color:#fff;margin-bottom:.5em}h3{font-size:1.5em;color:#fff}p{font-size:1.1em;color:#dcdcdc;margin-bottom:1em}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff;--surface: rgba(255,255,255,.7);--card-border: rgba(0,0,0,.08);--shadow-md: 0 8px 30px rgba(0,0,0,.12)}body{background:linear-gradient(135deg,#dbdada,#fae0bb)}h1,h2,h3{color:#213547}p{color:#444}a{color:#4c5baf}a:hover{color:#8186c7}}