:root{--bg-color: #0a0e14;--text-main: #c9d1d9;--text-heading: #ffffff;--text-muted: #8b949e;--accent-color: #58a6ff;--accent-hover: #1f6feb;--card-bg: rgba(18, 22, 29, .75);--card-bg-hover: rgba(18, 22, 29, .85);--card-bg-solid: #161b22;--border-color: rgba(255, 255, 255, .1);--border-solid: #21262d;--nav-bg: rgba(13, 17, 23, .45);--nav-bg-mobile: rgba(10, 14, 20, .95);--badge-bg: #0d1117;--badge-border: #30363d;--hero-gradient-1: #1f6feb22;--hero-gradient-2: #58a6ff1a;--tab-bg: rgba(0, 0, 0, .2);--tag-bg: rgba(88, 166, 255, .1)}.light-theme{--bg-color: #f6f8fa;--text-main: #24292f;--text-heading: #0f1419;--text-muted: #57606a;--accent-color: #0969da;--accent-hover: #0550ae;--card-bg: rgba(255, 255, 255, .85);--card-bg-hover: rgba(255, 255, 255, .95);--card-bg-solid: #ffffff;--border-color: rgba(0, 0, 0, .1);--border-solid: #d0d7de;--nav-bg: rgba(255, 255, 255, .85);--nav-bg-mobile: rgba(255, 255, 255, .98);--badge-bg: #f6f8fa;--badge-border: #d0d7de;--hero-gradient-1: #0969da15;--hero-gradient-2: #58a6ff1a;--tab-bg: rgba(0, 0, 0, .05);--tag-bg: rgba(9, 105, 218, .1)}html,body{margin:0;padding:0;width:100%;height:100%;background:var(--bg-color);color:var(--text-main);transition:background-color .3s,color .3s}@media(min-width:1025px){html,body{overflow:hidden;height:100%}}[data-v-65ef5ea4],[data-v-65ef5ea4]:before,[data-v-65ef5ea4]:after{box-sizing:border-box;margin:0;padding:0}#app-root[data-v-65ef5ea4]{font-family:Inter,sans-serif;height:100vh;overflow:hidden}.navbar[data-v-65ef5ea4]{position:fixed;top:1.5rem;left:50%;transform:translate(-50%);width:calc(100% - 3rem);max-width:1200px;height:70px;background:var(--nav-bg);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border:1px solid var(--border-color);border-radius:100px;display:flex;align-items:center;padding:0 2rem;z-index:999;box-shadow:0 10px 40px #00000026;transition:all .3s}.light-theme .navbar[data-v-65ef5ea4]{box-shadow:0 10px 40px #00000014}.nav-inner[data-v-65ef5ea4]{width:100%;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1001}.nav-logo[data-v-65ef5ea4]{font-size:1.5rem;font-weight:800;color:var(--accent-color);text-decoration:none}.nav-links[data-v-65ef5ea4]{display:flex;gap:2.5rem;list-style:none}.nav-links a[data-v-65ef5ea4]{color:var(--text-muted);text-decoration:none;font-size:.95rem;font-weight:600;transition:color .3s}.nav-links a[data-v-65ef5ea4]:hover,.nav-links a.active[data-v-65ef5ea4]{color:var(--text-heading)}.nav-actions[data-v-65ef5ea4]{display:flex;align-items:center;gap:1rem}.theme-toggle[data-v-65ef5ea4]{background:transparent;border:1px solid var(--border-color);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;color:var(--text-main);transition:.2s}.theme-toggle[data-v-65ef5ea4]:hover{background:var(--tag-bg);border-color:var(--accent-color);transform:scale(1.05)}.burger[data-v-65ef5ea4]{display:none;background:none;border:none;cursor:pointer;flex-direction:column;gap:6px;padding:4px}.burger span[data-v-65ef5ea4]{width:25px;height:2.5px;background:var(--text-main);border-radius:2px;transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .25s ease,width .3s ease;display:block;transform-origin:center}.burger.open span[data-v-65ef5ea4]:nth-child(1){transform:translateY(8.5px) rotate(45deg)}.burger.open span[data-v-65ef5ea4]:nth-child(2){opacity:0;transform:scaleX(0)}.burger.open span[data-v-65ef5ea4]:nth-child(3){transform:translateY(-8.5px) rotate(-45deg)}.mobile-menu[data-v-65ef5ea4]{display:flex;position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--nav-bg-mobile);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);flex-direction:column;justify-content:center;align-items:center;gap:2.5rem;z-index:998;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-16px) scale(.98);transition:opacity .35s cubic-bezier(.4,0,.2,1),transform .35s cubic-bezier(.4,0,.2,1),visibility 0s linear .35s}.mobile-menu.open[data-v-65ef5ea4]{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1);transition:opacity .35s cubic-bezier(.4,0,.2,1),transform .35s cubic-bezier(.4,0,.2,1),visibility 0s linear 0s}.mobile-menu a[data-v-65ef5ea4]{color:var(--text-heading);text-decoration:none;font-size:1.5rem;font-weight:700;transition:.2s}.mobile-menu a[data-v-65ef5ea4]:hover{color:var(--accent-color)}.cards-container[data-v-65ef5ea4]{position:relative;width:100vw;height:100vh;padding-top:calc(70px + 3rem);background:radial-gradient(circle at 20% 30%,var(--hero-gradient-1) 0%,transparent 40%),radial-gradient(circle at 80% 80%,var(--hero-gradient-2) 0%,transparent 40%)}.section-card[data-v-65ef5ea4]{position:absolute;top:calc(70px + 3rem);bottom:2rem;left:2rem;width:calc(100vw - 4rem);background:var(--card-bg);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border:1px solid var(--border-color);border-radius:24px;box-shadow:-15px 0 50px #0000004d,inset 0 1px 1px #ffffff0d;transition:transform .6s cubic-bezier(.2,.8,.2,1),opacity .5s,width .6s cubic-bezier(.2,.8,.2,1),left .6s cubic-bezier(.2,.8,.2,1),top .6s,bottom .6s,background-color .3s,border-color .3s;overflow:hidden;display:flex}.light-theme .section-card[data-v-65ef5ea4]{box-shadow:-15px 0 50px #00000014,inset 0 1px 1px #ffffff80}.section-card.inactive[data-v-65ef5ea4]{top:calc(70px + 4.5rem);bottom:3.5rem;opacity:.85}.section-card.inactive[data-v-65ef5ea4]:hover{background:var(--card-bg-hover);opacity:1}.card-inner-scroll[data-v-65ef5ea4]{flex:1;height:100%;overflow-y:auto;overflow-x:hidden;padding:3rem 4rem}.section-card:has(.tab-left) .card-inner-scroll[data-v-65ef5ea4]{visibility:hidden}.side-tab[data-v-65ef5ea4]{position:absolute;top:0;right:0;width:70px;height:100%;border-left:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;background:var(--tab-bg);writing-mode:vertical-rl;text-orientation:mixed;color:var(--text-muted);font-weight:600;font-size:.95rem;letter-spacing:.2em;text-transform:uppercase;transition:all .3s;opacity:1}.side-tab.tab-left[data-v-65ef5ea4]{right:auto;left:0;border-left:none;border-right:1px solid var(--border-color)}.side-tab.tab-left .side-tab-text[data-v-65ef5ea4]{transform:rotate(0)}.section-card.active .side-tab[data-v-65ef5ea4]{opacity:0;pointer-events:none}.section-card.inactive:hover .side-tab[data-v-65ef5ea4]{color:var(--accent-color);background:var(--tag-bg)}.side-tab-text[data-v-65ef5ea4]{transform:rotate(180deg)}.custom-scrollbar[data-v-65ef5ea4]{scrollbar-width:none;-ms-overflow-style:none}.custom-scrollbar[data-v-65ef5ea4]::-webkit-scrollbar{display:none}.container[data-v-65ef5ea4]{max-width:900px;margin:0 auto}.section-label[data-v-65ef5ea4]{color:var(--accent-color);font-weight:600;font-size:.9rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:1rem}.section-title[data-v-65ef5ea4]{font-size:2.5rem;font-weight:800;color:var(--text-heading);margin-bottom:3rem}.hero-content[data-v-65ef5ea4]{display:flex;flex-direction:column;justify-content:center;min-height:100%}.hero-name[data-v-65ef5ea4]{font-size:clamp(3rem,6vw,4.5rem);font-weight:800;line-height:1.1;margin-bottom:1rem;color:var(--text-heading)}.accent[data-v-65ef5ea4]{color:var(--accent-color)}.hero-title[data-v-65ef5ea4]{font-size:clamp(1.1rem,2vw,1.4rem);color:var(--text-muted);font-weight:500;margin-bottom:1.5rem}.hero-tagline[data-v-65ef5ea4]{font-size:1.1rem;color:var(--text-main);line-height:1.6;max-width:600px;margin-bottom:2.5rem}.hero-cta[data-v-65ef5ea4]{display:flex;gap:1rem}.btn-primary[data-v-65ef5ea4]{background:var(--accent-color);color:var(--bg-color);padding:.8rem 1.8rem;border-radius:12px;font-weight:600;text-decoration:none;transition:.2s}.btn-primary[data-v-65ef5ea4]:hover{background:var(--accent-hover);color:#fff;transform:translateY(-2px)}.btn-outline[data-v-65ef5ea4]{background:transparent;color:var(--accent-color);border:1px solid var(--accent-color);padding:.8rem 1.8rem;border-radius:12px;font-weight:600;text-decoration:none;transition:.2s}.btn-outline[data-v-65ef5ea4]:hover{background:var(--tag-bg);transform:translateY(-2px)}.about-grid[data-v-65ef5ea4]{display:grid;gap:3rem;grid-template-columns:1fr 350px}.about-text p[data-v-65ef5ea4]{color:var(--text-main);font-size:1.05rem;line-height:1.7;margin-bottom:1.5rem}.about-text strong[data-v-65ef5ea4]{color:var(--text-heading)}.about-tags-grouped[data-v-65ef5ea4]{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem}.tag-group[data-v-65ef5ea4]{display:flex;flex-direction:column;gap:.5rem}.tag-group-title[data-v-65ef5ea4]{font-size:.8rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.2rem}.about-tags[data-v-65ef5ea4]{display:flex;flex-wrap:wrap;gap:.6rem}.tag[data-v-65ef5ea4]{background:var(--tag-bg);color:var(--accent-color);padding:.4rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;display:inline-flex;align-items:center;gap:.5rem}.tag-icon-svg[data-v-65ef5ea4]{width:22px;height:22px;object-fit:contain}.about-card[data-v-65ef5ea4]{background:var(--card-bg-solid);border:1px solid var(--border-solid);border-radius:16px;padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.card-item[data-v-65ef5ea4]{display:flex;gap:1rem}.card-icon[data-v-65ef5ea4]{width:40px;height:40px;background:var(--badge-bg);border:1px solid var(--badge-border);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.card-label[data-v-65ef5ea4]{font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px}.card-value[data-v-65ef5ea4]{font-size:.9rem;font-weight:600;color:var(--text-heading)}.exp-grid[data-v-65ef5ea4]{background:var(--card-bg-solid);border:1px solid var(--border-solid);border-radius:16px;padding:2.5rem;display:flex;flex-direction:column;gap:2rem}.exp-header[data-v-65ef5ea4]{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-solid)}.exp-company[data-v-65ef5ea4]{display:flex;align-items:center;gap:1rem}.exp-logo[data-v-65ef5ea4]{width:50px;height:50px;background:linear-gradient(135deg,var(--accent-hover),var(--accent-color));border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.2rem;color:#fff;flex-shrink:0}.exp-name[data-v-65ef5ea4]{font-size:1.25rem;font-weight:700;color:var(--text-heading);margin-bottom:.25rem}.exp-role[data-v-65ef5ea4]{color:var(--text-muted);font-size:.9rem;font-weight:500}.exp-repo-btn[data-v-65ef5ea4]{display:inline-flex;align-items:center;gap:.25rem;font-size:.85rem;font-weight:600;color:var(--accent-color);text-decoration:none;padding:.5rem 1rem;border:1px solid var(--accent-color);border-radius:8px;transition:background .2s,border-color .2s,color .2s;opacity:.8}.exp-repo-btn[data-v-65ef5ea4]:hover{background:var(--tag-bg);opacity:1;border-color:var(--accent-color)}.exp-repo-btn.site-btn[data-v-65ef5ea4]{background:var(--accent-color);color:#fff;border-color:var(--accent-color);opacity:1}.exp-repo-btn.site-btn[data-v-65ef5ea4]:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#fff}.exp-context p[data-v-65ef5ea4]{color:var(--text-main);font-size:1rem;line-height:1.7}.exp-missions[data-v-65ef5ea4]{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.exp-mission-col h4[data-v-65ef5ea4]{font-size:1rem;font-weight:600;color:var(--text-heading);margin-bottom:1rem}.exp-mission-col ul[data-v-65ef5ea4]{list-style:none}.exp-mission-col li[data-v-65ef5ea4]{color:var(--text-muted);font-size:.9rem;line-height:1.6;margin-bottom:.75rem;padding-left:1.25rem;position:relative}.exp-mission-col li[data-v-65ef5ea4]:before{content:"→";position:absolute;left:0;color:var(--accent-color);font-weight:700}.exp-tags[data-v-65ef5ea4]{display:flex;flex-wrap:wrap;gap:.5rem;padding-top:1.5rem;border-top:1px solid var(--border-solid)}.skills-grid[data-v-65ef5ea4]{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.skill-category[data-v-65ef5ea4]{background:var(--card-bg-solid);border:1px solid var(--border-solid);border-radius:16px;padding:1.75rem}.skill-cat-header[data-v-65ef5ea4]{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.skill-cat-header h3[data-v-65ef5ea4]{font-size:1.1rem;font-weight:600;color:var(--text-heading)}.skill-badges[data-v-65ef5ea4]{display:flex;flex-wrap:wrap;gap:.5rem}.badge[data-v-65ef5ea4]{background:var(--badge-bg);border:1px solid var(--badge-border);color:var(--text-main);padding:.4rem .8rem;border-radius:8px;font-size:.85rem;font-weight:500;display:inline-flex;align-items:center;gap:.5rem}.badge-icon-svg[data-v-65ef5ea4]{width:22px;height:22px;object-fit:contain}.projects-grid[data-v-65ef5ea4]{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.project-card[data-v-65ef5ea4]{background:var(--card-bg-solid);border:1px solid var(--border-solid);border-radius:16px;padding:2rem;display:flex;flex-direction:column;position:relative;overflow:hidden}.project-accent[data-v-65ef5ea4]{position:absolute;top:0;left:0;width:100%;height:4px}.project-meta[data-v-65ef5ea4]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.project-type[data-v-65ef5ea4]{font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.project-title[data-v-65ef5ea4]{font-size:1.25rem;font-weight:700;color:var(--text-heading);margin-bottom:.75rem}.project-desc[data-v-65ef5ea4]{color:var(--text-muted);font-size:.9rem;line-height:1.7;margin-bottom:1.25rem;flex:1}.project-desc a[data-v-65ef5ea4]{color:var(--accent-color);text-decoration:none;border-bottom:1px solid var(--border-color);transition:border-color .2s}.project-desc a[data-v-65ef5ea4]:hover{border-color:var(--accent-color)}.project-footer[data-v-65ef5ea4]{display:flex;align-items:flex-end;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.project-tags[data-v-65ef5ea4]{display:flex;flex-wrap:wrap;gap:.4rem;flex:1}.project-tag[data-v-65ef5ea4]{background:var(--badge-bg);border:1px solid var(--badge-border);color:var(--text-muted);padding:.2rem .6rem;border-radius:4px;font-size:.75rem;font-weight:500}.project-link[data-v-65ef5ea4]{display:inline-flex;align-items:center;gap:.25rem;font-size:.78rem;font-weight:600;color:var(--accent-color);text-decoration:none;white-space:nowrap;padding:.25rem .65rem;border:1px solid var(--accent-color);opacity:.8;border-radius:6px;transition:background .2s,border-color .2s,color .2s;flex-shrink:0}.project-link[data-v-65ef5ea4]:hover{background:var(--tag-bg);opacity:1;border-color:var(--accent-color)}.project-link.site-btn[data-v-65ef5ea4]{background:var(--accent-color);color:#fff;border-color:var(--accent-color);opacity:1}.project-link.site-btn[data-v-65ef5ea4]:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#fff}.contact-intro[data-v-65ef5ea4]{font-size:1.1rem;color:var(--text-main);max-width:500px;margin-bottom:2rem;line-height:1.6}.contact-cards[data-v-65ef5ea4]{display:flex;gap:1.5rem}.contact-card[data-v-65ef5ea4]{display:flex;align-items:center;gap:1rem;background:var(--card-bg-solid);border:1px solid var(--border-solid);border-radius:16px;padding:1.25rem 1.5rem;text-decoration:none;transition:.3s;width:100%;max-width:320px}.contact-card[data-v-65ef5ea4]:hover{border-color:var(--accent-color);transform:translateY(-3px)}.contact-icon[data-v-65ef5ea4]{font-size:1.5rem}.contact-label[data-v-65ef5ea4]{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:3px}.contact-value[data-v-65ef5ea4]{font-size:1rem;font-weight:600;color:var(--text-heading)}footer[data-v-65ef5ea4]{margin-top:3rem;border-top:1px solid var(--border-solid);padding-top:2rem}.footer-inner[data-v-65ef5ea4]{display:flex;justify-content:space-between;align-items:center}.footer-logo[data-v-65ef5ea4]{font-size:1.25rem;font-weight:800;color:var(--accent-color)}.footer-copy[data-v-65ef5ea4]{color:var(--text-muted);font-size:.85rem;margin-bottom:2rem}@media(max-width:1024px){#app-root[data-v-65ef5ea4]{height:auto;overflow:visible}.cards-container[data-v-65ef5ea4]{position:static;width:100%;height:auto;padding-top:0;overflow:visible;background:none}.section-card[data-v-65ef5ea4]{position:static!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;width:100%!important;height:auto!important;min-height:auto!important;transform:none!important;opacity:1!important;pointer-events:auto!important;clip-path:none!important;z-index:auto!important;border:none!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;display:block}.section-card.inactive[data-v-65ef5ea4]{top:auto!important;bottom:auto!important;opacity:1!important}.card-inner-scroll[data-v-65ef5ea4]{height:auto!important;overflow:visible!important;padding:3.5rem 1.25rem;scrollbar-width:none}.card-inner-scroll[data-v-65ef5ea4]::-webkit-scrollbar{display:none}.section-card:not(:first-child) .card-inner-scroll[data-v-65ef5ea4]{border-top:1px solid var(--border-solid);padding-top:3.5rem}.section-card:first-child .card-inner-scroll[data-v-65ef5ea4]{padding-top:calc(70px + 2rem)}.side-tab[data-v-65ef5ea4]{display:none!important}.nav-links[data-v-65ef5ea4]{display:none}.burger[data-v-65ef5ea4]{display:flex}.about-grid[data-v-65ef5ea4],.exp-missions[data-v-65ef5ea4],.skills-grid[data-v-65ef5ea4],.projects-grid[data-v-65ef5ea4]{grid-template-columns:1fr}.hero-name[data-v-65ef5ea4]{font-size:clamp(2rem,9vw,2.8rem)}.hero-title[data-v-65ef5ea4]{font-size:.95rem}.section-title[data-v-65ef5ea4]{font-size:1.8rem;margin-bottom:2rem}.contact-cards[data-v-65ef5ea4]{flex-direction:column}.contact-card[data-v-65ef5ea4]{max-width:100%}.exp-repo-btn[data-v-65ef5ea4]{flex:1;justify-content:center}}@media(max-width:480px){.card-inner-scroll[data-v-65ef5ea4]{padding:3rem 1rem}.section-card:first-child .card-inner-scroll[data-v-65ef5ea4]{padding-top:calc(70px + 1.5rem)}.hero-name[data-v-65ef5ea4]{font-size:clamp(1.8rem,10vw,2.4rem)}.btn-primary[data-v-65ef5ea4],.btn-outline[data-v-65ef5ea4]{padding:.7rem 1.1rem;font-size:.9rem}}
