:root{--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-mono:"Space Grotesk", monospace;--bg-base:#f8fafc;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--accent-color:#6366f1;--accent-light:#818cf8;--accent-bg:#6366f114;--glass-bg:transparent;--glass-surface:#fff3;--glass-surface-hover:#ffffff52;--glass-border:#ffffff73;--glass-shadow:0 8px 32px 0 #1f26870f, inset 0 1px 0 0 #ffffff8c;--glass-blur:blur(5px) saturate(1.35);--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-base);width:100%;height:100%;color:var(--text-secondary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:17px;line-height:1.5;overflow:hidden}body{flex-direction:column;min-height:100vh;display:flex;position:relative}#bg-layer{z-index:0;pointer-events:none;position:fixed;inset:0}#root{z-index:1;background:0 0;flex-direction:column;width:100%;min-height:100vh;display:flex;position:relative}.page-background{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.network-background-canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.bg-blob{filter:blur(120px);opacity:.5;pointer-events:none;border-radius:50%;position:absolute}.blob-1{background:radial-gradient(circle,#fda4ba66 0%,#fdf4f500 70%);width:45vw;height:45vw;top:-10%;left:10%}.blob-2{background:radial-gradient(circle,#a5b4fc66 0%,#f3f4f600 70%);width:40vw;height:40vw;bottom:-10%;right:5%}.blob-3{background:radial-gradient(circle,#d8b4fe59 0%,#faf5ff00 70%);width:35vw;height:35vw;top:30%;right:30%}a{color:inherit;transition:var(--transition-smooth);text-decoration:none}button{cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;font-family:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#00000014;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}@media (width<=1024px){html,body{overflow-y:auto}}.app-container{z-index:1;box-sizing:border-box;background:0 0;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;padding:.5rem 0;display:flex;position:relative}.main-content{box-sizing:border-box;grid-template-rows:120px 135px 120px 85px 85px;grid-template-columns:repeat(4,1fr);gap:.65rem;width:60%;margin:auto;display:grid;position:relative}.bento-card{border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:var(--glass-blur);cursor:default;background:#ffffffe0;border-radius:16px;flex-direction:column;justify-content:space-between;padding:.8rem 1rem;transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .4s,border-color .4s,opacity .4s cubic-bezier(.25,1,.5,1);display:flex;position:relative;overflow:hidden;transform:translateZ(0)}.bento-card.draggable-enabled{cursor:grab;border-color:#6366f12e;animation:.35s cubic-bezier(.34,1.56,.64,1) both swapIn}.bento-card.draggable-enabled:active{cursor:grabbing}.bento-card.dragging{opacity:.25;border:1.5px dashed var(--accent-color);box-shadow:none;transform:scale(.95)}.bento-card.drag-over{border-color:var(--accent-color);transform:scale(.97);box-shadow:0 0 15px #6366f140}.drag-handle{width:18px;height:18px;color:var(--text-muted);opacity:.4;transition:var(--transition-smooth);z-index:5;justify-content:center;align-items:center;display:flex;position:absolute;top:.5rem;right:.5rem}.bento-card:hover .drag-handle{opacity:.85;color:var(--accent-color)}.btn-enlarge{border:1px solid var(--glass-border);width:22px;height:22px;color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);z-index:20;opacity:0;background:#ffffff8c;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:.5rem;right:.5rem}.bento-card:hover .btn-enlarge{opacity:1}.btn-enlarge:hover{background:var(--glass-surface-hover);color:var(--accent-color);border-color:#6366f140;transform:scale(1.1)}.bento-card.is-expanded .btn-enlarge{opacity:1;background:var(--text-primary);color:#fff;border-color:var(--text-primary)}.bento-card.is-expanded .btn-enlarge:hover{background:var(--accent-color);border-color:var(--accent-color)}.bento-card.is-expanded{animation:.55s cubic-bezier(.175,.885,.32,1.2) both jiggleExpand;z-index:100!important;opacity:1!important;pointer-events:auto!important;border-color:#6366f159!important;grid-area:1/1/6/5!important;width:100%!important;height:100%!important;position:absolute!important;top:0!important;left:0!important;transform:scale(1)translateZ(0)!important;box-shadow:0 24px 60px #0f172a29!important}.bento-card.is-dimmed{opacity:0!important;pointer-events:none!important;transition:transform .5s cubic-bezier(.25,1,.5,1),opacity .5s!important}.main-content:has(.is-expanded) .bento-card.is-dimmed.pos-0{transform:translate(-250px,-150px)scale(.75)!important}.main-content:has(.is-expanded) .bento-card.is-dimmed.pos-1{transform:translate(250px,-150px)scale(.75)!important}.main-content:has(.is-expanded) .bento-card.is-dimmed.pos-2{transform:translate(-250px)scale(.75)!important}.main-content:has(.is-expanded) .bento-card.is-dimmed.pos-3{transform:translateY(-200px)scale(.75)!important}.main-content:has(.is-expanded) .bento-card.is-dimmed.pos-4{transform:translate(-250px,150px)scale(.75)!important}.main-content:has(.is-expanded) .bento-card.is-dimmed.pos-5{transform:translateY(200px)scale(.75)!important}.main-content:has(.is-expanded) .bento-card.is-dimmed.pos-6{transform:translate(250px)scale(.75)!important}.main-content:has(.is-expanded) .bento-card.is-dimmed.pos-7{transform:translateY(200px)scale(.75)!important}@keyframes jiggleExpand{0%{transform:scale(.96)}45%{transform:scale(1.025)}75%{transform:scale(.99)}to{transform:scale(1)}}.bento-card.is-expanded .about-text{max-width:700px;font-size:.8rem;line-height:1.55}.bento-card.is-expanded .about-education{gap:.6rem;padding-top:1rem}.bento-card.is-expanded .edu-degree{font-size:.82rem}.bento-card.is-expanded .edu-school{font-size:.72rem}.bento-card.is-expanded .profiles-grid{gap:.75rem;padding:.3rem}.bento-card.is-expanded .profile-banner-card{padding:10px 16px}.bento-card.is-expanded .contact-main-row{flex-wrap:wrap;justify-content:space-around;align-items:center;gap:1.5rem;height:calc(100% - 2rem);display:flex;flex-direction:row!important}.bento-card.is-expanded .contact-email-box{flex:1;max-width:300px}.bento-card.is-expanded .contact-resume-box{flex:1;max-width:280px}.bento-card.is-expanded .contact-linkedin-box{flex:1;max-width:280px;padding:.75rem 1rem}.bento-card.is-expanded .linkedin-box-text{font-size:.78rem}.bento-card.is-expanded .contact-circle-icons{justify-content:center;gap:1rem;width:100%}.bento-card.is-expanded .greeting-body{gap:.6rem;max-width:600px;margin-top:1rem}.bento-card.is-expanded .greeting-headline{font-size:1.1rem}.bento-card.is-expanded .greeting-subtext{font-size:.78rem}.bento-card.is-expanded .achievements-grid{grid-template-columns:repeat(3,1fr);gap:1rem}.bento-card.is-expanded .achievement-item{padding:1rem}.bento-card.is-expanded .ach-title{font-size:.85rem}.bento-card.is-expanded .ach-desc{font-size:.72rem;line-height:1.4}@media (width<=1024px){.bento-card.is-expanded{min-height:320px;z-index:100!important;grid-area:span 2/span 2!important;width:100%!important;height:auto!important;position:relative!important;box-shadow:0 15px 35px #0f172a26!important}.main-content:has(.is-expanded) .bento-card.is-dimmed{display:none!important}}@media (width<=640px){.btn-enlarge{display:none!important}}.btn-toggle-edit{z-index:1000;-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);font-family:var(--font-sans);color:var(--text-primary);cursor:pointer;transition:var(--transition-smooth);background:#ffffff8c;border-radius:100px;align-items:center;gap:.45rem;padding:.6rem 1.15rem;font-size:.78rem;font-weight:700;display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 8px 25px #0000000f}.btn-toggle-edit:hover{background:var(--glass-surface);border-color:var(--accent-color);color:var(--accent-color);transform:translateY(-2px);box-shadow:0 10px 30px #6366f126}.btn-toggle-edit.active{background:var(--text-primary);color:#fff;border-color:var(--text-primary)}.btn-toggle-edit.active:hover{background:var(--accent-color);border-color:var(--accent-color);box-shadow:0 10px 30px #6366f140}@keyframes swapIn{0%{opacity:.8;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.card-hero{justify-content:center}.card-cv{justify-content:space-between;align-items:stretch}.pos-0{grid-area:1/1/2/4}.pos-1{grid-area:1/4/3/5}.pos-2{grid-area:2/1/4/2}.pos-3{grid-area:2/2/3/4}.pos-4{grid-area:4/1/6/2}.pos-5{grid-area:3/2/5/4}.pos-6{grid-area:3/4/6/5}.pos-7{grid-area:5/2/6/4}.card-title-mini{font-family:var(--font-mono);letter-spacing:.08em;color:var(--text-muted);margin-bottom:-10px;font-size:.62rem;font-weight:700}.hero-profile-container{z-index:2;align-items:center;gap:1.25rem;display:flex}.avatar-wrapper{background:linear-gradient(135deg, var(--accent-color) 0%, var(--accent-light) 100%);border-radius:50%;width:60px;height:60px;padding:2px;position:relative;box-shadow:0 4px 10px #6366f126}.avatar-img{object-fit:cover;background-color:var(--bg-base);border:1.5px solid #fff;border-radius:50%;width:100%;height:100%}.hero-info{flex-direction:column;display:flex}.hero-name-row{align-items:center;gap:.4rem;display:flex}.hero-name{font-family:var(--font-sans);letter-spacing:-.5px;color:var(--text-primary);font-size:1.35rem;font-weight:750}.verified-badge{color:#3b82f6;align-items:center;display:flex}.hero-title-tag{font-family:var(--font-mono);color:var(--accent-color);letter-spacing:.75px;margin:.1rem 0;font-size:.65rem;font-weight:700}.hero-welcome{color:var(--text-secondary);font-size:.75rem}.hero-status-tag{font-family:var(--font-mono);color:var(--text-muted);background:var(--glass-surface);border:1px solid var(--glass-border);border-radius:100px;padding:.25rem .5rem;font-size:.62rem;position:absolute;top:.75rem;right:1rem}.hero-deco-grid{pointer-events:none;z-index:1;width:40%;position:absolute;top:0;bottom:0;right:0}.about-card-layout{flex-direction:column;justify-content:space-between;height:100%;display:flex}.about-text{color:var(--text-secondary);font-size:.7rem;line-height:1.4}.about-education{border-top:1px solid #0000000a;flex-direction:column;gap:.35rem;padding-top:.55rem;display:flex}.edu-header{color:var(--accent-color);align-items:center;gap:.35rem;display:flex}.edu-icon{flex-shrink:0}.edu-title{font-family:var(--font-mono);letter-spacing:.05em;font-size:.58rem;font-weight:700}.edu-details{flex-direction:column;gap:.15rem;padding-left:.2rem;display:flex}.edu-degree{color:var(--text-primary);font-size:.72rem;font-weight:750}.edu-school{color:var(--text-secondary);font-size:.65rem}.edu-meta{font-family:var(--font-mono);color:var(--text-muted);font-size:.58rem;font-weight:600}.achievements-layout{flex-direction:column;justify-content:space-between;height:100%;display:flex}.achievements-grid{scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;flex-grow:1;align-items:stretch;gap:.65rem;margin-top:.35rem;display:flex;overflow-x:auto}.achievements-grid::-webkit-scrollbar{display:none}.achievement-item{scroll-snap-align:center;transition:var(--transition-smooth);background:#ffffff8c;border:1px solid #0f172a0f;border-radius:10px;flex-direction:column;flex:0 0 85%;justify-content:space-between;padding:.5rem .65rem;display:flex;position:relative;overflow:hidden}.ach-bg-icon{opacity:.08;pointer-events:none;z-index:0;font-size:4rem;position:absolute;bottom:-15px;right:-5px;transform:rotate(-15deg)}.achievement-item:hover{border-color:var(--accent-color);background:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #6366f114}.ach-header{z-index:1;justify-content:space-between;align-items:center;gap:.25rem;display:flex;position:relative}.ach-title{font-family:var(--font-sans);color:var(--text-primary);font-size:.72rem;font-weight:750}.ach-metric{font-family:var(--font-mono);color:var(--accent-color);background:var(--accent-bg);text-transform:uppercase;border-radius:100px;padding:.1rem .35rem;font-size:.52rem;font-weight:700}.ach-desc{color:var(--text-muted);-webkit-line-clamp:2;z-index:1;-webkit-box-orient:vertical;margin-top:.15rem;font-size:.6rem;line-height:1.25;display:-webkit-box;position:relative;overflow:hidden}.map-control-dots{gap:2.5px;display:flex;position:absolute;top:6px;left:6px}.skills-container-orbit{flex-direction:column;justify-content:space-between;height:100%;display:flex;position:relative}.skills-orbit-area{pointer-events:none;width:0;height:0;position:absolute;bottom:0;right:0}.orbit-track{pointer-events:none;border:1px dashed #0f172a2e;border-radius:50%;position:absolute}.track-1{width:120px;height:120px;bottom:-60px;right:-60px}.track-2{width:200px;height:200px;bottom:-100px;right:-100px}.track-3{width:280px;height:280px;bottom:-140px;right:-140px}.track-4{width:360px;height:360px;bottom:-180px;right:-180px}.track-5{width:440px;height:440px;bottom:-220px;right:-220px}.skill-orbit-wrapper{pointer-events:auto;z-index:5;width:32px;height:32px;position:absolute;bottom:-16px;right:-16px}.skills-container-orbit:has(.orbit-r1:hover) .skill-orbit-wrapper.orbit-r1{animation-play-state:paused}.skills-container-orbit:has(.orbit-r2:hover) .skill-orbit-wrapper.orbit-r2{animation-play-state:paused}.skills-container-orbit:has(.orbit-r3:hover) .skill-orbit-wrapper.orbit-r3{animation-play-state:paused}.skills-container-orbit:has(.orbit-r4:hover) .skill-orbit-wrapper.orbit-r4{animation-play-state:paused}.skills-container-orbit:has(.orbit-r5:hover) .skill-orbit-wrapper.orbit-r5{animation-play-state:paused}.skill-orbit-wrapper.orbit-r1{animation:18s linear infinite orbit-cw}.skill-orbit-wrapper.orbit-r2{animation:22s linear infinite orbit-ccw}.skill-orbit-wrapper.orbit-r3{animation:26s linear infinite orbit-cw}.skill-orbit-wrapper.orbit-r4{animation:30s linear infinite orbit-ccw}.skill-orbit-wrapper.orbit-r5{animation:34s linear infinite orbit-cw}.skill-orbit-node{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #0f172a14;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;transition:border-color .2s,box-shadow .2s,transform .2s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:0 4px 10px #0000000d}.skill-orbit-node:hover{border-color:var(--text-primary);z-index:10;transform:scale(1.25);box-shadow:0 0 12px #fffffff2,0 6px 16px #0f172a1f}.skill-orbit-image{object-fit:contain;width:16px;height:16px;transition:transform .2s}.skill-orbit-node:hover .skill-orbit-image{transform:scale(1.1)}.skill-orbit-fallback{font-family:var(--font-mono);color:var(--text-muted);font-size:.55rem;font-weight:750}@keyframes orbit-cw{0%{transform:rotate(var(--offset)) translateX(var(--radius)) rotate(calc(-1 * var(--offset)))}to{transform:rotate(calc(var(--offset) + 360deg)) translateX(var(--radius)) rotate(calc(-1 * (var(--offset) + 360deg)))}}@keyframes orbit-ccw{0%{transform:rotate(var(--offset)) translateX(var(--radius)) rotate(calc(-1 * var(--offset)))}to{transform:rotate(calc(var(--offset) - 360deg)) translateX(var(--radius)) rotate(calc(-1 * (var(--offset) - 360deg)))}}.coding-profiles-container{flex-direction:column;justify-content:flex-start;gap:.35rem;height:100%;display:flex}.profiles-grid{box-sizing:border-box;grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(2,1fr);gap:.35rem;height:calc(100% - 1.5rem);padding:.05rem .1rem;display:grid}.profile-banner-card{box-sizing:border-box;background:#ffffffa6;border:1px solid #ffffffa6;border-radius:8px;justify-content:center;align-items:center;height:100%;min-height:0;padding:4px 8px;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s,border-color .3s,background-color .3s;display:flex;position:relative;overflow:hidden}.profile-banner-card:hover{z-index:10;background:#fff;border-color:#6366f18c;transform:translateY(-3px)scale(1.05);box-shadow:0 8px 16px #6366f126,0 3px 5px #00000008}.profile-banner-card:last-child:nth-child(odd){grid-column:span 2}.profile-banner-img{object-fit:contain;width:100%;max-width:100%;height:100%;max-height:100%;transition:transform .3s}.profile-banner-card:hover .profile-banner-img{transform:scale(1.03)}.card-recent{padding-bottom:.65rem;overflow:hidden}.recent-works-layout{flex-direction:column;gap:.35rem;height:100%;display:flex}.recent-header{flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.recent-header-actions{align-items:center;gap:.5rem;display:flex}.recent-scroll-hint{color:var(--text-muted);white-space:nowrap;font-size:.58rem}.recent-nav{gap:.25rem;display:flex}.recent-nav-btn{background:var(--glass-surface);border:1px solid var(--glass-border);width:20px;height:20px;color:var(--text-secondary);transition:var(--transition-smooth);border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;line-height:1;display:flex}.recent-nav-btn:hover:not(:disabled){background:var(--glass-surface-hover);color:var(--accent-color);border-color:#6366f140;box-shadow:0 2px 6px #6366f11a}.recent-nav-btn:disabled{opacity:.35;cursor:default}.recent-tag{font-family:var(--font-mono);background-color:var(--accent-bg);color:var(--accent-color);border-radius:4px;padding:.1rem .35rem;font-size:.58rem;font-weight:600}.recent-carousel-viewport{border:1px solid var(--glass-border);cursor:grab;-webkit-user-select:none;user-select:none;background:0 0;border-radius:10px;flex:1;min-height:0;overflow:hidden}.recent-carousel-viewport:active{cursor:grabbing}.recent-carousel-track{will-change:transform;gap:10px;height:100%;padding:.5rem;transition:transform .75s cubic-bezier(.45,.05,.25,1);display:flex}.recent-carousel-track.no-transition{transition:none}.recent-carousel-card{cursor:pointer;background:0 0;border:none;border-radius:8px;flex:0 0 160px;height:100%;padding:0;transition:transform .25s,box-shadow .25s}.recent-carousel-card:hover{transform:translateY(-2px)}.recent-carousel-image{border:1px solid #ffffffd9;border-radius:8px;width:100%;height:100%;transition:border-color .25s,box-shadow .25s;position:relative;overflow:hidden;box-shadow:0 2px 8px #0f172a0f}.recent-carousel-card:hover .recent-carousel-image{border-color:#6366f14d;box-shadow:0 4px 14px #6366f11f}.recent-carousel-overlay{text-align:left;background:linear-gradient(#0000 40%,#0f172a80 100%);flex-direction:column;justify-content:flex-end;gap:.1rem;padding:.4rem .45rem;display:flex;position:absolute;inset:0}.project-slide-category{font-family:var(--font-mono);color:#ffffffd9;letter-spacing:.04em;text-transform:uppercase;font-size:.48rem;font-weight:600}.recent-carousel-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.62rem;font-weight:700;line-height:1.2;overflow:hidden}.recent-counter{font-family:var(--font-mono);color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;gap:.15rem;font-size:.58rem;display:flex}.recent-counter-active{color:var(--accent-color);font-weight:700}.recent-counter-sep{opacity:.4}.project-modal-backdrop{z-index:2000;-webkit-backdrop-filter:blur(10px);background:#f8fafc8c;justify-content:center;align-items:center;padding:1.5rem;animation:.3s modalFadeIn;display:flex;position:fixed;inset:0}.project-modal-panel{border:1px solid var(--glass-border);width:min(420px,92vw);max-height:85vh;box-shadow:0 24px 60px #0f172a1f, var(--glass-shadow);background:#fff;border-radius:16px;animation:.35s cubic-bezier(.34,1.2,.64,1) modalSlideUp;position:relative;overflow-y:auto}.project-modal-close{z-index:2;border:1px solid var(--glass-border);width:28px;height:28px;color:var(--text-secondary);transition:var(--transition-smooth);background:#ffffff8c;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:.65rem;right:.65rem}.project-modal-close:hover{color:var(--accent-color);border-color:#6366f14d;transform:scale(1.05)}.project-modal-hero{border-radius:16px 16px 0 0;width:100%;height:160px}.project-modal-body{text-align:center;flex-direction:column;align-items:center;padding:1.5rem 1.25rem;display:flex}.project-modal-label{font-family:var(--font-mono);letter-spacing:.06em;color:var(--accent-color);text-transform:uppercase;font-size:.6rem;font-weight:700}.project-modal-title{color:var(--text-primary);letter-spacing:-.3px;margin:.25rem 0 .5rem;font-size:1.15rem;font-weight:750}.project-modal-desc{color:var(--text-secondary);margin-bottom:.75rem;font-size:.78rem;line-height:1.55}.project-modal-tags{flex-wrap:wrap;justify-content:center;gap:.4rem;margin-bottom:1.2rem;display:flex}.project-modal-links{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:auto;display:flex}.project-modal-link{background:var(--text-primary);color:#fff;transition:var(--transition-smooth);border-radius:100px;align-items:center;gap:.3rem;padding:.45rem .85rem;font-size:.72rem;font-weight:600;display:inline-flex}.project-modal-link:hover{background:var(--accent-color);transform:translateY(-1px);box-shadow:0 4px 12px #6366f140}.project-modal-link.secondary{background:var(--glass-surface);color:var(--text-primary);border:1px solid var(--glass-border)}.project-modal-link.secondary:hover{border-color:var(--accent-color);color:var(--accent-color);background:var(--glass-surface);box-shadow:0 4px 12px #6366f11a}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.clients-grid{flex:1;grid-template-columns:repeat(2,1fr);align-content:center;gap:.5rem;display:grid}.client-item-logo{font-family:var(--font-sans);color:var(--text-muted);opacity:.8;letter-spacing:-.2px;font-size:.75rem;font-weight:750}.clients-caption{color:var(--text-muted);margin-top:auto;font-size:.6rem}.contact-linkedin-box{color:#fff;box-sizing:border-box;background:#0a66c2;border:1px solid #0a66c233;border-radius:8px;justify-content:space-between;align-items:center;padding:.5rem .65rem;text-decoration:none;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s,background-color .3s;display:flex}.contact-linkedin-box:hover{background:#004182;transform:translateY(-2px);box-shadow:0 6px 16px #0a66c24d}.linkedin-left{align-items:center;gap:.45rem;display:flex}.linkedin-box-icon{color:#fff;flex-shrink:0;animation:2s infinite pulseLinkedinIcon}.linkedin-box-text{letter-spacing:-.1px;font-size:.68rem;font-weight:750}.linkedin-box-arrow{color:#ffffffd9;flex-shrink:0;transition:transform .3s}.contact-linkedin-box:hover .linkedin-box-arrow{transform:translate(2px)}@keyframes pulseLinkedinIcon{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.contact-resume-box{box-sizing:border-box;background:#ffffff73;border:1px solid #0f172a0d;border-radius:8px;justify-content:space-between;align-items:center;padding:.5rem .65rem;display:flex}.contact-resume-label{color:var(--text-primary);font-size:.68rem;font-weight:750}.contact-resume-actions{align-items:center;gap:.45rem;display:flex}.contact-resume-date{font-family:var(--font-mono);color:var(--text-muted);font-size:.52rem;font-weight:600}.contact-resume-box .cv-download-trigger{background:var(--accent-bg);width:24px;height:24px;color:var(--accent-color);transition:var(--transition-smooth);border-radius:50%;justify-content:center;align-items:center;display:flex}.contact-resume-box .cv-download-trigger:hover{background-color:var(--accent-color);color:#fff;transform:translateY(-2px)}.greeting-card-layout{flex-direction:column;justify-content:space-between;height:100%;display:flex}.greeting-header{color:var(--accent-color);align-items:center;gap:.35rem;display:flex}.greeting-wave-icon{transform-origin:70% 70%;animation:2.5s infinite waveHand}.greeting-body{flex-direction:column;gap:.25rem;margin-top:.45rem;margin-bottom:auto;display:flex}.greeting-headline{color:var(--text-primary);letter-spacing:-.2px;font-size:.85rem;font-weight:800}.greeting-subtext{color:var(--text-secondary);font-size:.68rem;line-height:1.4}@keyframes waveHand{0%,to{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}}.card-contact{padding:.65rem .85rem}.contact-layout{flex-direction:column;justify-content:space-between;height:100%;display:flex}.contact-main-row{flex-direction:column;flex-grow:1;justify-content:space-between;align-items:stretch;gap:.8rem;margin-top:.5rem;display:flex}.contact-email-box{text-align:center;background:#ffffff73;border:1px solid #0f172a0d;border-radius:8px;flex-direction:column;align-items:stretch;gap:.45rem;padding:.55rem;display:flex}.contact-email-text{font-family:var(--font-mono);color:var(--text-secondary);word-break:break-all;font-size:.62rem}.contact-circle-icons{scrollbar-width:none;flex-wrap:wrap;justify-content:center;gap:.45rem;max-width:100%;padding-bottom:.1rem;display:flex}.contact-circle-icons::-webkit-scrollbar{display:none}.contact-social-icon{object-fit:contain;width:14px;height:14px}.contact-social-fallback{font-family:var(--font-mono);letter-spacing:-.02em;font-size:.48rem;font-weight:700}.contact-circle-btn{background:var(--glass-surface);border:1px solid var(--glass-border);width:28px;height:28px;color:var(--text-secondary);transition:var(--transition-smooth);border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 2px 5px #00000003}.contact-circle-btn:hover{border-color:var(--accent-color);color:var(--accent-color);transform:translateY(-1.5px)}.btn-pill-get-touch{background-color:var(--text-primary);color:#fff;transition:var(--transition-smooth);border:none;border-radius:100px;padding:.4rem .9rem;font-size:.68rem;font-weight:600;box-shadow:0 4px 10px #0000001a}.card-contact .contact-circle-btn{width:26px;height:26px}.card-contact .btn-pill-get-touch{padding:.35rem .8rem;font-size:.65rem}.btn-pill-get-touch.copied{background-color:#10b981}.btn-pill-get-touch:hover{background-color:var(--accent-color);transform:translateY(-1px);box-shadow:0 6px 14px #6366f140}.contact-meta-row{color:var(--text-muted);border-top:1px solid #00000008;justify-content:space-between;padding-top:.4rem;font-size:.65rem;display:flex}.contact-meta-item{align-items:center;gap:.25rem;display:flex}.blog-layout{flex-direction:column;justify-content:space-between;height:100%;display:flex}.blog-date-header{color:var(--text-muted);font-size:.58rem;font-family:var(--font-mono);align-items:center;gap:.25rem;display:flex}.blog-main-title{color:var(--text-primary);font-size:.72rem;font-weight:750;line-height:1.25}.blog-teaser{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.62rem;line-height:1.3;display:-webkit-box;overflow:hidden}@keyframes pulse{0%,to{box-shadow:0 0 10px var(--accent-color);transform:scale(1)}50%{box-shadow:0 0 14px var(--accent-color);transform:scale(1.15)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@media (width<=1200px){.main-content{width:65%}}@media (width<=1024px){.app-container{height:auto;padding:2rem 1.5rem}.main-content{grid-template-rows:auto;grid-template-columns:repeat(2,1fr);gap:.75rem;width:90%}.card-hero{grid-column:span 2}.card-about,.card-achievements,.card-tech,.card-services,.card-recent,.card-cv,.card-contact,.card-blog{grid-area:auto/span 1}.card-achievements,.card-recent,.card-contact{grid-column:span 2}}@media (width<=640px){.main-content{grid-template-columns:1fr;width:100%}.card-hero,.card-about,.card-achievements,.card-tech,.card-services,.card-recent,.card-cv,.card-contact,.card-blog{grid-column:span 1}.hero-profile-container{text-align:center;flex-direction:column}.achievements-grid{grid-template-columns:1fr}.contact-layout{flex-direction:column;align-items:stretch;gap:.5rem}.contact-circle-icons{justify-content:center}.btn-pill-get-touch{text-align:center}}.recent-carousel-card.is-expanded-size{background:var(--glass-bg);border:1px solid var(--glass-border);text-align:left;border-radius:12px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 4px 15px #0000000a;flex:0 0 310px!important;height:100%!important}.expanded-project-card{flex-direction:column;width:100%;height:100%;display:flex}.expanded-project-img-box{border-bottom:1px solid var(--glass-border);background-position:50%;background-size:cover;width:100%;height:140px;position:relative}.expanded-project-overlay{background:linear-gradient(#0000 20%,#0f172aa6 100%);flex-direction:column;justify-content:flex-end;padding:.65rem .8rem;display:flex;position:absolute;inset:0}.expanded-project-title{color:#fff;margin:0;font-size:.82rem;font-weight:850}.expanded-project-details{flex-direction:column;flex-grow:1;justify-content:space-between;gap:.55rem;padding:.75rem .8rem;display:flex}.expanded-project-desc{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.68rem;line-height:1.35;display:-webkit-box;overflow:hidden}.expanded-project-tech{flex-wrap:wrap;gap:.25rem;display:flex}.tech-badge-mini{font-family:var(--font-mono);background:var(--accent-bg);color:var(--accent-color);border-radius:4px;padding:.1rem .35rem;font-size:.52rem;font-weight:700}.expanded-project-features{flex-direction:column;gap:.2rem;margin:0;padding:0;list-style:none;display:flex}.expanded-project-features li{color:var(--text-muted);padding-left:.45rem;font-size:.62rem;line-height:1.3;position:relative}.expanded-project-features li:before{content:"•";color:var(--accent-color);position:absolute;left:0}.expanded-project-links{gap:.45rem;margin-top:.2rem;display:flex}.expanded-link-btn{transition:var(--transition-smooth);border-radius:6px;flex:1;justify-content:center;align-items:center;gap:.25rem;padding:.35rem;font-size:.62rem;font-weight:700;text-decoration:none;display:inline-flex}.expanded-link-btn.github{background:var(--text-primary);color:#fff}.expanded-link-btn.github:hover{background:var(--accent-color)}.expanded-link-btn.live{background:var(--glass-surface);color:var(--text-primary);border:1px solid var(--glass-border)}.expanded-link-btn.live:hover{border-color:var(--accent-color);color:var(--accent-color)}@media (width<=1024px){.main-content{width:90%}}@media (width<=768px){.app-container{justify-content:flex-start;height:auto;min-height:100vh;padding:3rem 1rem;overflow-x:hidden}.main-content{flex-direction:column;gap:1rem;width:100%;margin-bottom:5rem;display:flex}.bento-card{width:100%;min-height:250px;grid-area:auto!important;transform:none!important}.skills-container-orbit{justify-content:flex-start;overflow:hidden}.profiles-grid{gap:.5rem;margin-top:.5rem;grid-template-rows:auto!important;grid-template-columns:repeat(3,1fr)!important;height:auto!important}.profile-banner-card{min-height:45px;height:45px!important}.profile-banner-card:last-child:nth-child(odd){grid-column:auto!important}.bento-card.is-expanded{min-height:400px;position:relative!important}.card-header-mini{z-index:10;flex-shrink:0;margin-bottom:.75rem;position:relative}}.coding-profiles-container{flex-direction:column;height:100%;display:flex}.stacked-deck-container{perspective:1000px;flex-grow:1;width:100%;margin-top:.5rem;position:relative}.stacked-profile-card{border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;justify-content:space-between;width:100%;max-width:340px;height:110px;margin:0 auto;padding:.75rem;text-decoration:none;transition:all .6s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;top:0;left:0;right:0;box-shadow:0 10px 30px #00000026}.stacked-profile-card.stack-0{z-index:3;opacity:1;transform:translateY(0)scale(1)}.stacked-profile-card.stack-1{z-index:2;opacity:.8;transform:translateY(10px)scale(.92)}.stacked-profile-card.stack-2{z-index:1;opacity:.5;transform:translateY(20px)scale(.85)}.profile-card-content{flex-direction:column;gap:.5rem;height:100%;display:flex}.profile-card-header{color:inherit;align-items:center;gap:.5rem;display:flex}.profile-titles{flex-direction:column;margin-bottom:-10px;display:flex}.profile-titles h3{margin:0;font-size:.95rem;font-weight:700;line-height:1}.profile-titles span{opacity:.8;font-size:.65rem}.profile-stats{font-size:.65rem;font-family:var(--font-mono);align-items:center;gap:.4rem;margin-top:auto;display:flex}.github-heatmap{flex-wrap:wrap;gap:2px;width:100%;max-width:120px;display:flex}.leetcode-graph{width:100%;height:35px;margin-top:-5px}.cc-stars{color:#fff3;letter-spacing:2px;font-size:1.2rem}.cc-stars .star.active{color:#fbbf24;text-shadow:0 0 8px #fbbf2480}.achievement-item.apertre-theme{background:linear-gradient(135deg,#0b1d3a 0%,#050f24 100%);border-color:#1d4ed84d}.achievement-item.apertre-theme .ach-title{color:#fff}.achievement-item.apertre-theme .ach-metric{color:#60a5fa;background:#1d4ed833}.achievement-item.apertre-theme .ach-desc{color:#9ca3af}