@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-primary:#fafafa;--bg-dark:#09090b;--bg-card:#fff;--bg-card-dark:#18181b;--bg-card-hover:#f5f5f5;--color-accent:#2563eb;--color-accent-light:#3b82f6;--color-cyan:#06b6d4;--color-purple:#7c3aed;--color-green:#10b981;--color-pink:#ec4899;--color-gold:#f59e0b;--text-primary:#09090b;--text-secondary:#3f3f46;--text-muted:#71717a;--text-on-dark:#fafafa;--text-on-dark-secondary:#a1a1aa;--text-on-dark-muted:#71717a;--border-light:#e4e4e7;--border-dark:#27272a;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 12px #0000000f;--shadow-lg:0 12px 40px #00000014;--shadow-dark:0 4px 20px #0000004d;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:96px;--font-heading:"Space Grotesk", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--duration-fast:.15s;--duration-normal:.3s;--duration-slow:.5s;--z-content:1;--z-nav:100}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse-glow{0%,to{opacity:.6}50%{opacity:1}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes border-glow{0%,to{border-color:#00d4ff33}50%{border-color:#00d4ff80}}@keyframes breathe{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}@keyframes scroll-indicator{0%{opacity:1;transform:translateY(0)}50%{opacity:.5;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes typing-cursor{0%,to{border-right-color:var(--color-accent)}50%{border-right-color:#0000}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes rotate-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.reveal{opacity:0;transition:opacity .6s var(--ease-out), transform .6s var(--ease-out);transform:translateY(30px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.reveal-delay-5{transition-delay:.5s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}ul,ol{list-style:none}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#d4d4d8;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a1a1aa}::selection{color:#09090b;background:#2563eb33}.section-light{background:var(--bg-primary);color:var(--text-primary)}.section-dark{background:var(--bg-dark);color:var(--text-on-dark)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}}.typewriter[data-v-4263c816]{align-items:center;display:inline-flex}.text[data-v-4263c816]{color:var(--color-accent)}.cursor[data-v-4263c816]{color:var(--color-accent);margin-left:2px;font-weight:300;animation:.8s step-end infinite typing-cursor}.hero[data-v-48743693]{background:var(--bg-primary);min-height:100vh;z-index:var(--z-content);flex-direction:column;justify-content:center;align-items:center;padding:120px 24px 80px;display:flex;position:relative;overflow:hidden}.hero[data-v-48743693]:before{content:"";pointer-events:none;background:radial-gradient(circle,#2563eb0f 0%,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:-200px;right:-200px}.hero[data-v-48743693]:after{content:"";pointer-events:none;background:radial-gradient(circle,#7c3aed0a 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;bottom:-150px;left:-150px}.hero__content[data-v-48743693]{text-align:center;max-width:800px;animation:fade-in-up .8s var(--ease-out) both}.hero__badge[data-v-48743693]{color:var(--color-accent);background:#2563eb0f;border:1px solid #2563eb1f;border-radius:100px;align-items:center;gap:8px;margin-bottom:32px;padding:6px 16px;font-size:13px;font-weight:500;display:inline-flex}.hero__badge-dot[data-v-48743693]{background:var(--color-green);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse-glow}.hero__name[data-v-48743693]{margin-bottom:24px}.hero__name-main[data-v-48743693]{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.03em;font-size:clamp(56px,12vw,120px);font-weight:700;line-height:1;display:block}.hero__name-sub[data-v-48743693]{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:2px;margin-top:12px;font-size:clamp(16px,2.5vw,22px);font-weight:400;display:block}.hero__subtitle[data-v-48743693]{font-family:var(--font-mono);min-height:1.6em;color:var(--color-accent);margin-bottom:24px;font-size:clamp(15px,2vw,18px)}.hero__desc[data-v-48743693]{color:var(--text-secondary);max-width:520px;margin-bottom:40px;margin-left:auto;margin-right:auto;font-size:17px;line-height:1.8}.hero__actions[data-v-48743693]{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.hero__btn[data-v-48743693]{border-radius:var(--radius-md);transition:all var(--duration-normal) var(--ease-out);cursor:pointer;align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:600;display:inline-flex}.hero__btn--primary[data-v-48743693]{background:var(--text-primary);color:#fff}.hero__btn--primary[data-v-48743693]:hover{background:#27272a;transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.hero__btn--secondary[data-v-48743693]{border:1.5px solid var(--border-light);color:var(--text-primary)}.hero__btn--secondary[data-v-48743693]:hover{border-color:var(--text-primary);transform:translateY(-2px)}.hero__scroll[data-v-48743693]{font-family:var(--font-mono);letter-spacing:2px;color:var(--text-muted);flex-direction:column;align-items:center;gap:8px;font-size:11px;animation:2s ease-in-out infinite scroll-indicator;display:flex;position:absolute;bottom:40px}.hero__scroll-line[data-v-48743693]{background:linear-gradient(to bottom, var(--text-muted), transparent);width:1px;height:40px}@media (width<=768px){.hero[data-v-48743693]{padding:100px 20px 80px}.hero__actions[data-v-48743693]{flex-direction:column;align-items:center}.hero__btn[data-v-48743693]{justify-content:center;width:100%;max-width:260px}}.section-title[data-v-f626ffb4]{text-align:center;margin-bottom:64px}.section-title__label[data-v-f626ffb4]{font-family:var(--font-mono);color:var(--color-accent);text-transform:uppercase;letter-spacing:3px;margin-bottom:16px;font-size:13px;font-weight:500;display:inline-block}.section-title__text[data-v-f626ffb4]{font-family:var(--font-heading);color:var(--text-primary);font-size:clamp(28px,5vw,42px);font-weight:700;line-height:1.2}.section-title--dark .section-title__label[data-v-f626ffb4]{color:var(--color-accent-light)}.section-title--dark .section-title__text[data-v-f626ffb4]{color:var(--text-on-dark)}.skill-tag[data-v-38bcf409]{font-size:13px;font-family:var(--font-mono);color:var(--tag-color);background:color-mix(in srgb, var(--tag-color) 8%, #fff);border:1px solid color-mix(in srgb, var(--tag-color) 15%, #e4e4e7);transition:transform var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);cursor:default;border-radius:100px;align-items:center;padding:5px 14px;font-weight:500;display:inline-flex}.skill-tag[data-v-38bcf409]:hover{box-shadow:0 2px 12px color-mix(in srgb, var(--tag-color) 20%, transparent);transform:scale(1.05)}.skill-tag--dark[data-v-38bcf409]{background:color-mix(in srgb, var(--tag-color) 12%, transparent);border-color:color-mix(in srgb, var(--tag-color) 20%, #27272a)}.skill-tag--dark[data-v-38bcf409]:hover{box-shadow:0 2px 16px color-mix(in srgb, var(--tag-color) 25%, transparent)}.eye[data-v-c8100d5e]{background:#d4d4d8;border-radius:50%;flex-shrink:0;position:relative;overflow:hidden}.eye--dark[data-v-c8100d5e]{background:#fbf0dc}.eye__pupil[data-v-c8100d5e]{background:#000;border-radius:50%;position:absolute;top:50%;left:50%}.eyes[data-v-db50505c]{flex-direction:row;justify-content:center;align-items:center;gap:6px;display:flex}.about[data-v-5f8d9bcd]{padding:var(--space-4xl) 24px}.about__inner[data-v-5f8d9bcd]{max-width:900px;margin:0 auto}.about__grid[data-v-5f8d9bcd]{gap:var(--space-3xl);display:grid}.about__intro[data-v-5f8d9bcd]{align-items:flex-start;gap:48px;display:flex}.about__avatar[data-v-5f8d9bcd]{flex-shrink:0;width:100px;height:100px;position:relative}.about__avatar-ring[data-v-5f8d9bcd]{background:linear-gradient(135deg, var(--color-accent), var(--color-purple)) border-box;-webkit-mask-composite:xor;border:2px solid #0000;border-radius:50%;animation:8s linear infinite rotate-slow;position:absolute;inset:-4px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.about__avatar-inner[data-v-5f8d9bcd]{width:100%;height:100%;font-family:var(--font-heading);color:var(--color-accent-light);background:#2563eb26;border-radius:50%;justify-content:center;align-items:center;font-size:36px;font-weight:700;display:flex}.about__text[data-v-5f8d9bcd]{flex-direction:column;gap:16px;display:flex}.about__text p[data-v-5f8d9bcd]{color:var(--text-on-dark-secondary);font-size:16px;line-height:1.8}.highlight[data-v-5f8d9bcd]{color:var(--color-accent-light);font-weight:500}.about__skills-title[data-v-5f8d9bcd]{font-family:var(--font-heading);margin-bottom:24px;font-size:20px;font-weight:600}.about__skills[data-v-5f8d9bcd]{position:relative}.about__skills-body[data-v-5f8d9bcd]{align-items:flex-start;display:flex}.about__eyes[data-v-5f8d9bcd]{position:absolute;top:140px;right:-60px}.about__skills-grid[data-v-5f8d9bcd]{flex-direction:column;gap:24px;display:flex}.skill-group__name[data-v-5f8d9bcd]{font-family:var(--font-mono);color:var(--text-on-dark-muted);text-transform:uppercase;letter-spacing:2px;margin-bottom:10px;font-size:12px;font-weight:500}.skill-group__tags[data-v-5f8d9bcd]{flex-wrap:wrap;gap:8px;display:flex}@media (width<=768px){.about__intro[data-v-5f8d9bcd]{text-align:center;flex-direction:column;align-items:center}.about__skills-body[data-v-5f8d9bcd]{flex-direction:column;align-items:center}.about__eyes[data-v-5f8d9bcd]{display:none}}.tools[data-v-4135d6e6]{padding:var(--space-4xl) 24px}.tools__inner[data-v-4135d6e6]{max-width:1000px;margin:0 auto}.tools__grid[data-v-4135d6e6]{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.tool-card[data-v-4135d6e6]{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);min-height:220px;transition:all var(--duration-normal) var(--ease-out);flex-direction:column;gap:16px;padding:28px;display:flex}.tool-card[data-v-4135d6e6]:hover{border-color:var(--text-muted);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.tool-card__header[data-v-4135d6e6]{justify-content:space-between;align-items:flex-start;display:flex}.tool-card__icon[data-v-4135d6e6]{border-radius:var(--radius-md);width:44px;height:44px;color:var(--color-accent);background:#2563eb0f;justify-content:center;align-items:center;display:flex}.tool-card__links[data-v-4135d6e6]{gap:8px;display:flex}.tool-card__link[data-v-4135d6e6]{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--text-muted);transition:all var(--duration-fast) var(--ease-out);justify-content:center;align-items:center;display:flex}.tool-card__link[data-v-4135d6e6]:hover{color:var(--text-primary);background:#0000000a}.tool-card__name[data-v-4135d6e6]{font-family:var(--font-heading);font-size:20px;font-weight:600}.tool-card__desc[data-v-4135d6e6]{color:var(--text-secondary);flex:1;font-size:14px;line-height:1.7}.tool-card__tags[data-v-4135d6e6]{flex-wrap:wrap;gap:6px;display:flex}.tool-card__tag[data-v-4135d6e6]{font-family:var(--font-mono);background:var(--bg-primary);border:1px solid var(--border-light);color:var(--text-muted);border-radius:100px;padding:4px 10px;font-size:11px}@media (width<=768px){.tools__grid[data-v-4135d6e6]{grid-template-columns:1fr}}.tools__more[data-v-4135d6e6]{justify-content:center;margin-top:32px;display:flex}.tools__more-btn[data-v-4135d6e6]{color:var(--color-accent);border:1px solid var(--color-accent);transition:all var(--duration-fast) var(--ease-out);border-radius:100px;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.tools__more-btn[data-v-4135d6e6]:hover{background:var(--color-accent);color:#fff}.contact[data-v-ec6d332d]{padding:var(--space-4xl) 24px}.contact__inner[data-v-ec6d332d]{text-align:center;max-width:600px;margin:0 auto}.contact__desc[data-v-ec6d332d]{color:var(--text-on-dark-secondary);margin-bottom:48px;font-size:17px;line-height:1.8}.contact__links[data-v-ec6d332d]{flex-direction:column;gap:12px;margin-bottom:48px;display:flex}.contact__link[data-v-ec6d332d]{border-radius:var(--radius-md);border:1px solid var(--border-dark);transition:all var(--duration-normal) var(--ease-out);text-align:left;background:#ffffff05;align-items:center;gap:16px;padding:18px 24px;display:flex}.contact__link[data-v-ec6d332d]:hover{border-color:var(--color-accent);background:#2563eb0f;transform:translate(4px)}.contact__link-icon[data-v-ec6d332d]{color:var(--text-on-dark-secondary);flex-shrink:0;display:flex}.contact__link:hover .contact__link-icon[data-v-ec6d332d]{color:var(--color-accent-light)}.contact__link-info[data-v-ec6d332d]{flex-direction:column;flex:1;gap:2px;display:flex}.contact__link-label[data-v-ec6d332d]{color:var(--text-on-dark);font-size:15px;font-weight:600}.contact__link-value[data-v-ec6d332d]{color:var(--text-on-dark-muted);font-size:13px;font-family:var(--font-mono)}.contact__link-arrow[data-v-ec6d332d]{color:var(--text-on-dark-muted);transition:transform var(--duration-fast) var(--ease-out);flex-shrink:0}.contact__link:hover .contact__link-arrow[data-v-ec6d332d]{color:var(--color-accent-light);transform:translate(4px)}.contact__email-btn[data-v-ec6d332d]{border-radius:var(--radius-md);color:var(--bg-dark);transition:all var(--duration-normal) var(--ease-out);background:#fff;align-items:center;gap:10px;padding:16px 36px;font-size:16px;font-weight:600;display:inline-flex}.contact__email-btn[data-v-ec6d332d]:hover{transform:translateY(-2px);box-shadow:0 8px 30px #ffffff26}@media (width<=768px){.contact__link[data-v-ec6d332d]{text-align:center;flex-direction:column;gap:10px}}.app[data-v-127f16b5]{min-height:100vh;position:relative}.nav[data-v-127f16b5]{z-index:var(--z-nav);transition:all var(--duration-normal) var(--ease-out);justify-content:space-between;align-items:center;padding:20px 40px;display:flex;position:fixed;top:0;left:0;right:0}.nav--scrolled[data-v-127f16b5]{-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-light);background:#fafafad9;padding:14px 40px}.nav__logo[data-v-127f16b5]{font-family:var(--font-mono);color:var(--text-primary);align-items:center;gap:2px;font-size:18px;font-weight:600;display:flex}.nav__logo-bracket[data-v-127f16b5]{color:var(--color-accent)}.nav__links[data-v-127f16b5]{gap:36px;display:flex}.nav__link[data-v-127f16b5]{color:var(--text-muted);transition:color var(--duration-fast) var(--ease-out);font-size:14px;font-weight:500;position:relative}.nav__link[data-v-127f16b5]:after{content:"";background:var(--color-accent);width:0;height:2px;transition:width var(--duration-normal) var(--ease-out);border-radius:1px;position:absolute;bottom:-4px;left:0}.nav__link[data-v-127f16b5]:hover{color:var(--text-primary)}.nav__link[data-v-127f16b5]:hover:after{width:100%}.footer[data-v-127f16b5]{background:var(--bg-dark);color:var(--text-on-dark);text-align:center;padding:var(--space-3xl) var(--space-lg)}.footer__text[data-v-127f16b5]{color:var(--text-on-dark-secondary);margin-bottom:var(--space-sm);font-size:14px}.footer__heart[data-v-127f16b5]{color:var(--color-pink)}.footer__copy[data-v-127f16b5]{color:var(--text-on-dark-muted);font-size:12px}.footer__icp[data-v-127f16b5]{margin-top:var(--space-sm);color:var(--text-on-dark-muted);font-size:12px}.footer__icp-link[data-v-127f16b5]{color:#749ae3;transition:opacity var(--duration-fast) var(--ease-out);text-decoration:none}.footer__icp-link[data-v-127f16b5]:hover{opacity:.8}.footer__icp-sep[data-v-127f16b5]{width:20px;display:inline-block}@media (width<=768px){.nav[data-v-127f16b5]{padding:14px 20px}.nav__links[data-v-127f16b5]{gap:20px}.nav__link[data-v-127f16b5]{font-size:13px}}