@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";:root{--bg-primary: #0a0a0a;--bg-secondary: #1a1a1a;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .85);--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--shadow: rgba(0, 0, 0, .37)}body[data-theme=light]{--bg-primary: #fafafa;--bg-secondary: #ffffff;--text-primary: #1a1a1a;--text-secondary: rgba(26, 26, 26, .85);--glass-bg: rgba(240, 245, 250, .95);--glass-border: rgba(100, 200, 255, .3);--shadow: rgba(100, 200, 255, .15)}body{font-family:Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);overflow:hidden;transition:all .3s ease}@media (max-width: 768px){body{overflow:auto}}html{scroll-behavior:smooth}.animated-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.theme-toggle{position:fixed;top:2rem;right:2rem;z-index:1000;width:48px;height:48px;border-radius:50%;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-primary);transition:all .3s ease}.theme-toggle:hover{transform:rotate(180deg);background:#64c8ff33}.horizontal-scroll-container{position:relative;z-index:1;width:100%;height:100vh;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.horizontal-scroll-container::-webkit-scrollbar{display:none}.horizontal-scroll-container{-ms-overflow-style:none;scrollbar-width:none}.horizontal-scroll-content{display:flex;height:100%}.panel{min-width:100vw;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;flex-shrink:0}@media (max-width: 768px){.horizontal-scroll-container{scroll-snap-type:x mandatory}.panel{scroll-snap-align:start;scroll-snap-stop:always}}.gradient-text{background:linear-gradient(135deg,#f058b8,#ffd93d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-card-new{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:24px;box-shadow:0 8px 32px 0 var(--shadow);padding:3rem;max-width:600px;width:90%;transition:all .3s ease}.glass-card-new h2{font-size:clamp(2rem,5vw,3rem);font-weight:700;margin-bottom:2rem;text-align:center}.glass-card-new p{font-size:clamp(1rem,2vw,1.125rem);line-height:1.8;color:var(--text-secondary);margin-bottom:2rem;text-align:center}.btn-new{display:inline-block;padding:1rem 2rem;font-size:1rem;font-weight:600;border:none;border-radius:12px;cursor:pointer;text-decoration:none;transition:all .3s ease;min-width:160px;text-align:center}.primary-btn-new{background:linear-gradient(135deg,#64c8ff,#4ecdc4);color:#0a0a0a;box-shadow:0 4px 15px #64c8ff66}.primary-btn-new:hover{box-shadow:0 6px 25px #64c8ff99;transform:translateY(-2px)}.btn-container-center{display:flex;justify-content:center;margin:1.5rem 0}.hero-new{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.hero-3d-background{position:absolute;width:min(600px,80vw);height:min(600px,80vw);top:50%;left:50%;transform:translate(-50%,-50%);opacity:.8;pointer-events:none}.hero-content-new{position:relative;z-index:2;text-align:center;max-width:90%}.hero-content-new h1{font-size:clamp(2.5rem,8vw,6rem);font-weight:700;margin-bottom:1rem;line-height:1.2}.hero-subtitle-new{font-size:clamp(1.25rem,4vw,2.5rem);font-weight:300;margin-bottom:3rem;line-height:1.4}.scroll-hint{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1rem;color:#fff9;animation:floatHint 2s ease-in-out infinite}@keyframes floatHint{0%,to{transform:translate(0)}50%{transform:translate(10px)}}.about-card-new,.skills-card-new{width:100%;display:flex;justify-content:center;align-items:center}.skills-grid-new{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem}.skill-chip{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#ffffff0d;border:2px solid rgba(255,255,255,.2);border-radius:50px;font-size:clamp(.875rem,2vw,1rem);font-weight:500;transition:all .3s ease;cursor:pointer}.skill-chip:hover{background:#ffffff1a;transform:translateY(-2px)}.skill-dot{width:10px;height:10px;border-radius:50%;box-shadow:0 0 10px currentColor;flex-shrink:0}.skills-legend-new{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-top:2rem}.legend-item-new{display:flex;align-items:center;gap:.5rem;font-size:clamp(.8rem,2vw,.9rem);color:var(--text-secondary)}.legend-dot{width:12px;height:12px;border-radius:50%;box-shadow:0 0 8px currentColor;flex-shrink:0}.projects-carousel-new{width:100%;display:flex;justify-content:center;align-items:center}.projects-card{max-width:700px;width:90%}.carousel-container{position:relative;display:flex;align-items:center;gap:1rem;margin:2rem 0}.carousel-btn{background:#64c8ff33;border:1px solid rgba(100,200,255,.3);border-radius:50%;width:48px;height:48px;min-width:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#64c8ff;flex-shrink:0}.carousel-btn:hover{background:#64c8ff4d;transform:scale(1.1)}.project-slide{flex:1;text-align:center;min-width:0}.project-image-container{width:100%;max-width:550px;aspect-ratio:16 / 10;margin:0 auto 1.5rem;padding:1rem;border-radius:16px;background:#ffffff59;display:flex;align-items:center;justify-content:center;border:1px solid var(--glass-border);box-shadow:0 4px 20px #0000001a}body[data-theme=light] .project-image-container{background:#fffc}.project-image-wrapper{width:100%;height:100%;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:transparent}.project-image-new{width:100%;height:100%;object-fit:contain;display:block}@media (max-width: 768px){.project-image-container{width:95%;max-width:none;aspect-ratio:16 / 10}}.project-slide h3{font-size:clamp(1.25rem,4vw,1.75rem);margin-bottom:1rem;color:var(--text-primary)}.project-links{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem;flex-wrap:wrap}.project-link-new{padding:.75rem 1.5rem;background:#64c8ff1a;border:1px solid rgba(100,200,255,.3);border-radius:8px;color:#64c8ff;text-decoration:none;font-weight:500;font-size:clamp(.875rem,2vw,1rem);transition:all .3s ease;min-width:120px;text-align:center}.project-link-new:hover{background:#64c8ff33;transform:translateY(-2px)}.carousel-dots{display:flex;justify-content:center;gap:.5rem;margin-top:2rem;flex-wrap:wrap}.carousel-dot{width:10px;height:10px;border-radius:50%;background:#64c8ff4d;border:1px solid rgba(100,200,255,.5);cursor:pointer;transition:all .3s ease}body[data-theme=light] .carousel-dot{background:#64c8ff66;border:1px solid rgba(100,200,255,.6)}.carousel-dot.active{background:#64c8ff;box-shadow:0 0 10px #64c8ff;width:12px;height:12px}body[data-theme=light] .carousel-dot.active{background:#64c8ff;box-shadow:0 0 10px #64c8ff80}.contact-card-new{width:100%;display:flex;justify-content:center;align-items:center}.contact-info-new{display:flex;flex-direction:column;gap:1.5rem;margin:2rem 0}.contact-item{display:flex;align-items:center;justify-content:center;gap:1rem;font-size:clamp(1rem,2.5vw,1.125rem);color:var(--text-primary);flex-wrap:wrap}.contact-item svg{color:#64c8ff;flex-shrink:0}.contact-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}@media (max-width: 768px){.glass-card-new{padding:2rem 1.5rem}.theme-toggle{top:1rem;right:1rem;width:44px;height:44px}.carousel-btn{width:40px;height:40px;min-width:40px}.carousel-container{gap:.5rem}}@media (max-width: 480px){.glass-card-new{padding:1.5rem 1rem}.skills-grid-new{gap:.75rem}.skill-chip{padding:.5rem 1rem}.btn-new{width:100%;max-width:280px}.contact-buttons,.project-links{flex-direction:column;align-items:center;width:100%}.project-link-new{width:100%;max-width:200px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@supports not (backdrop-filter: blur(20px)){.glass-card-new,.theme-toggle{background:var(--bg-secondary)}}*:focus-visible{outline:2px solid #64c8ff;outline-offset:2px}*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Roboto,sans-serif;line-height:normal;font-weight:400;color:inherit;background-color:transparent;font-synthesis:none;text-rendering:auto;-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}a{font-weight:400;color:inherit;text-decoration:none}a:hover{color:inherit}body{margin:0;display:block;place-items:unset;min-width:0;min-height:0}h1{font-size:inherit;line-height:normal}button{border-radius:0;border:none;padding:0;font-size:inherit;font-weight:400;font-family:inherit;background-color:transparent;cursor:default;transition:none}button:hover{border-color:inherit}button:focus,button:focus-visible{outline:none}@media (prefers-color-scheme: light){:root{color:inherit;background-color:transparent}a:hover{color:inherit}button{background-color:transparent}}