@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-feature-settings:"cv11","ss01";font-variation-settings:"opsz" 32;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;color:#fafafa;background:#0a0a0b;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;overflow-x:hidden}#root{min-height:100vh}::selection{color:#fff;background:#f973164d}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#0a0a0b}::-webkit-scrollbar-thumb{background:#27272a;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#3f3f46}a{color:inherit;text-decoration:none}button{font-family:inherit}img,svg{max-width:100%;display:block}:focus-visible{outline-offset:2px;outline:2px solid #f97316}button:focus:not(:focus-visible){outline:none}:root{--bg-primary:#0a0a0b;--bg-secondary:#111113;--bg-card:#18181b;--bg-elevated:#1f1f23;--text-primary:#fafafa;--text-secondary:#a1a1aa;--text-muted:#71717a;--accent-primary:#f97316;--accent-secondary:#fb923c;--accent-glow:#f9731680;--gradient-primary:linear-gradient(135deg,#f97316 0%,#ec4899 50%,#8b5cf6 100%);--gradient-text:linear-gradient(135deg,#fff 0%,#f97316 50%,#ec4899 100%);--gradient-card:linear-gradient(145deg,#ffffff0d 0%,#ffffff05 100%);--border-subtle:#ffffff0f;--border-medium:#ffffff1a;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--transition-fast:.15s ease;--transition-base:.3s cubic-bezier(.4,0,.2,1);--transition-slow:.5s cubic-bezier(.4,0,.2,1)}.app{background:var(--bg-primary);min-height:100vh;color:var(--text-primary);opacity:0;transition:opacity .8s}.app.loaded{opacity:1}.nav{z-index:100;padding:.5rem;position:fixed;top:1.5rem;left:50%;transform:translate(-50%)}.nav-inner{-webkit-backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--border-subtle);background:#111113cc;border-radius:100px;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex;box-shadow:0 20px 50px -15px #00000080}.nav-logo{background:var(--gradient-primary);cursor:pointer;width:40px;height:40px;transition:var(--transition-base);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.nav-logo:hover{box-shadow:0 0 30px var(--accent-glow);transform:scale(1.1)rotate(5deg)}.logo-text{color:#fff;font-size:1.25rem;font-weight:800}.nav-links{align-items:center;gap:.25rem;display:flex}.nav-link{color:var(--text-secondary);text-transform:capitalize;cursor:pointer;transition:var(--transition-base);background:0 0;border:none;border-radius:100px;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.875rem;font-weight:500;display:flex}.nav-link-dot{background:var(--text-muted);opacity:0;width:6px;height:6px;transition:var(--transition-base);border-radius:50%;transform:scale(0)}.nav-link:hover{color:var(--text-primary);background:#ffffff0d}.nav-link.active{color:var(--text-primary);background:#ffffff14}.nav-link.active .nav-link-dot{opacity:1;background:var(--accent-primary);box-shadow:0 0 10px var(--accent-glow);transform:scale(1)}.nav-link-text{display:none}@media (min-width:768px){.nav-link-text{display:inline}}.hero{justify-content:center;align-items:center;min-height:100vh;padding:8rem 2rem 4rem;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:0;position:absolute;inset:0;overflow:hidden}.hero-gradient{background:radial-gradient(ellipse 80% 50% at var(--mouse-x,50%)var(--mouse-y,30%),#f9731626 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 20% 80%,#ec48991a 0%,transparent 50%),radial-gradient(ellipse 50% 30% at 80% 20%,#8b5cf614 0%,transparent 50%);transition:background .3s;position:absolute;inset:0}.hero-grid{background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 60%,#000 20%,#0000 70%);mask-image:radial-gradient(80% 60%,#000 20%,#0000 70%)}.hero-glow{background:radial-gradient(circle,#f9731608 0%,#0000 60%);width:800px;height:800px;animation:8s ease-in-out infinite pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes pulse{0%,to{opacity:.5;transform:translate(-50%,-50%)scale(1)}50%{opacity:.8;transform:translate(-50%,-50%)scale(1.2)}}.hero-content{z-index:1;text-align:center;max-width:900px;position:relative}.hero-badge{border:1px solid var(--border-subtle);color:var(--text-secondary);background:#ffffff0d;border-radius:100px;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.5rem 1rem;font-size:.875rem;display:inline-flex}.badge-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.hero-title{letter-spacing:-.04em;margin-bottom:1.5rem;font-size:clamp(3rem,12vw,7rem);font-weight:800;line-height:1}.title-line{display:block}.title-word{color:var(--text-secondary);opacity:0;margin-right:.25em;animation:.8s forwards fadeSlideUp;display:inline-block}.title-word:first-child{animation-delay:.1s}.title-word:nth-child(2){animation-delay:.2s}.title-name{display:inline-block;position:relative}.name-text{background:var(--gradient-text);-webkit-text-fill-color:transparent;opacity:0;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:.8s .4s forwards fadeSlideUp,3s infinite shimmer}@keyframes shimmer{0%{background-position:0%}to{background-position:200%}}.name-underline{background:var(--gradient-primary);transform-origin:0;border-radius:10px;width:100%;height:.08em;animation:.6s .8s forwards expandLine;position:absolute;bottom:.1em;left:0;transform:scaleX(0)}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes expandLine{to{transform:scaleX(1)}}.hero-role{opacity:0;justify-content:center;align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:clamp(1.25rem,3vw,1.75rem);font-weight:600;animation:.8s .6s forwards fadeSlideUp;display:flex}.role-bracket{color:var(--accent-primary);font-weight:300}.role-text{color:var(--text-primary);letter-spacing:-.02em}.hero-tagline{color:var(--text-secondary);opacity:0;max-width:600px;margin:0 auto 2.5rem;font-size:clamp(1rem,2.5vw,1.25rem);line-height:1.7;animation:.8s .8s forwards fadeSlideUp}.tagline-highlight{color:var(--accent-primary);font-weight:600;position:relative}.tagline-highlight:after{content:"";background:var(--accent-primary);opacity:.3;width:100%;height:2px;position:absolute;bottom:-2px;left:0}.hero-actions{opacity:0;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;animation:.8s 1s forwards fadeSlideUp;display:flex}.btn-primary,.btn-outline{border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-base);border:none;align-items:center;gap:.5rem;padding:1rem 1.75rem;font-size:1rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 10px 40px -10px var(--accent-glow)}.btn-primary svg{width:20px;height:20px;transition:var(--transition-fast)}.btn-primary:hover{box-shadow:0 20px 50px -15px var(--accent-glow);transform:translateY(-3px)}.btn-primary:hover svg{transform:translate(4px)}.btn-outline{color:var(--text-primary);border:1px solid var(--border-medium);background:0 0}.btn-outline:hover{border-color:var(--text-secondary);background:#ffffff0d;transform:translateY(-3px)}.hero-socials{opacity:0;justify-content:center;align-items:center;gap:1rem;margin-top:2rem;animation:.8s 1.2s forwards fadeSlideUp;display:flex}.social-link{border:1px solid var(--border-subtle);width:48px;height:48px;color:var(--text-secondary);background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;text-decoration:none;transition:all .3s;display:flex}.social-link svg{width:22px;height:22px}.social-link:hover{background:var(--gradient-primary);color:#fff;border-color:#0000;transform:translateY(-4px)scale(1.05);box-shadow:0 12px 32px #f9731666}.scroll-cue{color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;opacity:0;flex-direction:column;align-items:center;gap:.75rem;font-size:.75rem;animation:.8s 1.2s forwards fadeSlideUp;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.scroll-line{background:linear-gradient(to bottom,var(--accent-primary),transparent);width:1px;height:60px;animation:2s infinite scrollLine}@keyframes scrollLine{0%{transform-origin:top;transform:scaleY(0)}50%{transform-origin:top;transform:scaleY(1)}50.1%{transform-origin:bottom}to{transform-origin:bottom;transform:scaleY(0)}}.section{padding:8rem 2rem;position:relative}.section-dark{background:var(--bg-secondary)}.section-light{color:#1e293b;background:linear-gradient(135deg,#f8fafc 0%,#fff 50%,#f1f5f9 100%)}.section-light .section-title{color:#1e293b}.section-light .section-subtitle{color:#64748b}.section-header{text-align:center;margin-bottom:5rem}.section-number{color:var(--accent-primary);letter-spacing:.2em;margin-bottom:1rem;font-size:.875rem;font-weight:700;display:inline-block}.section-title{letter-spacing:-.03em;color:var(--text-primary);margin-bottom:1rem;font-size:clamp(2.5rem,6vw,4rem);font-weight:800}.section-subtitle{color:var(--text-secondary);max-width:500px;margin:0 auto;font-size:1.125rem}.section-hint{color:var(--text-secondary);opacity:.7;justify-content:center;align-items:center;gap:.5rem;margin:.75rem auto 0;font-size:.875rem;display:flex}.section-hint:before{content:"👆";font-size:.9em}.reveal{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(40px)}.reveal.visible{opacity:1;transform:translateY(0)}.experience-timeline{max-width:800px;margin:0 auto}.experience-item{gap:2rem;padding-bottom:3rem;display:flex}.experience-marker{flex-direction:column;flex-shrink:0;align-items:center;display:flex}.marker-dot{background:var(--bg-card);border:3px solid var(--accent-primary);width:16px;height:16px;box-shadow:0 0 20px var(--accent-glow);border-radius:50%}.marker-line{background:linear-gradient(to bottom,var(--accent-primary),var(--border-subtle));flex:1;width:2px;margin-top:.5rem}.experience-content{background:var(--gradient-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);transition:var(--transition-base);flex:1;padding:2rem}.experience-content:hover{border-color:var(--border-medium);transform:translate(8px);box-shadow:0 20px 60px -20px #00000080}.experience-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.experience-meta{flex:1}.experience-company{color:var(--text-primary);margin:0 0 .25rem;font-size:1.5rem;font-weight:700}.experience-role{color:var(--accent-primary);font-size:1rem;font-weight:500}.experience-period{color:var(--text-muted);white-space:nowrap;background:#ffffff0d;border-radius:100px;padding:.4rem 1rem;font-size:.875rem}.experience-list{margin:0 0 1.5rem;padding:0;list-style:none}.experience-list li{color:var(--text-secondary);margin-bottom:.75rem;padding-left:1.25rem;line-height:1.6;position:relative}.experience-list li:before{content:"";background:var(--accent-primary);border-radius:50%;width:6px;height:6px;position:absolute;top:.6em;left:0}.experience-tech{flex-wrap:wrap;gap:.5rem;display:flex}.tech-chip{color:var(--accent-secondary);transition:var(--transition-fast);background:#f973161a;border:1px solid #f9731633;border-radius:100px;padding:.4rem .875rem;font-size:.8rem;font-weight:600}.tech-chip:hover{background:#f9731633;transform:translateY(-2px)}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:2rem;max-width:1200px;margin:0 auto;display:grid}.project-card{background:var(--gradient-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);transition:var(--transition-base);position:relative;overflow:hidden}.project-card:hover{border-color:#f973164d;transform:translateY(-8px);box-shadow:0 30px 80px -20px #f9731633}.project-card-inner{z-index:1;padding:2rem;position:relative}.project-shine{background:linear-gradient(135deg,#0000 40%,#ffffff08 50%,#0000 60%);transition:transform .6s;position:absolute;inset:0;transform:translate(-100%)}.project-card:hover .project-shine{transform:translate(100%)}.project-index{color:#ffffff08;margin-bottom:1rem;font-size:3rem;font-weight:900;line-height:1}.project-title{color:var(--text-primary);margin:0 0 .75rem;font-size:1.5rem;font-weight:700}.project-desc{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.6}.project-tech{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.project-links{gap:1rem;display:flex}.project-link{color:var(--accent-primary);transition:var(--transition-fast);align-items:center;gap:.4rem;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.project-link svg{width:16px;height:16px;transition:var(--transition-fast)}.project-link:hover{color:var(--accent-secondary)}.project-link:hover svg{transform:translate(3px,-3px)}.accomplishments-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;max-width:1200px;margin:0 auto;display:grid}.accomplishment-card{text-align:center;background:var(--gradient-card);border:2px solid var(--border-subtle);border-radius:var(--radius-xl);transition:var(--transition-base);flex-direction:column;align-items:center;gap:1.5rem;padding:3rem 2rem;display:flex;position:relative;overflow:hidden}.accomplishment-card:hover{border-color:#fbbf24;transform:translateY(-10px)scale(1.02);box-shadow:0 25px 80px -20px #fbbf2466}.accomplishment-card:hover .accomplishment-icon{transform:scale(1.1);box-shadow:0 15px 40px #fbbf2466}.accomplishment-icon{color:#fff;background:linear-gradient(135deg,#fbbf24,#f97316);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:120px;height:120px;display:flex;position:relative;box-shadow:0 10px 30px #fbbf244d}.accomplishment-icon:before{content:"";opacity:.2;z-index:-1;background:linear-gradient(135deg,#fbbf24,#f97316);border-radius:50%;position:absolute;inset:-4px}.accomplishment-icon svg{filter:drop-shadow(0 2px 4px #0000001a);width:60px;height:60px}.accomplishment-content{flex:1}.accomplishment-date{color:#fbbf24;margin-bottom:.5rem;font-size:.8rem;font-weight:600;display:inline-block}.accomplishment-title{color:var(--text-primary);background:linear-gradient(135deg,var(--text-primary),#fbbf24);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 1rem;font-size:1.75rem;font-weight:800}.accomplishment-desc{color:var(--text-secondary);margin:0;line-height:1.6}.hobbies-showcase-row{align-items:flex-start;gap:3rem;max-width:1400px;margin:0 auto 5rem;padding:0 2rem;display:flex}.hobbies-grid{flex:0 0 400px;grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.hobby-card{text-align:center;background:var(--gradient-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;padding:2rem 1.25rem;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.hobby-card:before{content:"";opacity:0;background:linear-gradient(135deg,#f973161a 0%,#ec489914 50%,#8b5cf60f 100%);transition:opacity .4s;position:absolute;inset:0}.hobby-glow{opacity:0;pointer-events:none;background:radial-gradient(circle,#f9731626 0%,#0000 60%);transition:opacity .5s;position:absolute;inset:-100px}.hobby-card:hover{border-color:#f9731666;transform:translateY(-12px)scale(1.03);box-shadow:0 30px 80px -25px #f9731659,inset 0 0 0 1px #f973161a}.hobby-card:hover:before,.hobby-card:hover .hobby-glow{opacity:1}.hobby-card:hover .hobby-icon-wrapper{transform:scale(1.15)rotate(5deg)}.hobby-card:hover .hobby-icon{box-shadow:0 20px 60px -15px #f9731699,inset 0 0 0 1px #f9731633}.hobby-icon-wrapper{z-index:2;margin-bottom:1rem;transition:transform .5s cubic-bezier(.4,0,.2,1);position:relative}.hobby-icon{width:80px;height:80px;color:var(--accent-primary);background:linear-gradient(135deg,#f9731633 0%,#ec489926 100%);border:2px solid #f973164d;border-radius:20px;justify-content:center;align-items:center;transition:all .4s;display:flex;position:relative;box-shadow:0 15px 40px #0000004d,inset 0 0 0 1px #f973161a}.hobby-icon:before{content:"";background:linear-gradient(135deg,var(--accent-primary),#ec4899);opacity:.15;z-index:-1;filter:blur(12px);border-radius:28px;position:absolute;inset:-8px}.hobby-icon svg{stroke-width:1.5px;filter:drop-shadow(0 2px 8px #f973164d);width:38px;height:38px}.hobby-title{z-index:2;color:var(--text-primary);letter-spacing:-.01em;margin:0;font-size:1.1rem;font-weight:700;transition:color .3s;position:relative}.hobby-card:hover .hobby-title{color:var(--accent-secondary)}.hobby-number{color:#ffffff08;pointer-events:none;font-size:2.25rem;font-weight:900;line-height:1;transition:all .4s;position:absolute;top:.75rem;right:.75rem}.hobby-card:hover .hobby-number{color:#f9731614;transform:scale(1.1)}.carousel-3d-wrapper{flex:1;margin:0;padding:0}.carousel-3d-header{text-align:left;margin-bottom:2rem}.carousel-3d-title{color:var(--text-primary);background:linear-gradient(135deg,var(--text-primary)0%,var(--accent-primary)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 .5rem;font-size:1.75rem;font-weight:800}.carousel-3d-subtitle{color:var(--text-secondary);margin:0;font-size:.95rem}.carousel-3d-container{align-items:center;gap:2rem;margin-bottom:2rem;display:flex;position:relative}.carousel-3d-frame{aspect-ratio:16/10;background:var(--gradient-card);border:2px solid var(--border-subtle);border-radius:var(--radius-xl);flex:1;width:100%;transition:all .4s;position:relative;overflow:hidden;box-shadow:0 20px 60px -20px #00000080}.carousel-3d-frame:hover{border-color:#f973164d;transform:translateY(-4px);box-shadow:0 30px 80px -20px #f973164d}.carousel-3d-iframe{border:none;width:100%;height:100%;position:absolute;inset:0}.carousel-btn{background:var(--gradient-card);border:1px solid var(--border-subtle);width:50px;height:50px;color:var(--text-primary);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .3s;display:flex;box-shadow:0 8px 24px #0003}.carousel-btn:hover{background:#f9731626;border-color:#f973164d;transform:scale(1.1);box-shadow:0 12px 32px #f9731640}.carousel-btn svg{width:24px;height:24px}.carousel-3d-indicators{justify-content:center;align-items:center;gap:.75rem;display:flex}.carousel-indicator{border:1px solid var(--border-subtle);cursor:pointer;background:#fff3;border-radius:50%;width:10px;height:10px;padding:0;transition:all .3s}.carousel-indicator:hover{border-color:var(--accent-primary);background:#f9731666;transform:scale(1.2)}.carousel-indicator.active{background:var(--accent-primary);border-color:var(--accent-primary);transform:scale(1.3);box-shadow:0 0 20px #f9731680}.carousel-render-wrapper{max-width:1400px;margin:0 auto;padding:0 2rem}.carousel-render-header{text-align:center;margin-bottom:3rem}.carousel-render-title{color:var(--text-primary);background:linear-gradient(135deg,var(--text-primary)0%,var(--accent-primary)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 .5rem;font-size:2rem;font-weight:800}.carousel-render-subtitle{color:var(--text-secondary);margin:0;font-size:1rem}.carousel-render-container{align-items:center;gap:2rem;margin-bottom:2rem;display:flex;position:relative}.comparison-slider{aspect-ratio:16/10;background:var(--bg-card);border:2px solid var(--border-subtle);border-radius:var(--radius-xl);cursor:ew-resize;-webkit-user-select:none;user-select:none;flex:1;width:100%;transition:border-color .3s,box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 20px 60px -20px #00000080}.comparison-slider:hover{border-color:#f973164d;box-shadow:0 30px 80px -20px #f973164d}.comparison-image-wrapper{width:100%;height:100%;position:absolute;inset:0}.comparison-image{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.comparison-image-before{z-index:2}.comparison-label{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border-radius:var(--radius-md);text-transform:uppercase;letter-spacing:.05em;z-index:3;background:#000000b3;padding:.5rem 1rem;font-size:.875rem;font-weight:700;position:absolute;top:1.5rem}.comparison-label-before{left:1.5rem}.comparison-label-after{right:1.5rem}.comparison-slider-handle{z-index:4;cursor:ew-resize;width:4px;position:absolute;top:0;bottom:0;transform:translate(-50%)}.slider-line{background:linear-gradient(to bottom,transparent 0%,var(--accent-primary)10%,var(--accent-primary)90%,transparent 100%);width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 0 20px #f9731680}.slider-button{background:var(--gradient-primary);cursor:grab;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;gap:.25rem;width:60px;height:60px;transition:all .3s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 32px #f9731666,0 0 0 4px #f973161a}.slider-button:active{cursor:grabbing;transform:translate(-50%,-50%)scale(1.1);box-shadow:0 12px 40px #f9731699,0 0 0 6px #f9731626}.slider-button svg{color:#fff;filter:drop-shadow(0 2px 4px #0003);width:16px;height:16px}.carousel-render-indicators{justify-content:center;align-items:center;gap:.75rem;display:flex}.company-logos-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:2rem;max-width:1200px;margin:0 auto;padding:0 1rem;display:grid}.company-logo-card{border-radius:var(--radius-lg);transition:var(--transition-base);aspect-ratio:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #0000000d;justify-content:center;align-items:center;padding:1.5rem;display:flex;overflow:hidden;box-shadow:0 4px 20px #00000014}.company-logo-card:hover{background:#fffffff2;border-color:#f973164d;transform:translateY(-8px)scale(1.05);box-shadow:0 25px 70px -20px #f9731666}.logo-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.company-logo-image{object-fit:contain;filter:brightness()opacity(.8);max-width:80%;max-height:80%;transition:var(--transition-base)}.company-logo-card:hover .company-logo-image{filter:brightness(1.1)opacity();transform:scale(1.1)}.certificates-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto;display:grid}.certificate-card{background:var(--gradient-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);transition:var(--transition-base);gap:1.25rem;padding:1.75rem;display:flex}.certificate-card:hover{border-color:#8b5cf64d;transform:translateY(-5px);box-shadow:0 20px 60px -20px #8b5cf633}.certificate-badge{border-radius:var(--radius-md);color:#a78bfa;background:linear-gradient(135deg,#8b5cf633,#ec48991a);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.certificate-badge svg{width:22px;height:22px}.certificate-content{flex:1;min-width:0}.certificate-name{color:var(--text-primary);margin:0 0 .25rem;font-size:1.1rem;font-weight:700}.certificate-issuer{color:var(--text-secondary);margin-bottom:.5rem;font-size:.9rem;display:block}.certificate-meta{color:var(--text-muted);align-items:center;gap:.75rem;margin-bottom:.75rem;font-size:.8rem;display:flex}.certificate-id{border-radius:var(--radius-sm);background:#ffffff0d;padding:.2rem .5rem;font-family:SF Mono,Fira Code,monospace}.certificate-link{color:#a78bfa;transition:var(--transition-fast);align-items:center;gap:.4rem;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex}.certificate-link svg{width:14px;height:14px;transition:var(--transition-fast)}.certificate-link:hover{color:#c4b5fd}.certificate-link:hover svg{transform:translate(2px,-2px)}.footer{border-top:1px solid var(--border-subtle);padding:3rem 2rem}.footer-content{flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;display:flex}.footer-info{color:var(--text-muted);align-items:center;gap:.75rem;font-size:.9rem;display:flex}.footer-name{color:var(--text-secondary);font-weight:600}.footer-divider{opacity:.3}.footer-socials{align-items:center;gap:1rem;display:flex}.footer-social-link{border:1px solid var(--border-subtle);width:40px;height:40px;color:var(--text-secondary);background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;text-decoration:none;transition:all .3s;display:flex}.footer-social-link svg{width:18px;height:18px}.footer-social-link:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;transform:translateY(-3px);box-shadow:0 8px 24px #f973164d}.certificate-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background:#000000d9;justify-content:center;align-items:center;padding:2rem;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.certificate-modal{background:#fff;border-radius:20px;flex-direction:column;width:auto;max-width:95vw;height:auto;max-height:95vh;animation:.4s cubic-bezier(.4,0,.2,1) modalSlideIn;display:flex;position:relative;overflow:auto;box-shadow:0 25px 60px #0000004d}.modal-company-logo{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:16px;padding:1rem;position:absolute;top:1.5rem;left:1.5rem;box-shadow:0 8px 24px #00000026}.modal-logo-image{object-fit:contain;width:64px;height:64px}.modal-close-btn{z-index:10;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:absolute;top:1.5rem;right:1.5rem;box-shadow:0 4px 12px #00000026}.modal-close-btn:hover{background:#fff;transform:scale(1.1);box-shadow:0 6px 16px #0003}.modal-close-btn svg{color:#374151;width:20px;height:20px}.modal-content{flex:1;justify-content:center;align-items:center;min-height:400px;padding:5rem 2rem 2rem;display:flex;overflow:auto}.certificate-image-container{box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:100%;padding:1rem;display:flex;position:relative}.certificate-image{object-fit:contain;border-radius:12px;width:auto;max-width:100%;height:auto;max-height:calc(100vh - 200px);display:block;box-shadow:0 8px 32px #0000001f}.nav-btn{cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 16px #0000001a}.nav-btn:hover{background:#fff;transform:translateY(-50%)scale(1.1);box-shadow:0 6px 20px #00000026}.nav-btn-prev{left:-25px}.nav-btn-next{right:-25px}.nav-btn svg{color:#374151;width:20px;height:20px}.image-indicators{gap:.5rem;display:flex;position:absolute;bottom:-40px;left:50%;transform:translate(-50%)}.indicator{cursor:pointer;background:#ffffff80;border:none;border-radius:50%;width:8px;height:8px;transition:all .2s}.indicator.active{background:#f97316;transform:scale(1.2)}.company-logo-card.clickable{cursor:pointer}.company-logo-card.clickable:hover .company-logo-image{filter:brightness(1.2)opacity();transform:scale(1.15)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (max-width:768px){.nav-inner{padding:.4rem .5rem}.nav-link{padding:.5rem}.hero{padding:7rem 1.5rem 3rem}.section{padding:5rem 1.5rem}.experience-item{flex-direction:column;gap:1rem}.experience-marker{flex-direction:row;width:100%}.marker-line{flex:1;width:auto;height:2px;margin-top:0;margin-left:.5rem}.projects-grid{grid-template-columns:1fr}.accomplishments-grid{grid-template-columns:1fr;gap:1.5rem}.accomplishment-card{padding:2rem 1.5rem}.accomplishment-icon{width:80px;height:80px}.accomplishment-icon svg{width:40px;height:40px}.accomplishment-title{font-size:1.5rem}.certificates-grid{grid-template-columns:1fr}.company-logos-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:1rem;padding:0}.company-logo-card{padding:1rem}.company-logos-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1.5rem}.hobbies-showcase-row{flex-direction:column;gap:3rem;margin-bottom:3rem;padding:0 1rem}.hobbies-grid{flex:1;grid-template-columns:repeat(2,1fr);gap:1.5rem}.hobby-card{padding:2.5rem 1.5rem}.hobby-icon{width:80px;height:80px}.hobby-icon svg{width:40px;height:40px}.hobby-title{font-size:1.2rem}.hobby-number{font-size:2.5rem}.carousel-3d-container{gap:1rem}.carousel-btn{width:44px;height:44px}.carousel-btn svg{width:20px;height:20px}.carousel-3d-title{font-size:1.75rem}.carousel-render-wrapper{padding:0 1rem}.carousel-render-container{gap:1rem}.carousel-render-title{font-size:1.75rem}.comparison-slider{aspect-ratio:16/11}.comparison-label{padding:.4rem .75rem;font-size:.75rem;top:1rem}.comparison-label-before{left:1rem}.comparison-label-after{right:1rem}.slider-button{width:50px;height:50px}.slider-button svg{width:14px;height:14px}}@media (max-width:480px){.hero-actions{flex-direction:column;width:100%}.btn-primary,.btn-outline{justify-content:center;width:100%}.hero-socials{gap:.75rem;margin-top:1.5rem}.social-link{width:44px;height:44px}.social-link svg{width:20px;height:20px}.footer-content{gap:1.25rem}.footer-social-link{width:36px;height:36px}.footer-social-link svg{width:16px;height:16px}.experience-content,.project-card-inner{padding:1.5rem}.certificate-modal-overlay{padding:.5rem}.certificate-modal{max-width:98vw;max-height:98vh}.modal-content{min-height:300px;padding:4.5rem 1rem 1rem}.modal-company-logo{padding:.75rem}.modal-logo-image{width:48px;height:48px}.certificate-image{max-height:calc(100vh - 150px)}.nav-btn{width:40px;height:40px}.nav-btn-prev{left:-20px}.nav-btn-next{right:-20px}.nav-btn svg{width:16px;height:16px}.hobbies-showcase-row{margin-bottom:2rem;padding:0 .5rem}.hobbies-grid{grid-template-columns:1fr;gap:1rem}.hobby-card{padding:2rem 1.5rem}.hobby-icon{width:70px;height:70px}.hobby-icon svg{width:36px;height:36px}.hobby-title{font-size:1.1rem}.hobby-number{font-size:2rem;top:1rem;right:1rem}.carousel-3d-header{margin-bottom:2rem}.carousel-3d-title{font-size:1.5rem}.carousel-3d-subtitle{font-size:.9rem}.carousel-3d-container{flex-direction:column;gap:1rem}.carousel-btn{width:40px;height:40px}.carousel-btn svg{width:18px;height:18px}.carousel-3d-frame{aspect-ratio:16/11;width:100%}.carousel-indicator{width:8px;height:8px}.carousel-render-wrapper{margin-top:3rem;padding:0 .5rem}.carousel-render-header{margin-bottom:2rem}.carousel-render-title{font-size:1.5rem}.carousel-render-subtitle{font-size:.9rem}.carousel-render-container{flex-direction:column;gap:1rem}.carousel-btn-prev,.carousel-btn-next{z-index:10;position:absolute}.carousel-btn-prev{top:50%;left:.5rem;transform:translateY(-50%)}.carousel-btn-prev:hover{transform:translateY(-50%)scale(1.1)}.carousel-btn-next{top:50%;right:.5rem;transform:translateY(-50%)}.carousel-btn-next:hover{transform:translateY(-50%)scale(1.1)}.comparison-slider{aspect-ratio:4/3;width:100%}.comparison-label{padding:.35rem .6rem;font-size:.7rem;top:.75rem}.comparison-label-before{left:.75rem}.comparison-label-after{right:.75rem}.slider-button{width:44px;height:44px}.slider-button svg{width:12px;height:12px}}