.navbar[data-v-da07bfd7]{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--navbar-height);transition:all var(--transition-base)}.navbar.scrolled[data-v-da07bfd7]{background:#0d0f14d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border);box-shadow:0 4px 24px #0000004d}[data-theme=light] .navbar.scrolled[data-v-da07bfd7]{background:#ffffffd9}.navbar-inner[data-v-da07bfd7]{display:flex;align-items:center;justify-content:space-between;height:100%;gap:var(--space-6)}.navbar-logo[data-v-da07bfd7]{display:flex;align-items:center;gap:var(--space-2);text-decoration:none;flex-shrink:0}.logo-icon[data-v-da07bfd7]{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:700;background:var(--color-accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-text[data-v-da07bfd7]{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:700;color:var(--color-text-primary)}.dot[data-v-da07bfd7]{color:var(--color-accent);-webkit-text-fill-color:var(--color-accent)}.navbar-nav[data-v-da07bfd7]{display:flex;align-items:center;gap:var(--space-1)}.nav-link[data-v-da07bfd7]{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-fast);position:relative}.nav-link[data-v-da07bfd7]:after{content:"";position:absolute;bottom:4px;left:50%;width:0;height:2px;background:var(--color-accent-gradient);border-radius:var(--radius-full);transform:translate(-50%);transition:width var(--transition-base)}.nav-link[data-v-da07bfd7]:hover,.nav-link.active[data-v-da07bfd7]{color:var(--color-text-primary)}.nav-link.active[data-v-da07bfd7]:after,.nav-link[data-v-da07bfd7]:hover:after{width:60%}.navbar-actions[data-v-da07bfd7]{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.theme-toggle[data-v-da07bfd7]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);background:var(--color-bg-glass);border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.theme-toggle[data-v-da07bfd7]:hover{background:var(--color-bg-glass-hover);color:var(--color-accent);border-color:var(--color-border-hover)}.nav-cta[data-v-da07bfd7]{padding:.5rem 1.25rem;font-size:var(--text-sm)}.hamburger[data-v-da07bfd7]{display:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);background:var(--color-bg-glass);border:1px solid var(--color-border);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast)}.hamburger[data-v-da07bfd7]:hover{border-color:var(--color-border-hover);background:var(--color-bg-glass-hover)}.mobile-menu[data-v-da07bfd7]{position:fixed;top:var(--navbar-height);left:0;right:0;bottom:0;background:var(--color-bg-primary);display:flex;flex-direction:column;padding:var(--space-8) var(--space-6);gap:var(--space-4);border-top:1px solid var(--color-border)}.mobile-menu nav[data-v-da07bfd7]{display:flex;flex-direction:column;gap:var(--space-2);flex:1}.mobile-nav-link[data-v-da07bfd7]{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-4);font-size:var(--text-lg);font-weight:600;color:var(--color-text-secondary);border-radius:var(--radius-lg);text-decoration:none;border:1px solid transparent;transition:all var(--transition-fast)}.mobile-nav-link[data-v-da07bfd7]:hover{color:var(--color-text-primary);background:var(--color-bg-glass);border-color:var(--color-border)}.mobile-cta[data-v-da07bfd7]{justify-content:center;padding:1rem;font-size:var(--text-base)}.mobile-menu-enter-active[data-v-da07bfd7],.mobile-menu-leave-active[data-v-da07bfd7]{transition:opacity .25s ease,transform .25s ease}.mobile-menu-enter-from[data-v-da07bfd7],.mobile-menu-leave-to[data-v-da07bfd7]{opacity:0;transform:translateY(-10px)}@media (max-width: 768px){.navbar-nav[data-v-da07bfd7],.nav-cta[data-v-da07bfd7]{display:none}.hamburger[data-v-da07bfd7]{display:flex}}@media (max-width: 480px){.logo-text[data-v-da07bfd7]{display:none}.navbar-inner[data-v-da07bfd7]{padding-left:var(--space-4);padding-right:var(--space-4);gap:var(--space-3)}}.footer[data-v-02a6b4fc]{background:var(--color-bg-secondary);border-top:1px solid var(--color-border)}.footer-inner[data-v-02a6b4fc]{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);padding-top:var(--space-12);padding-bottom:var(--space-12);flex-wrap:wrap}.footer-brand[data-v-02a6b4fc]{display:flex;flex-direction:column;gap:var(--space-3)}.footer-logo[data-v-02a6b4fc]{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-heading);font-size:var(--text-xl);font-weight:800;color:var(--color-text-primary);text-decoration:none}.logo-icon[data-v-02a6b4fc]{font-family:var(--font-mono);background:var(--color-accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dot[data-v-02a6b4fc]{color:var(--color-accent);-webkit-text-fill-color:var(--color-accent)}.footer-tagline[data-v-02a6b4fc]{font-size:var(--text-sm);color:var(--color-text-muted)}.heart[data-v-02a6b4fc]{color:#ef4444;animation:pulse-02a6b4fc 1.5s ease-in-out infinite;display:inline-block}@keyframes pulse-02a6b4fc{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.footer-nav[data-v-02a6b4fc]{display:flex;gap:var(--space-6);flex-wrap:wrap}.footer-link[data-v-02a6b4fc]{font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast)}.footer-link[data-v-02a6b4fc]:hover{color:var(--color-accent)}.footer-socials[data-v-02a6b4fc]{display:flex;gap:var(--space-3)}.footer-social[data-v-02a6b4fc]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);background:var(--color-bg-glass);border:1px solid var(--color-border);color:var(--color-text-secondary);text-decoration:none;transition:all var(--transition-base)}.footer-social[data-v-02a6b4fc]:hover{color:var(--color-accent);border-color:var(--color-border-hover);background:#6366f11a;transform:translateY(-3px)}.footer-bottom[data-v-02a6b4fc]{border-top:1px solid var(--color-border)}.footer-bottom-inner[data-v-02a6b4fc]{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-4);padding-bottom:var(--space-4);flex-wrap:wrap;gap:var(--space-4)}.copyright[data-v-02a6b4fc]{font-size:var(--text-sm);color:var(--color-text-muted)}.footer-status[data-v-02a6b4fc]{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:#10b981;font-weight:600}.status-dot[data-v-02a6b4fc]{width:8px;height:8px;background:#10b981;border-radius:50%;animation:blink-02a6b4fc 1.5s ease-in-out infinite}@keyframes blink-02a6b4fc{0%,to{opacity:1}50%{opacity:.3}}@media (max-width: 768px){.footer-inner[data-v-02a6b4fc]{flex-direction:column;text-align:center}.footer-nav[data-v-02a6b4fc],.footer-socials[data-v-02a6b4fc]{justify-content:center}.footer-bottom-inner[data-v-02a6b4fc]{justify-content:center;flex-direction:column;text-align:center}}.hero-section[data-v-36fe8c3c]{min-height:100vh;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;padding-top:calc(var(--navbar-height) + var(--space-8));padding-bottom:0}.blob[data-v-36fe8c3c]{position:absolute;border-radius:50%;filter:blur(80px);opacity:.15;animation:blob 10s ease-in-out infinite;pointer-events:none}.blob-1[data-v-36fe8c3c]{width:600px;height:600px;background:var(--color-accent);top:-200px;right:-100px;animation-delay:0s}.blob-2[data-v-36fe8c3c]{width:400px;height:400px;background:var(--color-accent-secondary);bottom:-100px;left:-100px;animation-delay:-3s}.blob-3[data-v-36fe8c3c]{width:300px;height:300px;background:#06b6d4;top:50%;left:30%;animation-delay:-6s;opacity:.08}.noise-overlay[data-v-36fe8c3c]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.04;pointer-events:none}.hero-container[data-v-36fe8c3c]{display:flex;flex-direction:column;justify-content:center;flex-grow:1}.hero-content-cell[data-v-36fe8c3c]{padding:var(--space-12) var(--space-8);display:flex;flex-direction:column;justify-content:center;gap:var(--space-6)}.hero-visual-cell[data-v-36fe8c3c]{padding:var(--space-12) var(--space-8);display:flex;align-items:center;justify-content:center}.hero-badge[data-v-36fe8c3c]{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:#10b9811a;border:1px solid rgba(16,185,129,.5);border-radius:0;font-size:var(--text-sm);font-weight:600;color:#10b981;width:fit-content}.badge-dot[data-v-36fe8c3c]{width:8px;height:8px;background:#10b981;border-radius:50%;animation:pulseGlow-36fe8c3c 2s ease-in-out infinite;box-shadow:0 0 #10b98180}@keyframes pulseGlow-36fe8c3c{0%,to{box-shadow:0 0 #10b98166}50%{box-shadow:0 0 0 8px #10b98100}}.hero-title[data-v-36fe8c3c]{font-size:clamp(var(--text-4xl),6vw,4.5rem);font-weight:900;line-height:1.1;letter-spacing:-.02em}.typewriter-wrapper[data-v-36fe8c3c]{font-family:var(--font-heading);font-size:clamp(var(--text-xl),3vw,var(--text-3xl));font-weight:600;color:var(--color-text-secondary);min-height:2.5rem;display:flex;align-items:center}.typewriter-prefix[data-v-36fe8c3c]{margin-right:.3em}.typewriter-text[data-v-36fe8c3c]{color:var(--color-accent-hover)}.cursor[data-v-36fe8c3c]{display:inline-block;margin-left:2px;animation:blink .8s step-end infinite;color:var(--color-accent)}.hero-description[data-v-36fe8c3c]{font-size:var(--text-lg);line-height:1.8;color:var(--color-text-secondary);max-width:500px}.hero-description strong[data-v-36fe8c3c]{color:var(--color-text-primary);font-weight:600}.hero-ctas[data-v-36fe8c3c]{display:flex;align-items:stretch;width:100%;margin-top:var(--space-4);margin-bottom:var(--space-4);border:1px solid var(--color-border);overflow:hidden}.hero-ctas .btn-primary[data-v-36fe8c3c],.hero-ctas .btn-outline[data-v-36fe8c3c]{flex:1;justify-content:center;border:none;border-radius:0;padding:var(--space-4) 0}.hero-ctas .btn-primary[data-v-36fe8c3c]{border-right:1px solid var(--color-accent)}.hero-ctas .btn-outline[data-v-36fe8c3c]{border-right:none}.hero-socials[data-v-36fe8c3c]{display:flex;align-items:center;gap:var(--space-3)}.social-link[data-v-36fe8c3c]{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:0;background:var(--color-bg-glass);border:1px solid var(--color-border);color:var(--color-text-secondary);transition:all var(--transition-base);text-decoration:none}.social-link[data-v-36fe8c3c]:hover{color:var(--color-accent);border-color:var(--color-border-hover);background:#6366f11a;transform:translateY(-3px);box-shadow:0 8px 20px #6366f133}.avatar-wrapper[data-v-36fe8c3c]{position:relative;width:380px;height:380px}.avatar-ring[data-v-36fe8c3c]{position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;border-radius:50%;background:var(--color-accent-gradient);opacity:.25;animation:spin 12s linear infinite}.avatar-ring[data-v-36fe8c3c]:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;background:var(--color-bg-primary)}.avatar-ring-2[data-v-36fe8c3c]{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:2px dashed rgba(99,102,241,.3);animation:spin 20s linear infinite reverse}.avatar-container[data-v-36fe8c3c]{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;overflow:hidden;background:var(--color-bg-card);border:3px solid var(--color-accent);box-shadow:var(--shadow-glow-lg),var(--shadow-lg)}.avatar-img[data-v-36fe8c3c]{width:100%;height:100%;object-fit:cover}.floating-badge[data-v-36fe8c3c]{position:absolute;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:600;color:var(--color-text-primary);box-shadow:var(--shadow-card);white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.badge-vue[data-v-36fe8c3c]{bottom:20px;left:-20px}.badge-exp[data-v-36fe8c3c]{top:20px;right:-30px}.badge-proj[data-v-36fe8c3c]{bottom:80px;right:-40px}.scroll-indicator[data-v-36fe8c3c]{position:absolute;bottom:var(--space-8);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--text-xs);text-decoration:none;letter-spacing:.1em;text-transform:uppercase;animation:float 2.5s ease-in-out infinite;transition:color var(--transition-fast);z-index:10}.scroll-indicator[data-v-36fe8c3c]:hover{color:var(--color-accent)}.scroll-mouse[data-v-36fe8c3c]{width:24px;height:40px;border:2px solid currentColor;border-radius:var(--radius-full);display:flex;justify-content:center;padding-top:6px}.scroll-wheel[data-v-36fe8c3c]{width:4px;height:8px;background:currentColor;border-radius:var(--radius-full);animation:float 1.5s ease-in-out infinite}@media (max-width: 1024px){.hero-content-cell[data-v-36fe8c3c],.hero-visual-cell[data-v-36fe8c3c]{grid-column:span 2!important;text-align:center}.hero-content-cell[data-v-36fe8c3c]{align-items:center}.hero-description[data-v-36fe8c3c]{max-width:100%}.hero-ctas[data-v-36fe8c3c]{max-width:380px}.avatar-wrapper[data-v-36fe8c3c]{width:260px;height:260px}.badge-vue[data-v-36fe8c3c]{left:-10px}.badge-exp[data-v-36fe8c3c]{right:-10px}.badge-proj[data-v-36fe8c3c]{display:none}}@media (max-width: 600px){.hero-content-cell[data-v-36fe8c3c],.hero-visual-cell[data-v-36fe8c3c]{grid-column:span 1!important;text-align:center}.hero-content-cell[data-v-36fe8c3c]{align-items:center;padding:var(--space-10) var(--space-4)}.hero-visual-cell[data-v-36fe8c3c]{padding:var(--space-6) var(--space-4)}.hero-ctas[data-v-36fe8c3c]{max-width:100%}.hero-description[data-v-36fe8c3c]{font-size:var(--text-base)}.avatar-wrapper[data-v-36fe8c3c]{width:220px;height:220px}.badge-vue[data-v-36fe8c3c]{left:0}.badge-exp[data-v-36fe8c3c]{right:0}}@media (max-width: 420px){.hero-ctas[data-v-36fe8c3c]{flex-direction:column}.hero-ctas .btn-primary[data-v-36fe8c3c]{border-right:none;border-bottom:1px solid var(--color-accent)}.avatar-wrapper[data-v-36fe8c3c]{width:180px;height:180px}}.about-section[data-v-49bb90dc]{background:var(--color-bg-secondary);position:relative;overflow:hidden;padding-bottom:0}.about-section[data-v-49bb90dc]:before{content:"";position:absolute;top:-200px;left:-200px;width:500px;height:500px;background:radial-gradient(circle,rgba(99,102,241,.06) 0%,transparent 70%);pointer-events:none}.about-content-cell[data-v-49bb90dc]{padding:var(--space-8);grid-row:span 3;display:flex;flex-direction:column;justify-content:center;gap:var(--space-6)}.section-tag[data-v-49bb90dc]{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent);background:#6366f11a;border:1px solid rgba(99,102,241,.2);padding:var(--space-2) var(--space-4);border-radius:0;width:fit-content}.about-title[data-v-49bb90dc]{font-size:clamp(var(--text-2xl),4vw,var(--text-4xl));font-weight:800;line-height:1.2;letter-spacing:-.01em}.about-paragraphs[data-v-49bb90dc]{display:flex;flex-direction:column;gap:var(--space-4)}.about-paragraphs p[data-v-49bb90dc]{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.8}.about-paragraphs strong[data-v-49bb90dc]{color:var(--color-text-primary);font-weight:600}.about-actions[data-v-49bb90dc]{display:flex;gap:var(--space-4);flex-wrap:wrap}.stat-cell[data-v-49bb90dc]{padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--space-3);cursor:default}.stat-icon[data-v-49bb90dc]{width:52px;height:52px;border-radius:0;background:#6366f11f;display:flex;align-items:center;justify-content:center;color:var(--color-accent);flex-shrink:0;transition:all var(--transition-base)}.stat-cell:hover .stat-icon[data-v-49bb90dc]{background:#6366f133;transform:scale(1.1)}.stat-value[data-v-49bb90dc]{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:800;background:var(--color-accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.stat-label[data-v-49bb90dc]{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:500;margin-top:var(--space-1)}.code-snippet-cell[data-v-49bb90dc]{padding:0;overflow:hidden;cursor:default}.code-header[data-v-49bb90dc]{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:#ffffff08;border-bottom:1px solid var(--color-border)}.dot[data-v-49bb90dc]{width:12px;height:12px;border-radius:0}.dot.red[data-v-49bb90dc]{background:#ef4444}.dot.yellow[data-v-49bb90dc]{background:#f59e0b}.dot.green[data-v-49bb90dc]{background:#10b981}.code-title[data-v-49bb90dc]{margin-left:auto;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}.code-body[data-v-49bb90dc]{padding:var(--space-4);font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.8;overflow-x:auto;margin:0}.vscode-cursor[data-v-49bb90dc]{display:inline-block;width:2px;height:1.4em;background-color:var(--color-accent);margin-left:2px;animation:blink-49bb90dc 1s step-end infinite}@keyframes blink-49bb90dc{0%,to{opacity:1}50%{opacity:0}}@media (max-width: 1024px){.about-content-cell[data-v-49bb90dc]{grid-row:span 1}}@media (max-width: 480px){.about-actions[data-v-49bb90dc]{flex-direction:column}.btn-primary[data-v-49bb90dc],.btn-outline[data-v-49bb90dc]{justify-content:center}}.skills-section[data-v-bab58e66]{background:var(--color-bg-primary)}.category-tabs[data-v-bab58e66]{display:flex;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-12);flex-wrap:wrap}.tab-btn[data-v-bab58e66]{display:inline-flex;align-items:center;gap:var(--space-2);padding:.6rem 1.4rem;border-radius:0;font-size:var(--text-sm);font-weight:600;border:1px solid var(--color-border);background:var(--color-bg-glass);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-base)}.tab-btn[data-v-bab58e66]:hover{border-color:var(--color-border-hover);color:var(--color-text-primary);background:var(--color-bg-glass-hover)}.tab-btn.active[data-v-bab58e66]{background:var(--color-accent-gradient);border-color:transparent;color:#fff;box-shadow:0 4px 16px #6366f159}.skills-section[data-v-bab58e66]{padding-top:0}.skills-grid[data-v-bab58e66]{margin-bottom:var(--space-16)}.skills-header-cell[data-v-bab58e66]{padding:var(--space-8) var(--space-4);display:flex;flex-direction:column;align-items:center;gap:var(--space-8);border-top:none}.skill-card[data-v-bab58e66]{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);transition:background var(--transition-base)}.skill-card[data-v-bab58e66]:hover{background:var(--color-bg-glass)}.skill-header[data-v-bab58e66]{display:flex;align-items:center;justify-content:space-between}.skill-name-wrapper[data-v-bab58e66]{display:flex;align-items:center;gap:var(--space-2)}.skill-icon[data-v-bab58e66]{width:20px;height:20px;object-fit:contain}.skill-name[data-v-bab58e66]{font-weight:600;font-size:var(--text-base);color:var(--color-text-primary)}.skill-level[data-v-bab58e66]{font-size:var(--text-xs);font-weight:700;text-transform:capitalize;letter-spacing:.05em}.skill-bar-track[data-v-bab58e66]{height:8px;background:#ffffff0f;border-radius:0;overflow:hidden}.skill-bar-fill[data-v-bab58e66]{height:100%;border-radius:0;width:0%;transition:width 1.2s cubic-bezier(.4,0,.2,1)}.skill-bar-fill.animated[data-v-bab58e66]{width:var(--progress, 0%)}.skill-pct[data-v-bab58e66]{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:600;font-family:var(--font-mono);text-align:right}.skill-list-enter-active[data-v-bab58e66],.skill-list-leave-active[data-v-bab58e66]{transition:all .35s ease}.skill-list-enter-from[data-v-bab58e66],.skill-list-leave-to[data-v-bab58e66]{opacity:0;transform:scale(.98)}.tech-marquee[data-v-bab58e66]{overflow:hidden;position:relative;padding:var(--space-4) 0}.tech-marquee[data-v-bab58e66]:before,.tech-marquee[data-v-bab58e66]:after{content:"";position:absolute;top:0;bottom:0;width:80px;z-index:2}.tech-marquee[data-v-bab58e66]:before{left:0;background:linear-gradient(to right,var(--color-bg-primary),transparent)}.tech-marquee[data-v-bab58e66]:after{right:0;background:linear-gradient(to left,var(--color-bg-primary),transparent)}.marquee-track[data-v-bab58e66]{display:flex;gap:var(--space-4);width:max-content;animation:marquee-bab58e66 25s linear infinite}@keyframes marquee-bab58e66{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-item[data-v-bab58e66]{flex-shrink:0;font-size:var(--text-sm);padding:var(--space-2) var(--space-4)}@media (max-width: 640px){.skills-inner[data-v-bab58e66]{grid-template-columns:1fr}}.experience-section[data-v-dc190756]{background:var(--color-bg-secondary);padding-top:0;padding-bottom:0}.experience-header-cell[data-v-dc190756]{padding:var(--space-8) var(--space-4);display:flex;flex-direction:column;align-items:center}.experience-content-cell[data-v-dc190756]{padding:var(--space-8)}.timeline[data-v-dc190756]{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:0}.timeline-item[data-v-dc190756]{display:grid;grid-template-columns:56px 1fr;gap:var(--space-6);position:relative}.timeline-connector[data-v-dc190756]{display:flex;flex-direction:column;align-items:center;gap:0}.timeline-dot[data-v-dc190756]{width:48px;height:48px;border-radius:0;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:2px solid var(--color-border);background:var(--color-bg-card);transition:all var(--transition-base);z-index:1}.timeline-dot.work[data-v-dc190756]{color:var(--color-accent);border-color:#6366f166}.timeline-dot.education[data-v-dc190756]{color:#10b981;border-color:#10b98166}.timeline-dot.freelance[data-v-dc190756]{color:#f59e0b;border-color:#f59e0b66}.timeline-item:hover .timeline-dot[data-v-dc190756]{transform:scale(1.1);box-shadow:var(--shadow-glow)}.timeline-line[data-v-dc190756]{width:2px;flex:1;background:linear-gradient(to bottom,var(--color-border),transparent);margin-top:var(--space-2);margin-bottom:var(--space-2)}.timeline-card[data-v-dc190756]{padding:var(--space-6);margin-bottom:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.card-header[data-v-dc190756]{display:flex;flex-direction:column;gap:var(--space-3)}.card-meta[data-v-dc190756]{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.exp-type-badge[data-v-dc190756]{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:2px 10px;border-radius:0}.exp-type-badge.work[data-v-dc190756]{background:#6366f11f;color:var(--color-accent-hover)}.exp-type-badge.education[data-v-dc190756]{background:#10b9811f;color:#10b981}.exp-type-badge.freelance[data-v-dc190756]{background:#f59e0b1f;color:#f59e0b}.exp-date[data-v-dc190756]{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--color-text-muted);font-family:var(--font-mono)}.card-title-row[data-v-dc190756]{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.exp-position[data-v-dc190756]{font-size:var(--text-xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-1)}.exp-company[data-v-dc190756]{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--color-text-secondary)}.current-badge[data-v-dc190756]{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:#10b9811a;border:1px solid rgba(16,185,129,.25);border-radius:0;font-size:var(--text-xs);font-weight:700;color:#10b981;white-space:nowrap;flex-shrink:0}.current-dot[data-v-dc190756]{width:6px;height:6px;background:#10b981;border-radius:0;animation:pulse-dc190756 1.5s ease-in-out infinite}@keyframes pulse-dc190756{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}.exp-description[data-v-dc190756]{display:flex;flex-direction:column;gap:var(--space-2);padding-left:0}.exp-description li[data-v-dc190756]{display:flex;align-items:flex-start;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6}.exp-description li[data-v-dc190756] :first-child{color:var(--color-accent);flex-shrink:0;margin-top:3px}.tech-stack[data-v-dc190756]{display:flex;flex-wrap:wrap;gap:var(--space-2)}@media (max-width: 640px){.timeline-item[data-v-dc190756]{grid-template-columns:40px 1fr;gap:var(--space-3)}.timeline-dot[data-v-dc190756]{width:36px;height:36px}.timeline-card[data-v-dc190756]{padding:var(--space-4);margin-bottom:var(--space-4);gap:var(--space-3)}.card-title-row[data-v-dc190756]{flex-direction:column;gap:var(--space-2)}}.projects-section[data-v-b9119323]{background:var(--color-bg-primary);padding-top:0;padding-bottom:0}.projects-header-cell[data-v-b9119323]{padding:var(--space-8) var(--space-4);display:flex;flex-direction:column;align-items:center}.projects-content-cell[data-v-b9119323]{padding:var(--space-8)}.filter-tabs[data-v-b9119323]{display:flex;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-12);flex-wrap:wrap}.filter-btn[data-v-b9119323]{display:inline-flex;align-items:center;gap:var(--space-2);padding:.5rem 1.2rem;border-radius:0;font-size:var(--text-sm);font-weight:600;border:1px solid var(--color-border);background:var(--color-bg-glass);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-base)}.filter-btn[data-v-b9119323]:hover{border-color:var(--color-border-hover);color:var(--color-text-primary)}.filter-btn.active[data-v-b9119323]{background:var(--color-accent-gradient);border-color:transparent;color:#fff;box-shadow:0 4px 16px #6366f159}.filter-count[data-v-b9119323]{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:0;font-size:11px;background:#ffffff26}.filter-btn.active .filter-count[data-v-b9119323]{background:#ffffff40}.projects-grid[data-v-b9119323]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.proj-list-enter-active[data-v-b9119323],.proj-list-leave-active[data-v-b9119323]{transition:all .4s ease}.proj-list-enter-from[data-v-b9119323],.proj-list-leave-to[data-v-b9119323]{opacity:0;transform:scale(.9)}.proj-list-move[data-v-b9119323]{transition:transform .4s ease}.project-card[data-v-b9119323]{display:flex;flex-direction:column;overflow:hidden;padding:0;height:100%}.project-thumb[data-v-b9119323]{position:relative;overflow:hidden;aspect-ratio:16 / 9;flex-shrink:0}.project-thumb img[data-v-b9119323]{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.project-card:hover .project-thumb img[data-v-b9119323]{transform:scale(1.06)}.thumb-overlay[data-v-b9119323]{position:absolute;top:0;right:0;bottom:0;left:0;background:#0d0f14d1;display:flex;align-items:center;justify-content:center;gap:var(--space-3);opacity:0;transition:opacity var(--transition-base);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.project-card:hover .thumb-overlay[data-v-b9119323]{opacity:1}.overlay-btn[data-v-b9119323]{display:inline-flex;align-items:center;gap:var(--space-2);padding:.6rem 1.2rem;border-radius:0;font-size:var(--text-sm);font-weight:600;background:var(--color-accent-gradient);color:#fff;text-decoration:none;transition:transform var(--transition-fast);transform:translateY(8px)}.project-card:hover .overlay-btn[data-v-b9119323]{transform:translateY(0)}.overlay-btn.outline[data-v-b9119323]{background:transparent;border:1px solid rgba(255,255,255,.3);transition:all var(--transition-fast);transition-delay:50ms}.overlay-btn.outline[data-v-b9119323]:hover{background:#ffffff1a}.featured-ribbon[data-v-b9119323]{position:absolute;top:var(--space-3);left:var(--space-3);display:flex;align-items:center;gap:4px;padding:4px 10px;background:var(--color-accent-gradient);border-radius:0;font-size:11px;font-weight:700;color:#fff;box-shadow:0 2px 10px #6366f166}.project-body[data-v-b9119323]{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);flex:1}.project-title[data-v-b9119323]{font-size:var(--text-lg);font-weight:700;color:var(--color-text-primary)}.project-desc[data-v-b9119323]{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.7;flex:1}.project-tags[data-v-b9119323]{display:flex;flex-wrap:wrap;gap:var(--space-2)}.project-links[data-v-b9119323]{display:flex;gap:var(--space-4);padding-top:var(--space-2);border-top:1px solid var(--color-border)}.project-link[data-v-b9119323]{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast)}.project-link[data-v-b9119323]:hover{color:var(--color-accent)}.empty-state[data-v-b9119323]{text-align:center;padding:var(--space-16);color:var(--color-text-muted);display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}@media (max-width: 1024px){.projects-grid[data-v-b9119323]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.projects-grid[data-v-b9119323]{grid-template-columns:1fr}}.contact-section[data-v-57ac0f51]{background:var(--color-bg-secondary);padding-top:0}.contact-header-cell[data-v-57ac0f51]{padding:var(--space-8) var(--space-4);display:flex;flex-direction:column;align-items:center}.contact-content-cell[data-v-57ac0f51]{padding:var(--space-8)}.contact-grid[data-v-57ac0f51]{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:start}.contact-info[data-v-57ac0f51]{display:flex;flex-direction:column;gap:var(--space-8)}.info-title[data-v-57ac0f51]{font-size:clamp(var(--text-2xl),3.5vw,var(--text-4xl));font-weight:800;line-height:1.2}.info-desc[data-v-57ac0f51]{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.8}.contact-methods[data-v-57ac0f51]{display:flex;flex-direction:column;gap:var(--space-3)}.contact-method[data-v-57ac0f51]{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--color-bg-glass);border:1px solid var(--color-border);border-radius:0;text-decoration:none;transition:all var(--transition-base);group:true}.contact-method[data-v-57ac0f51]:hover{border-color:var(--color-border-hover);background:var(--color-bg-glass-hover);transform:translate(4px)}.method-icon[data-v-57ac0f51]{width:48px;height:48px;border-radius:0;background:#6366f11f;display:flex;align-items:center;justify-content:center;color:var(--color-accent);flex-shrink:0;transition:background var(--transition-fast)}.contact-method:hover .method-icon[data-v-57ac0f51]{background:#6366f133}.method-info[data-v-57ac0f51]{flex:1;display:flex;flex-direction:column;gap:2px}.method-label[data-v-57ac0f51]{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.08em}.method-value[data-v-57ac0f51]{font-size:var(--text-sm);color:var(--color-text-primary);font-weight:500}.method-arrow[data-v-57ac0f51]{color:var(--color-text-muted);transition:all var(--transition-fast)}.contact-method:hover .method-arrow[data-v-57ac0f51]{color:var(--color-accent);transform:translate(4px)}.social-label[data-v-57ac0f51]{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-3)}.social-row[data-v-57ac0f51]{display:flex;gap:var(--space-3);flex-wrap:wrap}.social-pill[data-v-57ac0f51]{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-bg-glass);border:1px solid var(--color-border);border-radius:0;font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary);text-decoration:none;transition:all var(--transition-base)}.social-pill[data-v-57ac0f51]:hover{border-color:var(--color-border-hover);color:var(--color-accent);background:#6366f114}.contact-form[data-v-57ac0f51]{padding:var(--space-8);display:flex;flex-direction:column;gap:var(--space-5);cursor:auto}.contact-form[data-v-57ac0f51]:hover{transform:none}.form-title[data-v-57ac0f51]{font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-2)}.form-row[data-v-57ac0f51]{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.form-group[data-v-57ac0f51]{display:flex;flex-direction:column;gap:var(--space-2)}label[data-v-57ac0f51]{font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary)}.input-wrapper[data-v-57ac0f51]{position:relative}.input-icon[data-v-57ac0f51]{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}input[data-v-57ac0f51],textarea[data-v-57ac0f51]{width:100%;padding:.75rem 1rem .75rem 2.75rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:0;color:var(--color-text-primary);font-family:var(--font-body);font-size:var(--text-sm);transition:all var(--transition-fast);outline:none}textarea[data-v-57ac0f51]{padding-left:1rem;resize:vertical}input[data-v-57ac0f51]:focus,textarea[data-v-57ac0f51]:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #6366f126;background:var(--color-bg-card)}input.error[data-v-57ac0f51],textarea.error[data-v-57ac0f51]{border-color:#ef4444}input[data-v-57ac0f51]::placeholder,textarea[data-v-57ac0f51]::placeholder{color:var(--color-text-muted)}.error-msg[data-v-57ac0f51]{font-size:var(--text-xs);color:#ef4444;font-weight:500}.submit-btn[data-v-57ac0f51]{justify-content:center;padding:1rem;font-size:var(--text-base)}.submit-btn[data-v-57ac0f51]:disabled{opacity:.7;cursor:not-allowed}.spinner[data-v-57ac0f51]{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;display:inline-block}.feedback-toast[data-v-57ac0f51]{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-radius:0;font-size:var(--text-sm);font-weight:600}.feedback-toast.success[data-v-57ac0f51]{background:#10b9811f;border:1px solid rgba(16,185,129,.3);color:#10b981}.feedback-toast.error[data-v-57ac0f51]{background:#ef44441f;border:1px solid rgba(239,68,68,.3);color:#ef4444}.feedback-enter-active[data-v-57ac0f51],.feedback-leave-active[data-v-57ac0f51]{transition:all .35s ease}.feedback-enter-from[data-v-57ac0f51],.feedback-leave-to[data-v-57ac0f51]{opacity:0;transform:translateY(-8px)}@media (max-width: 900px){.contact-grid[data-v-57ac0f51]{grid-template-columns:1fr;gap:var(--space-12)}}@media (max-width: 560px){.form-row[data-v-57ac0f51]{grid-template-columns:1fr}.contact-form[data-v-57ac0f51]{padding:var(--space-6)}}.scroll-top-btn[data-v-8da6cd11]{position:fixed;bottom:var(--space-8);right:var(--space-8);width:48px;height:48px;border-radius:50%;background:var(--color-accent-gradient);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:900;box-shadow:0 4px 20px #6366f180;transition:all var(--transition-base);border:none}.scroll-top-btn[data-v-8da6cd11]:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 8px 30px #6366f199}.scroll-top-btn[data-v-8da6cd11]:active{transform:translateY(0) scale(.97)}.scroll-top-enter-active[data-v-8da6cd11],.scroll-top-leave-active[data-v-8da6cd11]{transition:all .35s cubic-bezier(.34,1.56,.64,1)}.scroll-top-enter-from[data-v-8da6cd11],.scroll-top-leave-to[data-v-8da6cd11]{opacity:0;transform:translateY(16px) scale(.8)}@media (max-width: 480px){.scroll-top-btn[data-v-8da6cd11]{bottom:var(--space-6);right:var(--space-4);width:42px;height:42px}}:root{--color-bg-primary: #0d0f14;--color-bg-secondary: #13161d;--color-bg-card: #1a1e28;--color-bg-glass: rgba(255, 255, 255, .04);--color-bg-glass-hover: rgba(255, 255, 255, .08);--color-accent: #6366f1;--color-accent-hover: #818cf8;--color-accent-secondary: #8b5cf6;--color-accent-gradient: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--color-accent-glow: rgba(99, 102, 241, .25);--color-text-primary: #f1f5f9;--color-text-secondary: #94a3b8;--color-text-muted: #475569;--color-border: rgba(255, 255, 255, .08);--color-border-hover: rgba(99, 102, 241, .5);--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--navbar-height: 72px;--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "Fira Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: .375rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-2xl: 2rem;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-card: 0 4px 24px rgba(0, 0, 0, .35);--shadow-glow: 0 0 40px rgba(99, 102, 241, .2);--shadow-glow-lg: 0 0 80px rgba(99, 102, 241, .15);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1)}[data-theme=light]{--color-bg-primary: #ffffff;--color-bg-secondary: #f8fafc;--color-bg-card: #ffffff;--color-bg-glass: rgba(0, 0, 0, .03);--color-bg-glass-hover: rgba(0, 0, 0, .06);--color-text-primary: #0f172a;--color-text-secondary: #475569;--color-text-muted: #94a3b8;--color-border: rgba(0, 0, 0, .08);--color-border-hover: rgba(99, 102, 241, .4);--shadow-card: 0 4px 24px rgba(0, 0, 0, .1);--shadow-glow: 0 0 40px rgba(99, 102, 241, .12)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes blob{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30%}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #6366f14d}50%{box-shadow:0 0 50px #6366f199}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes progressFill{0%{width:0%}to{width:var(--progress, 0%)}}@keyframes growWidth{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.animate-fade-up{animation:fadeInUp .6s ease forwards}.animate-fade-in{animation:fadeIn .5s ease forwards}.animate-float{animation:float 4s ease-in-out infinite}.animate-blob{animation:blob 8s ease-in-out infinite}.animate-pulse-glow{animation:pulseGlow 2s ease-in-out infinite}.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transform:translate(-30px);transition:opacity .7s ease,transform .7s ease}.reveal-left.visible{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transform:translate(30px);transition:opacity .7s ease,transform .7s ease}.reveal-right.visible{opacity:1;transform:translate(0)}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}.delay-4{transition-delay:.4s}.delay-5{transition-delay:.5s}.delay-6{transition-delay:.6s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:var(--navbar-height);font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body{font-family:var(--font-body);background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.6;overflow-x:hidden;transition:background-color var(--transition-base),color var(--transition-base)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-accent);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-accent-hover)}::selection{background:#6366f14d;color:var(--color-text-primary)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:var(--radius-sm)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2;color:var(--color-text-primary)}p{color:var(--color-text-secondary);line-height:1.7}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-hover)}img{max-width:100%;display:block}button{cursor:pointer;font-family:var(--font-body);border:none;background:none}ul,ol{list-style:none}.container{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:var(--space-6);padding-right:var(--space-6)}.section{padding-top:var(--space-24);padding-bottom:var(--space-24)}@media (max-width: 768px){.section{padding-top:var(--space-16);padding-bottom:var(--space-16)}}@media (max-width: 480px){.section{padding-top:var(--space-12);padding-bottom:var(--space-12)}}.section-heading{text-align:center;margin-bottom:var(--space-16)}@media (max-width: 768px){.section-heading{margin-bottom:var(--space-12)}}@media (max-width: 480px){.section-heading{margin-bottom:var(--space-8)}}.section-heading .tag{display:inline-block;font-size:var(--text-sm);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent);background:#6366f11f;border:1px solid rgba(99,102,241,.25);padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);margin-bottom:var(--space-4)}.section-heading h2{font-size:clamp(var(--text-3xl),5vw,var(--text-5xl));font-weight:800;margin-bottom:var(--space-4);background:var(--color-accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-heading p{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:580px;margin:0 auto}.gradient-text{background:var(--color-accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn-primary{display:inline-flex;align-items:center;gap:var(--space-2);padding:.75rem 1.75rem;background:var(--color-accent-gradient);color:#fff;font-weight:600;font-size:var(--text-base);border-radius:0;border:1px solid var(--color-accent);cursor:pointer;transition:all var(--transition-base);box-shadow:0 4px 20px #6366f159;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.15),transparent);opacity:0;transition:opacity var(--transition-fast)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #6366f180}.btn-primary:hover:before{opacity:1}.btn-primary:active{transform:translateY(0)}.btn-outline{display:inline-flex;align-items:center;gap:var(--space-2);padding:.75rem 1.75rem;background:transparent;color:var(--color-text-primary);font-weight:600;font-size:var(--text-base);border-radius:0;border:1px solid var(--color-border);cursor:pointer;transition:all var(--transition-base)}.btn-outline:hover{border-color:var(--color-border-hover);background:#6366f11a;transform:translateY(-2px);color:var(--color-text-primary)}.tilt-card{position:relative;overflow:hidden}.bento-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(260px,auto);gap:var(--space-6);grid-auto-flow:dense}.bento-large{grid-column:span 2;grid-row:span 2}.bento-wide{grid-column:span 2;grid-row:span 1}.bento-tall{grid-column:span 1;grid-row:span 2}.bento-small{grid-column:span 1;grid-row:span 1}@media (max-width: 1024px){.bento-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:auto}}@media (max-width: 600px){.bento-grid{grid-template-columns:1fr;grid-auto-rows:auto}.bento-large,.bento-wide,.bento-tall,.bento-small{grid-column:span 1!important;grid-row:span 1!important}}.dashed-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px dashed var(--color-border);border-left:1px dashed var(--color-border);width:100%;position:relative}.dashed-grid:before{content:"";position:absolute;top:-1px;left:-50vw;right:-50vw;border-top:1px dashed var(--color-border);z-index:-1;pointer-events:none}.dashed-grid-continue{border-top:none}.dashed-grid-continue:before{display:none}.dashed-cell{border-right:1px dashed var(--color-border);border-bottom:1px dashed var(--color-border);background:transparent;position:relative;transition:background var(--transition-base)}.dashed-cell:after{content:"";position:absolute;bottom:-1px;left:-50vw;right:-50vw;border-bottom:1px dashed var(--color-border);z-index:-1;pointer-events:none}.dashed-span-2{grid-column:span 2}.dashed-span-3{grid-column:span 3}.dashed-span-4{grid-column:span 4}@media (max-width: 1024px){.dashed-grid{grid-template-columns:repeat(2,1fr)}.dashed-span-2,.dashed-span-3,.dashed-span-4{grid-column:span 2}}@media (max-width: 600px){.dashed-grid{grid-template-columns:1fr}.dashed-span-2,.dashed-span-3,.dashed-span-4{grid-column:span 1}}.glass-card{background:var(--color-bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:0;transition:all var(--transition-base);position:relative}.glass-card:before,.glass-card:after{content:"";position:absolute;left:-50vw;right:-50vw;z-index:-1;pointer-events:none}.glass-card:before{top:-1px;border-top:1px solid var(--color-border)}.glass-card:after{bottom:-1px;border-bottom:1px solid var(--color-border)}.glass-card:hover{border-color:var(--color-border-hover);background:var(--color-bg-glass-hover)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:.25rem .75rem;border-radius:0;font-size:var(--text-xs);font-weight:600;background:#6366f11f;color:var(--color-accent-hover);border:1px solid rgba(99,102,241,.5)}.divider{height:1px;background:var(--color-border);margin:var(--space-8) 0}.scroll-progress{position:fixed;top:0;left:0;width:var(--scroll-progress, 0%);height:3px;background:var(--color-accent-gradient);z-index:9999;transition:width .1s linear}.scroll-progress{position:fixed;top:0;left:0;height:3px;background:var(--color-accent-gradient);z-index:9999;transition:width .1s linear;border-radius:0 2px 2px 0}
