@import"https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=Space+Mono:wght@400;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}.portfolio-app[data-v-5f742bec]{--bg-dark: #0a0a0a;--app-bg: #0a0a0a;--bg-card: #141414;--nav-bg: rgba(30, 30, 30, .9);--nav-border: rgba(255, 255, 255, .1);--hover-bg: rgba(255, 255, 255, .1);--card-border: rgba(255, 255, 255, .1);--item-border: rgba(255, 255, 255, .05);--border-dashed: rgba(255, 255, 255, .1);--accent-orange: #ff6b35;--accent-lime: #c8ff00;--accent-purple: #a855f7;--text-primary: #ffffff;--text-secondary: #888888;--text-muted: #555555;font-family:Syne,sans-serif;background:var(--app-bg);color:var(--text-primary);min-height:100vh;overflow-x:hidden;transition:background-color .5s ease,color .5s ease}.portfolio-app.light-mode[data-v-5f742bec]{--app-bg: #f2f4f7;--bg-card: #ffffff;--nav-bg: rgba(255, 255, 255, .8);--nav-border: rgba(0, 0, 0, .1);--hover-bg: rgba(0, 0, 0, .05);--card-border: rgba(0, 0, 0, .1);--item-border: rgba(0, 0, 0, .05);--border-dashed: rgba(0, 0, 0, .1);--text-primary: #1a1a1a;--text-secondary: #555555;--text-muted: #888888}.slide-enter-active[data-v-5f742bec],.slide-leave-active[data-v-5f742bec]{transition:all .5s cubic-bezier(.16,1,.3,1)}.slide-enter-from[data-v-5f742bec]{opacity:0;transform:translate(80px)}.slide-leave-to[data-v-5f742bec]{opacity:0;transform:translate(-80px)}.noise-overlay[data-v-5f742bec]{position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.nav-container[data-v-5f742bec]{position:fixed;top:24px;left:50%;transform:translate(-50%);z-index:1000}.nav-tabs[data-v-5f742bec]{display:flex;gap:8px;background:var(--nav-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:8px;border-radius:50px;border:1px solid var(--nav-border);align-items:center}.nav-tab[data-v-5f742bec]{width:44px;height:44px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.16,1,.3,1);color:var(--text-secondary)}.nav-tab[data-v-5f742bec]:hover{background:var(--hover-bg);color:var(--text-primary)}.nav-tab.active[data-v-5f742bec]{background:var(--text-primary);color:var(--app-bg)}.nav-tab[data-v-5f742bec] svg{width:20px;height:20px}.nav-divider[data-v-5f742bec]{width:1px;height:24px;background:var(--nav-border);margin:0 4px}.app-container[data-v-5f742bec]{display:flex;min-height:100vh;padding:100px 40px 40px;gap:40px;max-width:1400px;margin:0 auto;transition:all .5s cubic-bezier(.16,1,.3,1)}.app-container.reverse-layout[data-v-5f742bec]{flex-direction:row-reverse}.profile-card[data-v-5f742bec]{position:sticky;top:100px;width:340px;height:fit-content;flex-shrink:0;transition:all .5s cubic-bezier(.16,1,.3,1)}.profile-inner[data-v-5f742bec]{background:var(--bg-card);border-radius:24px;padding:24px;position:relative;overflow:hidden}.profile-inner[data-v-5f742bec]:before{content:"";position:absolute;top:-50%;right:-50%;width:200px;height:200px;border:2px dashed var(--accent-orange);border-radius:50%;opacity:.3;animation:rotate-5f742bec 30s linear infinite}@keyframes rotate-5f742bec{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.profile-image[data-v-5f742bec]{width:100%;height:auto;background:linear-gradient(135deg,var(--accent-orange),#ff8c5a);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:80px;font-weight:800;color:var(--bg-dark);position:relative;overflow:hidden}.profile-image img[data-v-5f742bec]{width:100%;height:auto;display:block;object-fit:cover}.profile-image[data-v-5f742bec]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(to top,rgba(0,0,0,.6),transparent)}.profile-name[data-v-5f742bec]{font-size:28px;font-weight:700;text-align:center;margin-bottom:8px;margin-top:20px}.profile-badge[data-v-5f742bec]{display:flex;justify-content:center;margin-bottom:16px}.flame-icon[data-v-5f742bec]{width:32px;height:32px;background:#ff6b3533;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px}.profile-bio[data-v-5f742bec]{text-align:center;color:var(--text-secondary);font-size:14px;line-height:1.6;padding:16px 0;border-top:1px dashed var(--border-dashed)}.social-links[data-v-5f742bec]{display:flex;justify-content:center;gap:12px;margin-top:16px}.social-link[data-v-5f742bec]{width:40px;height:40px;border-radius:12px;background:#ff6b351a;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--accent-orange);transition:all .3s ease;text-decoration:none}.social-link[data-v-5f742bec]:hover{background:var(--accent-orange);color:var(--bg-dark);transform:translateY(-2px)}.social-link[data-v-5f742bec] svg{width:18px;height:18px}.content-area[data-v-5f742bec]{flex:1}.sections-wrapper[data-v-5f742bec]{min-height:600px}.section-title[data-v-5f742bec]{margin-bottom:40px}.section-title .main[data-v-5f742bec]{font-size:clamp(28px,7vw,64px);font-weight:800;text-transform:uppercase;letter-spacing:-2px;line-height:.9}.section-title .sub[data-v-5f742bec]{font-size:clamp(28px,7vw,64px);font-weight:800;text-transform:uppercase;letter-spacing:-2px;line-height:.9;-webkit-text-stroke:2px var(--text-muted);color:transparent}.hero-description[data-v-5f742bec]{color:var(--text-secondary);font-size:16px;line-height:1.8;max-width:500px;margin-bottom:40px}.stats-row[data-v-5f742bec]{display:flex;gap:40px;margin-bottom:40px}.stat-number[data-v-5f742bec]{font-size:48px;font-weight:800;font-family:Space Mono,monospace}.stat-label[data-v-5f742bec]{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.skill-cards[data-v-5f742bec]{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.skill-card[data-v-5f742bec]{padding:24px;border-radius:16px;position:relative;transition:all .4s ease;cursor:pointer}.skill-card[data-v-5f742bec]:hover{transform:translateY(-4px)}.skill-card.orange[data-v-5f742bec]{background:linear-gradient(135deg,var(--accent-orange),#ff8c5a)}.skill-card.lime[data-v-5f742bec]{background:linear-gradient(135deg,var(--accent-lime),#a8d900)}.skill-card.purple[data-v-5f742bec]{background:linear-gradient(135deg,var(--accent-purple),#c084fc)}.skill-card.dark[data-v-5f742bec]{background:var(--bg-card);border:1px solid var(--card-border)}.skill-card[data-v-5f742bec] .skill-icon{display:block;width:40px;height:40px;margin-bottom:16px}.skill-card[data-v-5f742bec] .skill-icon svg{width:100%;height:100%}.skill-card.orange[data-v-5f742bec] .skill-icon,.skill-card.lime[data-v-5f742bec] .skill-icon{color:var(--bg-dark)}.skill-card.purple[data-v-5f742bec] .skill-icon{color:#fff}.skill-card.dark[data-v-5f742bec] .skill-icon{color:var(--accent-orange)}.skill-card h3[data-v-5f742bec]{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--bg-dark)}.skill-card.dark h3[data-v-5f742bec]{color:var(--text-primary)}.skill-card.purple h3[data-v-5f742bec]{color:#fff}.skill-card .arrow[data-v-5f742bec]{position:absolute;bottom:16px;right:16px;width:32px;height:32px;border-radius:8px;background:#0003;display:flex;align-items:center;justify-content:center;color:var(--bg-dark)}.skill-card.dark .arrow[data-v-5f742bec]{background:var(--hover-bg);color:var(--text-primary)}.skill-card.purple .arrow[data-v-5f742bec]{background:#fff3;color:#fff}.projects-list[data-v-5f742bec]{display:flex;flex-direction:column;gap:16px}.project-item[data-v-5f742bec]{display:flex;align-items:center;gap:20px;padding:20px;background:var(--bg-card);border-radius:16px;border:1px solid var(--item-border);transition:all .4s ease;cursor:pointer;animation:fadeInUp-5f742bec .5s ease forwards;opacity:0}@keyframes fadeInUp-5f742bec{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.project-item[data-v-5f742bec]:hover{border-color:var(--accent-orange);transform:translate(8px)}.project-thumb[data-v-5f742bec]{width:100px;height:70px;border-radius:8px;flex-shrink:0;background-color:var(--app-bg);overflow:hidden}.project-thumb img[data-v-5f742bec]{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.project-item:hover .project-thumb img[data-v-5f742bec]{transform:scale(1.1)}.project-info[data-v-5f742bec]{flex:1;min-width:0}.project-info h3[data-v-5f742bec]{font-size:18px;font-weight:600;margin-bottom:4px}.project-info p[data-v-5f742bec]{color:var(--text-secondary);font-size:14px}.project-links[data-v-5f742bec]{display:flex;gap:8px;margin-right:12px}.project-link[data-v-5f742bec]{width:36px;height:36px;border-radius:10px;background:var(--item-border);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .3s ease;text-decoration:none}.project-link[data-v-5f742bec]:hover{background:var(--accent-orange);color:var(--bg-dark);transform:scale(1.1)}.project-link svg[data-v-5f742bec]{width:18px;height:18px}.project-arrow[data-v-5f742bec]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:20px;transition:all .3s ease}.project-item:hover .project-arrow[data-v-5f742bec]{color:var(--accent-orange);transform:translate(4px)}.project-notice[data-v-5f742bec]{background:#ff6b351a;border:1px solid rgba(255,107,53,.3);border-radius:12px;padding:16px;margin-bottom:24px;display:flex;gap:12px;align-items:flex-start;color:var(--text-secondary);font-size:14px;line-height:1.5}.tech-categories[data-v-5f742bec]{display:flex;flex-direction:column;gap:32px}.tech-category h3[data-v-5f742bec]{font-size:14px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:2px;margin-bottom:16px}.tech-grid[data-v-5f742bec]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.tech-item[data-v-5f742bec]{display:flex;align-items:center;gap:16px;padding:16px 20px;background:var(--bg-card);border-radius:12px;border:1px solid var(--item-border);transition:all .3s ease;animation:fadeInUp-5f742bec .5s ease forwards;opacity:0}.tech-item[data-v-5f742bec]:hover{border-color:var(--accent-orange);background:#ff6b350d}.tech-icon[data-v-5f742bec]{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff}.tech-icon.node[data-v-5f742bec]{background:linear-gradient(135deg,#68a063,#3c873a)}.tech-icon.express[data-v-5f742bec]{background:#000}.tech-icon.mongo[data-v-5f742bec]{background:linear-gradient(135deg,#4db33d,#3fa037)}.tech-icon.postgres[data-v-5f742bec]{background:linear-gradient(135deg,#336791,#2f5b8a)}.tech-icon.auth[data-v-5f742bec]{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.tech-icon.javascript[data-v-5f742bec]{background:linear-gradient(135deg,#f7df1e,#e5cd00);color:#000}.tech-icon.typescript[data-v-5f742bec]{background:linear-gradient(135deg,#3178c6,#235a97)}.tech-icon.next[data-v-5f742bec]{background:#000}.tech-icon.vue[data-v-5f742bec]{background:linear-gradient(135deg,#42b883,#35495e)}.tech-icon.react[data-v-5f742bec]{background:linear-gradient(135deg,#61dafb,#21a9d8);color:#000}.tech-icon.tailwind[data-v-5f742bec]{background:linear-gradient(135deg,#38bdf8,#0ea5e9)}.tech-icon.solidity[data-v-5f742bec]{background:linear-gradient(135deg,#363636,#656565)}.tech-icon.foundry[data-v-5f742bec]{background:linear-gradient(135deg,#ff6b35,#ff9f43)}.tech-info h4[data-v-5f742bec]{font-size:16px;font-weight:600;margin-bottom:2px}.tech-info p[data-v-5f742bec]{font-size:12px;color:var(--text-secondary)}.tools-grid[data-v-5f742bec]{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.tool-item[data-v-5f742bec]{display:flex;align-items:center;gap:16px;padding:20px;background:var(--bg-card);border-radius:16px;border:1px solid var(--item-border);transition:all .3s ease;animation:fadeInUp-5f742bec .5s ease forwards;opacity:0}.tool-item[data-v-5f742bec]:hover{transform:translateY(-2px);border-color:var(--card-border)}.tool-icon[data-v-5f742bec]{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#fff}.tool-icon.git[data-v-5f742bec]{background:#f05032}.tool-icon.docker[data-v-5f742bec]{background:#2496ed}.tool-icon.gcloud[data-v-5f742bec]{background:linear-gradient(135deg,#4285f4,#34a853,#fbbc05,#ea4335)}.tool-icon.vscode[data-v-5f742bec]{background:#007acc}.tool-icon.postman[data-v-5f742bec]{background:#ff6c37}.tool-icon.jenkins[data-v-5f742bec]{background:linear-gradient(135deg,#d33833,#ef3d3d)}.tool-info h4[data-v-5f742bec]{font-size:16px;font-weight:600}.tool-info p[data-v-5f742bec]{font-size:13px;color:var(--text-secondary)}.contact-content[data-v-5f742bec]{max-width:600px}.contact-description[data-v-5f742bec]{color:var(--text-secondary);font-size:18px;line-height:1.8;margin-bottom:40px}.contact-methods[data-v-5f742bec]{display:flex;flex-direction:column;gap:16px;margin-bottom:40px}.contact-method[data-v-5f742bec]{display:flex;align-items:center;gap:16px;padding:20px 24px;background:var(--bg-card);border-radius:16px;border:1px solid var(--item-border);transition:all .3s ease;text-decoration:none;color:inherit;animation:fadeInUp-5f742bec .5s ease forwards;opacity:0}.contact-method[data-v-5f742bec]:hover{border-color:var(--accent-orange);transform:translate(8px)}.contact-icon[data-v-5f742bec]{width:48px;height:48px;border-radius:12px;background:#ff6b351a;display:flex;align-items:center;justify-content:center;color:var(--accent-orange);flex-shrink:0}.contact-icon[data-v-5f742bec] svg{width:24px;height:24px}.contact-info[data-v-5f742bec]{flex:1;min-width:0}.contact-info h4[data-v-5f742bec]{font-size:14px;color:var(--text-secondary);margin-bottom:4px}.contact-info p[data-v-5f742bec]{font-size:16px;font-weight:600;word-break:break-word}.cta-button[data-v-5f742bec]{display:inline-flex;align-items:center;gap:12px;padding:16px 32px;background:var(--accent-orange);color:var(--bg-dark);border:none;border-radius:50px;font-size:16px;font-weight:700;font-family:Syne,sans-serif;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.cta-button[data-v-5f742bec]:hover{transform:scale(1.05);box-shadow:0 10px 40px #ff6b354d}@media(max-width:1024px){.app-container[data-v-5f742bec]{flex-direction:column;padding:100px 20px 40px}.app-container.reverse-layout[data-v-5f742bec]{flex-direction:column}.app-container.reverse-layout .profile-card[data-v-5f742bec]{order:2}.app-container.reverse-layout .content-area[data-v-5f742bec]{order:1}.profile-card[data-v-5f742bec]{position:relative;top:0;width:100%;max-width:400px;margin:0 auto}.skill-cards[data-v-5f742bec],.tech-grid[data-v-5f742bec],.tools-grid[data-v-5f742bec]{grid-template-columns:1fr}.stats-row[data-v-5f742bec]{flex-wrap:wrap;gap:24px}.contact-method[data-v-5f742bec]{padding:16px}.project-item[data-v-5f742bec]{flex-direction:column;align-items:flex-start}.project-thumb[data-v-5f742bec]{width:100%;height:140px}}