.home[data-v-d8ac8e6d]{margin:0;padding:0;background:#0a0608}.hero[data-v-d8ac8e6d]{position:relative;width:100%;height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;display:block;overflow:hidden;background:#000}.hero-video[data-v-d8ac8e6d]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center bottom;z-index:0;opacity:0;transition:opacity .4s linear;pointer-events:none}.hero-video.active[data-v-d8ac8e6d]{opacity:1;z-index:1}.hero-overlay[data-v-d8ac8e6d]{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse 90% 55% at 50% 32%,rgba(0,0,0,.22) 0%,transparent 70%),linear-gradient(180deg,#0006,#0000001f 28%,#00000005 48%,#0212242e 72%,#0000004d)}.hero-stars[data-v-d8ac8e6d]{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;overflow:hidden}.star[data-v-d8ac8e6d]{position:absolute;border-radius:50%;background:#ffffffd9;box-shadow:0 0 6px #b4dcff8c;opacity:.25;animation:twinkle-d8ac8e6d ease-in-out infinite}.hero-glow[data-v-d8ac8e6d]{position:absolute;z-index:2;left:50%;top:28%;width:min(720px,80vw);height:240px;transform:translate(-50%);pointer-events:none;background:radial-gradient(ellipse at center,rgba(90,170,255,.12) 0%,transparent 68%);filter:blur(8px)}.scroll-hint[data-v-d8ac8e6d]{position:absolute;z-index:3;left:50%;bottom:clamp(18px,3.5vh,32px);transform:translate(-50%);width:28px;height:44px;border:1.5px solid rgba(255,255,255,.4);border-radius:16px;background:transparent;cursor:pointer;padding:0}.scroll-hint span[data-v-d8ac8e6d]{display:block;width:4px;height:8px;margin:10px auto 0;border-radius:2px;background:#ffffffd9;animation:scrollDot-d8ac8e6d 1.6s ease-in-out infinite}.focus[data-v-d8ac8e6d]{background:#fff;color:#0f172a;padding:clamp(56px,9vw,96px) clamp(20px,4vw,32px);border-top:1px solid #eef2f6}.focus-inner[data-v-d8ac8e6d]{max-width:1100px;margin:0 auto}.focus-title[data-v-d8ac8e6d]{font-family:var(--font-sans);font-size:clamp(2rem,5vw,3.25rem);font-weight:700;letter-spacing:-.03em;margin:0 0 .4em;color:#0f172a}.focus-desc[data-v-d8ac8e6d]{font-family:var(--font-sans);font-size:clamp(1.05rem,2vw,1.2rem);color:#64748b;margin:0 0 2rem}.focus-list[data-v-d8ac8e6d]{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;border-top:none}.focus-list li[data-v-d8ac8e6d]{font-family:var(--font-sans);font-size:clamp(1rem,1.6vw,1.15rem);font-weight:600;letter-spacing:-.02em;padding:1.15rem 1.2rem;border:1px solid #e8eef3;border-radius:14px;color:#1e293b;background:#fff;transition:color .2s ease,border-color .2s ease,transform .2s ease}.focus-list li[data-v-d8ac8e6d]:hover{color:#1781b5;border-color:#1781b559;transform:translateY(-2px);padding-left:1.2rem}@keyframes scrollDot-d8ac8e6d{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(10px)}}@keyframes twinkle-d8ac8e6d{0%,to{opacity:.15;transform:scale(.85)}50%{opacity:.9;transform:scale(1.15)}}@media (max-width: 900px){.scroll-hint[data-v-d8ac8e6d]{display:none}.focus-list[data-v-d8ac8e6d]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.focus-list[data-v-d8ac8e6d]{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.scroll-hint span[data-v-d8ac8e6d],.star[data-v-d8ac8e6d]{animation:none}.hero-video[data-v-d8ac8e6d]{transition:none}}.page[data-v-3186fd97]{background:radial-gradient(ellipse 70% 35% at 100% 0%,rgba(23,129,181,.06),transparent 55%),#fff;min-height:calc(100vh - 192px);padding:clamp(40px,6vw,72px) 0 clamp(72px,10vw,120px)}.page-inner[data-v-3186fd97]{max-width:1100px;margin:0 auto;padding:0 clamp(20px,4vw,32px)}.page-head[data-v-3186fd97]{margin-bottom:clamp(36px,5vw,52px);max-width:36rem}.eyebrow[data-v-3186fd97]{margin:0 0 .6rem;font-size:.8rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#1781b5}.page-head h1[data-v-3186fd97]{font-family:var(--font-sans);font-size:clamp(2.25rem,4.5vw,3.25rem);font-weight:700;letter-spacing:-.035em;color:#0f172a;margin:0 0 .45em;line-height:1.1}.lead[data-v-3186fd97]{color:#64748b;margin:0;font-size:clamp(1.05rem,1.6vw,1.2rem);line-height:1.6}.grid[data-v-3186fd97]{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card[data-v-3186fd97]{padding:28px 24px;border:1px solid #e8eef3;border-radius:18px;background:#fff;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.card[data-v-3186fd97]:hover{transform:translateY(-2px);border-color:#1781b54d;box-shadow:0 12px 32px #0f172a0f}.index[data-v-3186fd97]{display:block;margin-bottom:1.1rem;font-size:.85rem;font-weight:700;letter-spacing:.08em;color:#1781b5}.card h2[data-v-3186fd97]{font-family:var(--font-sans);font-size:1.25rem;font-weight:700;letter-spacing:-.02em;color:#0f172a;margin:0 0 .5em}.card p[data-v-3186fd97]{margin:0;color:#64748b;line-height:1.65;font-size:.98rem}.page-cta[data-v-3186fd97]{margin-top:clamp(36px,5vw,52px);padding:clamp(28px,4vw,40px);display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(135deg,#0f4c6e,#1781b5);border-radius:20px;color:#fff}.page-cta h3[data-v-3186fd97]{margin:0 0 .35em;font-size:1.35rem;font-weight:700;letter-spacing:-.02em}.page-cta p[data-v-3186fd97]{margin:0;color:#ffffffc7;font-size:.98rem}.btn-main[data-v-3186fd97]{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 28px;border:none;border-radius:999px;background:#fff;color:#0f4c6e;font-family:var(--font-sans);font-size:.95rem;font-weight:700;cursor:pointer;transition:background .2s ease,transform .2s ease}.btn-main[data-v-3186fd97]:hover{background:#f0f7fb;transform:translateY(-1px)}@media (max-width: 900px){.grid[data-v-3186fd97]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.grid[data-v-3186fd97]{grid-template-columns:1fr}.page-cta[data-v-3186fd97]{flex-direction:column;align-items:flex-start}.btn-main[data-v-3186fd97]{width:100%}}.page[data-v-08529268]{background:radial-gradient(ellipse 80% 40% at 0% 0%,rgba(23,129,181,.06),transparent 55%),#fff;min-height:calc(100vh - 192px);padding:clamp(40px,6vw,72px) 0 clamp(72px,10vw,120px)}.page-inner[data-v-08529268]{max-width:1100px;margin:0 auto;padding:0 clamp(20px,4vw,32px)}.page-head[data-v-08529268]{margin-bottom:clamp(36px,5vw,52px);max-width:36rem}.eyebrow[data-v-08529268]{margin:0 0 .6rem;font-size:.8rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#1781b5}.page-head h1[data-v-08529268]{font-family:var(--font-sans);font-size:clamp(2.25rem,4.5vw,3.25rem);font-weight:700;letter-spacing:-.035em;color:#0f172a;margin:0 0 .45em;line-height:1.1}.lead[data-v-08529268]{color:#64748b;margin:0;font-size:clamp(1.05rem,1.6vw,1.2rem);line-height:1.6}.projects[data-v-08529268]{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.project[data-v-08529268]{display:flex;flex-direction:column;background:#fff;border:1px solid #e8eef3;border-radius:18px;overflow:hidden;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}.project[data-v-08529268]:hover{transform:translateY(-3px);border-color:#1781b547;box-shadow:0 16px 40px #0f172a14}.project-media[data-v-08529268]{position:relative;width:100%;aspect-ratio:16 / 10;overflow:hidden;background:linear-gradient(135deg,#eef5f9,#f8fafc)}.project-media img[data-v-08529268]{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}.project:hover .project-media img[data-v-08529268]{transform:scale(1.04)}.tag[data-v-08529268]{position:absolute;top:14px;left:14px;padding:5px 11px;border-radius:999px;background:#0f172ab8;color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.04em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.project-body[data-v-08529268]{display:flex;flex-direction:column;justify-content:center;padding:22px 22px 24px;gap:0}.project-body h2[data-v-08529268]{font-family:var(--font-sans);font-size:1.3rem;font-weight:700;letter-spacing:-.02em;color:#0f172a;margin:0 0 .45em}.project-body p[data-v-08529268]{margin:0 0 1.1em;color:#64748b;line-height:1.65;font-size:.98rem}.link[data-v-08529268]{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;color:#1781b5;font-weight:600;text-decoration:none;font-size:.95rem;padding:8px 0;transition:gap .2s ease,color .2s ease}.link[data-v-08529268]:hover{color:#136a96;gap:10px}.tip[data-v-08529268]{color:#94a3b8;font-size:.92rem;font-weight:500}@media (max-width: 860px){.projects[data-v-08529268]{grid-template-columns:1fr}}.page[data-v-e5ef505c]{background:radial-gradient(ellipse 60% 40% at 20% 10%,rgba(23,129,181,.07),transparent 55%),#fff;min-height:calc(100vh - 192px);padding:clamp(40px,6vw,72px) 0 clamp(72px,10vw,120px)}.page-inner[data-v-e5ef505c]{max-width:1100px;margin:0 auto;padding:0 clamp(20px,4vw,32px)}.page-head[data-v-e5ef505c]{margin-bottom:clamp(36px,5vw,52px);max-width:36rem}.eyebrow[data-v-e5ef505c]{margin:0 0 .6rem;font-size:.8rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#1781b5}.page-head h1[data-v-e5ef505c]{font-family:var(--font-sans);font-size:clamp(2.25rem,4.5vw,3.25rem);font-weight:700;letter-spacing:-.035em;color:#0f172a;margin:0 0 .45em;line-height:1.1}.lead[data-v-e5ef505c]{color:#64748b;margin:0;font-size:clamp(1.05rem,1.6vw,1.2rem);line-height:1.6}.about[data-v-e5ef505c]{display:grid;grid-template-columns:280px 1fr;gap:clamp(28px,4vw,48px);align-items:center;padding:clamp(28px,4vw,40px);border:1px solid #e8eef3;border-radius:24px;background:#fff;box-shadow:0 12px 40px #0f172a0a}.about-visual[data-v-e5ef505c]{display:flex;flex-direction:column;align-items:center;gap:16px}.avatar[data-v-e5ef505c]{width:168px;height:168px;border-radius:50%;object-fit:cover;border:4px solid #eef5f9;box-shadow:0 8px 28px #1781b526}.status[data-v-e5ef505c]{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:#f0f9f4;color:#166534;font-size:.85rem;font-weight:600}.status i[data-v-e5ef505c]{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px #22c55e33}.about-text h2[data-v-e5ef505c]{font-family:var(--font-sans);font-size:clamp(1.75rem,3vw,2.25rem);font-weight:700;letter-spacing:-.03em;color:#0f172a;margin:0 0 .25em}.role[data-v-e5ef505c]{margin:0 0 1rem;color:#1781b5;font-weight:600;font-size:1rem}.bio[data-v-e5ef505c]{margin:0 0 1.5rem;color:#475569;line-height:1.75;font-size:1.05rem;max-width:34em}.about-text ul[data-v-e5ef505c]{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}.about-text li[data-v-e5ef505c]{padding:8px 14px;background:#f1f5f9;color:#334155;border-radius:999px;font-size:.9rem;font-weight:500}@media (max-width: 720px){.about[data-v-e5ef505c]{grid-template-columns:1fr;text-align:center}.about-text ul[data-v-e5ef505c]{justify-content:center}.bio[data-v-e5ef505c]{margin-left:auto;margin-right:auto}}.toast-overlay[data-v-ccac3ccc]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.toast-container[data-v-ccac3ccc]{background:#fff;border-radius:var(--radius-lg);padding:var(--space-lg);max-width:400px;width:90%;box-shadow:var(--shadow-xl);display:flex;align-items:flex-start;gap:var(--space-md);border:1px solid rgba(0,0,0,.1);position:relative}.toast-container.success[data-v-ccac3ccc]{border-left:4px solid #10b981}.toast-container.error[data-v-ccac3ccc]{border-left:4px solid #ef4444}.toast-container.warning[data-v-ccac3ccc]{border-left:4px solid #f59e0b}.toast-container.info[data-v-ccac3ccc]{border-left:4px solid #3b82f6}.toast-icon[data-v-ccac3ccc]{flex-shrink:0;margin-top:2px}.toast-container.success .toast-icon[data-v-ccac3ccc]{color:#10b981}.toast-container.error .toast-icon[data-v-ccac3ccc]{color:#ef4444}.toast-container.warning .toast-icon[data-v-ccac3ccc]{color:#f59e0b}.toast-container.info .toast-icon[data-v-ccac3ccc]{color:#3b82f6}.toast-content[data-v-ccac3ccc]{flex:1;min-width:0}.toast-title[data-v-ccac3ccc]{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xs)}.toast-message[data-v-ccac3ccc]{font-size:var(--font-size-base);color:var(--text-secondary);line-height:1.5}.toast-close[data-v-ccac3ccc]{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-sm);transition:all var(--transition-base);flex-shrink:0}.toast-close[data-v-ccac3ccc]:hover{background:#0000000d;color:var(--text-primary)}.toast-enter-active[data-v-ccac3ccc],.toast-leave-active[data-v-ccac3ccc]{transition:all .3s ease}.toast-enter-from[data-v-ccac3ccc],.toast-leave-to[data-v-ccac3ccc]{opacity:0;transform:scale(.9) translateY(-20px)}@media (max-width: 480px){.toast-container[data-v-ccac3ccc]{margin:var(--space-md);padding:var(--space-md)}.toast-title[data-v-ccac3ccc]{font-size:var(--font-size-base)}.toast-message[data-v-ccac3ccc]{font-size:var(--font-size-sm)}}.page[data-v-81bd328d]{background:radial-gradient(ellipse 70% 40% at 100% 0%,rgba(23,129,181,.06),transparent 55%),#fff;min-height:calc(100vh - 192px);padding:clamp(40px,6vw,72px) 0 clamp(72px,10vw,120px)}.page-inner[data-v-81bd328d]{max-width:1100px;margin:0 auto;padding:0 clamp(20px,4vw,32px)}.page-head[data-v-81bd328d]{margin-bottom:clamp(36px,5vw,52px);max-width:36rem}.eyebrow[data-v-81bd328d]{margin:0 0 .6rem;font-size:.8rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#1781b5}.page-head h1[data-v-81bd328d]{font-family:var(--font-sans);font-size:clamp(2.25rem,4.5vw,3.25rem);font-weight:700;letter-spacing:-.035em;color:#0f172a;margin:0 0 .45em;line-height:1.1}.lead[data-v-81bd328d]{color:#64748b;margin:0;font-size:clamp(1.05rem,1.6vw,1.2rem);line-height:1.6}.layout[data-v-81bd328d]{display:grid;grid-template-columns:.85fr 1.35fr;gap:24px;align-items:start}.aside[data-v-81bd328d]{padding:28px 26px;border-radius:20px;background:linear-gradient(160deg,#0f4c6e,#1781b5);color:#fff}.aside h2[data-v-81bd328d]{margin:0 0 1.4rem;font-size:1.2rem;font-weight:700;letter-spacing:-.02em}.aside ul[data-v-81bd328d]{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}.aside li[data-v-81bd328d]{display:flex;flex-direction:column;gap:4px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.15)}.aside li[data-v-81bd328d]:last-child{border-bottom:none;padding-bottom:0}.aside span[data-v-81bd328d]{font-size:.8rem;color:#ffffffa6;letter-spacing:.04em}.aside strong[data-v-81bd328d]{font-size:1rem;font-weight:600}.form[data-v-81bd328d]{display:flex;flex-direction:column;gap:16px;padding:28px;border:1px solid #e8eef3;border-radius:20px;background:#fff;box-shadow:0 12px 36px #0f172a0a}.row[data-v-81bd328d]{display:grid;grid-template-columns:1fr 1fr;gap:14px}label[data-v-81bd328d]{display:flex;flex-direction:column;gap:8px}label span[data-v-81bd328d]{font-size:.88rem;font-weight:600;color:#334155}input[data-v-81bd328d],textarea[data-v-81bd328d]{width:100%;padding:13px 14px;border:1px solid #e2e8f0;border-radius:12px;font-size:1rem;font-family:var(--font-sans);background:#f8fafc;color:#0f172a;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}input[data-v-81bd328d]:focus,textarea[data-v-81bd328d]:focus{outline:none;background:#fff;border-color:#1781b5;box-shadow:0 0 0 3px #1781b51f}.btn-main[data-v-81bd328d]{margin-top:4px;min-height:50px;border:none;border-radius:999px;background:#1781b5;color:#fff;font-family:var(--font-sans);font-size:1rem;font-weight:700;cursor:pointer;transition:background .2s ease,transform .2s ease}.btn-main[data-v-81bd328d]:hover:not(:disabled){background:#136a96;transform:translateY(-1px)}.btn-main[data-v-81bd328d]:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 860px){.layout[data-v-81bd328d]{grid-template-columns:1fr}}@media (max-width: 560px){.row[data-v-81bd328d]{grid-template-columns:1fr}.form[data-v-81bd328d]{padding:20px}}.nav[data-v-0480c7fa]{position:fixed!important;top:0;left:0;right:0;z-index:1000;transition:background .35s ease,border-color .35s ease,box-shadow .35s ease}#app[data-v-0480c7fa]{padding-top:72px;min-height:100vh;background:#fff}#app.on-home[data-v-0480c7fa]{padding-top:0;background:#000}#app.on-home .main-content[data-v-0480c7fa]{padding:0}#app .main-content[data-v-0480c7fa]{margin-top:0!important}@media (max-width: 768px){#app.on-home .main-content[data-v-0480c7fa],#app.on-home .main-content.menu-open[data-v-0480c7fa],#app:not(.on-home) .main-content.menu-open[data-v-0480c7fa]{margin-top:0!important;padding-top:0}}.nav .logo[data-v-0480c7fa],.nav .tab[data-v-0480c7fa]{transition:color .25s ease,background .25s ease}.nav-side-slot[data-v-0480c7fa]{display:none}@media (min-width: 769px){.nav-side-slot[data-v-0480c7fa]{display:block;width:96px;height:40px;flex-shrink:0;visibility:hidden;pointer-events:none}}.nav .tab[data-v-0480c7fa]{border:none!important;outline:none!important;box-shadow:none!important}.nav .tab.active[data-v-0480c7fa]{color:#fff!important;background:#1781b5!important;border:none!important;outline:none!important;box-shadow:none!important;transform:none!important;border-radius:999px!important}.nav .tab.active[data-v-0480c7fa]:before,.nav .tab[data-v-0480c7fa]:before,.nav .tab.active[data-v-0480c7fa]:after{display:none!important;content:none!important;opacity:0!important}.nav.nav-over-hero[data-v-0480c7fa]{background:transparent!important;border-bottom-color:transparent!important;box-shadow:none!important;backdrop-filter:none;-webkit-backdrop-filter:none}.nav.nav-over-hero .logo[data-v-0480c7fa]{color:#fff!important}.nav.nav-over-hero .logo[data-v-0480c7fa]:after{display:none!important}.nav.nav-over-hero .tab[data-v-0480c7fa]{color:#ffffffb8!important;background:transparent!important}.nav.nav-over-hero .tab[data-v-0480c7fa]:hover{color:#fff!important;background:transparent!important}.nav.nav-over-hero .tab.active[data-v-0480c7fa]{color:#fff!important;background:#1781b5!important}.nav.nav-over-hero .hamburger span[data-v-0480c7fa]{background:#fff!important}.nav.nav-over-hero.menu-open[data-v-0480c7fa]{background:#0a0608f2!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.nav.nav-over-hero.menu-open .tab[data-v-0480c7fa]{color:#ffffffd9!important;border-radius:0!important;border-bottom:1px solid rgba(255,255,255,.1)!important}.nav.nav-over-hero.menu-open .tab.active[data-v-0480c7fa]{color:#fff!important;background:#1781b5!important;border-radius:999px!important;border-bottom:none!important}:root{--main-blue: #1781b5;--main-blue-dark: #136a96;--main-blue-light: #3b9fc9;--main-blue-lighter: #5eb8e0;--text-primary: #0f172a;--text-secondary: #64748b;--text-tertiary: #94a3b8;--text-inverse: #ffffff;--bg-primary: #ffffff;--bg-secondary: #ffffff;--bg-tertiary: #f8fafc;--bg-overlay: rgba(255, 255, 255, .95);--shadow-xs: 0 1px 2px rgba(15, 23, 42, .04);--shadow-sm: 0 1px 3px rgba(15, 23, 42, .06);--shadow-md: 0 4px 12px rgba(15, 23, 42, .06);--shadow-lg: 0 10px 24px rgba(15, 23, 42, .08);--shadow-xl: 0 20px 40px rgba(15, 23, 42, .08);--gradient-primary: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);--gradient-blue: linear-gradient(135deg, #1781b5 0%, #136a96 100%);--gradient-blue-hover: linear-gradient(135deg, #136a96 0%, #0f5a80 100%);--gradient-overlay: linear-gradient(135deg, rgba(23, 129, 181, .06) 0%, rgba(19, 106, 150, .06) 100%);--space-xs: 8px;--space-sm: 16px;--space-md: 24px;--space-lg: 32px;--space-xl: 40px;--space-2xl: 56px;--space-3xl: 72px;--space-4xl: 88px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--font-sans: "LXGW WenKai Screen", system-ui, serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--transition-fast: .12s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scrollbar-gutter:stable}body{font-family:var(--font-sans);background:#fff;color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden;font-size:var(--font-size-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.page-home{background:#000}body:not(.page-home){background:#fff!important;color:var(--text-primary)}body.dark{--main-blue: #60a5fa;--main-blue-dark: #2563eb;--main-blue-light: #3b82f6;--main-blue-lighter: #93c5fd;--text-primary: #e5e7eb;--text-secondary: #a1a1aa;--text-tertiary: #6b7280;--text-inverse: #18181b;--bg-primary: #18181b;--bg-secondary: #232336;--bg-tertiary: #232336;--bg-overlay: rgba(24,24,27,.95);--shadow-xs: 0 1px 2px rgba(0,0,0,.32);--shadow-sm: 0 1px 3px rgba(0,0,0,.24), 0 1px 2px rgba(0,0,0,.16);--shadow-md: 0 4px 6px rgba(0,0,0,.18), 0 2px 4px rgba(0,0,0,.12);--shadow-lg: 0 10px 15px rgba(0,0,0,.22), 0 4px 6px rgba(0,0,0,.1);--shadow-xl: 0 20px 25px rgba(0,0,0,.28), 0 10px 10px rgba(0,0,0,.1);--gradient-primary: linear-gradient(135deg, #232336 0%, #18181b 100%);--gradient-blue: linear-gradient(135deg, #60a5fa 0%, #2563eb 100%);--gradient-blue-hover: linear-gradient(135deg, #2563eb 0%, #1e40af 100%);--gradient-overlay: linear-gradient(135deg, rgba(96,165,250,.08) 0%, rgba(37,99,235,.08) 100%)}body.dark{background:var(--gradient-primary)!important}body.dark .card,body.dark .form-card,body.dark .about-card,body.dark .feature-card,body.dark .service-card,body.dark .project-card,body.dark .cta-card,body.dark .gradient-about-card,body.dark .gradient-form-card,body.dark .gradient-cta-card{background:var(--bg-secondary)!important;color:var(--text-primary)!important;box-shadow:var(--shadow-xs)!important;border-color:#ffffff0f!important}body.dark .btn,body.dark .btn-secondary{color:var(--text-inverse)!important;background:var(--main-blue)!important;border-color:var(--main-blue-dark)!important}body.dark .btn-secondary{background:var(--bg-tertiary)!important;color:var(--main-blue)!important}body.dark .nav{background:var(--bg-secondary)!important;border-bottom:1px solid rgba(255,255,255,.06)!important;box-shadow:0 2px 8px #0000002e!important}body.dark .logo{color:var(--main-blue)!important}body.dark .tab{color:var(--text-primary)!important}body.dark .tab.active{color:var(--text-inverse)!important;background:var(--main-blue)!important}body.dark .footer{background:var(--bg-secondary)!important;color:var(--text-secondary)!important}body.dark .copyright,body.dark .icp{color:var(--text-tertiary)!important}body.dark .icp a{color:var(--main-blue)!important}body.dark .feature-icon,body.dark .icon-wrapper,body.dark .skill-icon{background:var(--gradient-blue)!important;color:var(--text-inverse)!important}body.dark .project-link.btn{background:var(--main-blue)!important;color:var(--text-inverse)!important}body.dark .project-link.btn:hover{background:var(--main-blue-dark)!important}body.dark .project-tips{background:#60a5fa1a!important;color:var(--main-blue)!important}body.dark .form-group input,body.dark .form-group textarea{background:var(--bg-primary)!important;color:var(--text-primary)!important;border-color:#ffffff1a!important}body.dark .form-group input:focus,body.dark .form-group textarea:focus{border-color:var(--main-blue)!important;background:var(--bg-secondary)!important}body.dark .toast-container{background:var(--bg-secondary)!important;color:var(--text-primary)!important;border-color:#ffffff1a!important}body.dark .toast-close{color:var(--text-secondary)!important}#app{min-height:100vh;display:flex;flex-direction:column}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-xl)}.nav{background:#fff;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.06);position:relative;top:0;z-index:1000;height:72px;min-height:72px;display:flex;flex-direction:column;align-items:stretch;transition:all var(--transition-base);padding:0;box-shadow:0 2px 8px #0000000a}.nav-toggle,.nav-toggle:focus,.nav-toggle:active,.nav-toggle:hover,.hamburger{border:none!important;outline:none!important;box-shadow:none!important;background:transparent!important}.nav-toggle:hover,.nav-toggle:active{background:transparent!important;box-shadow:none}.hamburger{width:28px;height:22px;display:inline-block;position:relative;transition:all .3s}.hamburger span{display:block;position:absolute;height:4px;width:100%;background:var(--main-blue, #2563eb);border-radius:2px;opacity:1;left:0;transition:all .3s}.hamburger span:nth-child(1){top:0}.hamburger span:nth-child(2){top:9px}.hamburger span:nth-child(3){top:18px}.hamburger.open span:nth-child(1){top:9px;transform:rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){top:9px;transform:rotate(-45deg)}.nav-content{display:flex;flex-direction:row;align-items:center;justify-content:space-between;max-width:1080px;margin:0 auto;padding:0 var(--space-lg);width:100%;height:72px;position:relative;gap:32px}.tabs{display:flex;flex-direction:row;align-items:center;gap:12px;list-style:none;height:100%}.nav-actions{display:flex;align-items:center;gap:8px}.logo{display:flex;align-items:center;height:72px;margin-right:8px}.logo{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary);text-decoration:none;letter-spacing:-.5px;transition:all var(--transition-base);position:relative;outline:none}.logo:focus,.logo:active{outline:none;box-shadow:none}.logo:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--gradient-blue);transition:width var(--transition-base)}.logo:hover:after{width:100%}.tab{padding:4px 22px;border-radius:14px;text-decoration:none;color:var(--text-secondary);font-weight:500;font-size:var(--font-size-base);transition:all var(--transition-base);position:relative;overflow:hidden;white-space:nowrap;line-height:1.6;display:flex;align-items:center;height:36px;margin:0}.tab:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gradient-overlay);opacity:0;transition:opacity var(--transition-base);border-radius:var(--radius-lg)}.tab:hover{color:var(--text-primary);transform:translateY(-1px)}.tab:hover:before{opacity:1}.tab.active{color:var(--text-inverse);background:#1781b5;font-weight:600;box-shadow:none;transform:none;border:none;outline:none;border-radius:999px}.tab.active:before{opacity:0}.main-content{flex:1;padding:var(--space-2xl) 0;margin-top:0;transition:margin-top .2s}@media (max-width: 768px){.main-content,.main-content.menu-open{margin-top:0}}.section-title{font-size:var(--font-size-5xl);font-weight:700;text-align:center;margin-bottom:var(--space-lg);color:var(--text-primary);letter-spacing:-1px;line-height:1.1}.section-title:after{content:"";display:block;width:60px;height:3px;background:var(--gradient-blue);margin:var(--space-md) auto 0;border-radius:2px}.section-subtitle{font-size:var(--font-size-xl);color:var(--text-secondary);text-align:center;margin-bottom:var(--space-3xl);line-height:1.6;max-width:600px;margin-left:auto;margin-right:auto}.card{background:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-lg);transition:all var(--transition-base);border:1px solid rgba(0,0,0,.03);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-blue);transform:scaleX(0);transition:transform var(--transition-base)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.card:hover:before{transform:scaleX(1)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:0 28px;background:var(--gradient-blue);color:var(--text-inverse);text-decoration:none;border-radius:var(--radius-lg);font-weight:600;font-size:var(--font-size-base);transition:all var(--transition-base);border:none;cursor:pointer;box-shadow:var(--shadow-sm);letter-spacing:.2px;position:relative;overflow:hidden;white-space:nowrap;min-height:40px;height:40px}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);transition:left var(--transition-slow)}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);background:var(--gradient-blue-hover)}.btn:hover:before{left:100%}.btn:active{transform:translateY(0)}.btn-secondary{background:#2563eb0f;color:var(--text-primary);border:1px solid rgba(37,99,235,.15);min-height:40px;height:40px;font-size:var(--font-size-base);padding:0 28px}.btn-secondary:hover{background:var(--main-blue);color:var(--text-inverse);border-color:var(--main-blue)}.footer{background:linear-gradient(135deg,#f8fafc,#f1f5f9);color:var(--text-secondary);text-align:center;padding:var(--space-xl) 0;margin-top:auto;border-top:1px solid rgba(0,0,0,.06);position:relative}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--gradient-blue);opacity:.2}.footer-content{max-width:1200px;margin:0 auto;padding:0 var(--space-xl)}.footer-info{display:flex;flex-direction:row;gap:var(--space-md);align-items:center;justify-content:center;flex-wrap:wrap}.copyright{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;line-height:1.5}.icp{font-size:var(--font-size-sm);margin:0;line-height:1.5}.icp a{color:var(--text-secondary);text-decoration:none;transition:color var(--transition-base);position:relative}.icp a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--main-blue);transition:width var(--transition-base)}.icp a:hover{color:var(--main-blue)}.icp a:hover:after{width:100%}@media (max-width: 768px){.nav-content{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:0;padding:0 16px;height:72px}.tabs{display:none;flex-direction:column;align-items:stretch;gap:0;width:100%;background:transparent;box-shadow:none;border-radius:0;border-bottom:none;animation:none;z-index:auto}.tabs.open{display:flex}.nav-actions{display:flex;align-items:center;gap:8px}.logo{height:72px;display:flex;align-items:center}.nav-actions{margin-left:0;height:72px;display:flex;align-items:center}.tab{width:100%;text-align:center;justify-content:center;display:flex;border-radius:0;margin:0;font-size:var(--font-size-base);padding:0;height:48px;line-height:48px;border-bottom:1px solid #f0f0f0;box-shadow:none;background:none}.tab:last-child{border-bottom:none}.tab.active{background:var(--main-blue, #2563eb);color:#fff;box-shadow:none;border-radius:0}.nav-toggle,.hamburger{display:block}}@keyframes slideDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.section-title{font-size:var(--font-size-3xl)}.tabs{gap:var(--space-xs)}.tab{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-xs)}.copyright,.icp{font-size:var(--font-size-xs)}.container{padding:0 var(--space-md)}}::-webkit-scrollbar{width:8px;height:8px;background:transparent}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#b4b4b459;border-radius:8px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:#b4b4b48c}html,body{scrollbar-width:thin;scrollbar-color:rgba(180,180,180,.35) transparent}body{-ms-overflow-style:-ms-autohiding-scrollbar;scrollbar-gutter:stable both-edges}::-webkit-scrollbar{opacity:0;transition:opacity .3s}html:hover ::-webkit-scrollbar,body:hover ::-webkit-scrollbar,*::-webkit-scrollbar:hover{opacity:1}::selection{background:var(--main-blue-lighter);color:var(--text-primary)}:focus{outline:2px solid var(--main-blue);outline-offset:2px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .6s ease-out}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.pulse{animation:pulse 2s infinite}