.home[data-v-86f0ac6a]{margin:0;padding:0;background:#0a0608}.hero[data-v-86f0ac6a]{position:relative;width:100%;height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;display:block;overflow:hidden;background:#000}.hero-video[data-v-86f0ac6a]{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-86f0ac6a]{opacity:1;z-index:1}.hero-overlay[data-v-86f0ac6a]{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-86f0ac6a]{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;overflow:hidden}.star[data-v-86f0ac6a]{position:absolute;border-radius:50%;background:#ffffffd9;box-shadow:0 0 6px #b4dcff8c;opacity:.25;animation:twinkle-86f0ac6a ease-in-out infinite}.hero-glow[data-v-86f0ac6a]{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-86f0ac6a]{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-86f0ac6a]{display:block;width:4px;height:8px;margin:10px auto 0;border-radius:2px;background:#ffffffd9;animation:scrollDot-86f0ac6a 1.6s ease-in-out infinite}.focus[data-v-86f0ac6a]{background:#fff;color:#0f172a;padding:clamp(56px,9vw,96px) 40px;border-top:1px solid #eef2f6}.focus-inner[data-v-86f0ac6a]{max-width:900px;margin:0 auto}.focus-title[data-v-86f0ac6a]{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-86f0ac6a]{font-family:var(--font-sans);font-size:clamp(1.05rem,2vw,1.2rem);color:#64748b;margin:0 0 2rem}.focus-list[data-v-86f0ac6a]{list-style:none;margin:0;padding:0;border-top:1px solid #e2e8f0}.focus-list li[data-v-86f0ac6a]{font-family:var(--font-sans);font-size:clamp(1.1rem,2.2vw,1.45rem);font-weight:500;letter-spacing:-.02em;padding:1.05rem 0;border-bottom:1px solid #e2e8f0;color:#1e293b;transition:color .2s ease,padding-left .25s ease}.focus-list li[data-v-86f0ac6a]:hover{color:#1781b5;padding-left:8px}@keyframes scrollDot-86f0ac6a{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(10px)}}@keyframes twinkle-86f0ac6a{0%,to{opacity:.15;transform:scale(.85)}50%{opacity:.9;transform:scale(1.15)}}@media (max-width: 900px){.scroll-hint[data-v-86f0ac6a]{display:none}.focus[data-v-86f0ac6a]{padding-left:20px;padding-right:20px}}@media (prefers-reduced-motion: reduce){.scroll-hint span[data-v-86f0ac6a],.star[data-v-86f0ac6a]{animation:none}.hero-video[data-v-86f0ac6a]{transition:none}}.page[data-v-aa93774c]{background:#fff;min-height:60vh;padding:24px 0 64px}.page-inner[data-v-aa93774c]{max-width:800px;margin:0 auto;padding:0 24px}.page-head h1[data-v-aa93774c]{font-family:var(--font-sans);font-size:clamp(2rem,4vw,2.75rem);font-weight:700;letter-spacing:-.03em;color:#0f172a;margin:0 0 .4em}.page-head p[data-v-aa93774c]{color:#64748b;margin:0 0 2.5rem;font-size:1.1rem}.list[data-v-aa93774c]{list-style:none;margin:0;padding:0;border-top:1px solid #e2e8f0}.list li[data-v-aa93774c]{padding:1.25rem 0;border-bottom:1px solid #e2e8f0}.list h2[data-v-aa93774c]{font-family:var(--font-sans);font-size:1.35rem;font-weight:600;color:#0f172a;margin:0 0 .35em}.list p[data-v-aa93774c]{margin:0;color:#64748b;line-height:1.6}.page-cta[data-v-aa93774c]{margin-top:3rem;padding:2rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;text-align:center}.page-cta p[data-v-aa93774c]{margin:0 0 1rem;color:#475569}.btn-main[data-v-aa93774c]{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 24px;border:none;border-radius:10px;background:#1781b5;color:#fff;font-family:var(--font-sans);font-size:1rem;font-weight:600;cursor:pointer}.btn-main[data-v-aa93774c]:hover{background:#136a96}.page[data-v-fc9b36ce]{background:#fff;min-height:60vh;padding:24px 0 64px}.page-inner[data-v-fc9b36ce]{max-width:900px;margin:0 auto;padding:0 24px}.page-head h1[data-v-fc9b36ce]{font-family:var(--font-sans);font-size:clamp(2rem,4vw,2.75rem);font-weight:700;letter-spacing:-.03em;color:#0f172a;margin:0 0 .4em}.page-head p[data-v-fc9b36ce]{color:#64748b;margin:0 0 2.5rem;font-size:1.1rem}.projects[data-v-fc9b36ce]{display:flex;flex-direction:column;gap:20px}.project[data-v-fc9b36ce]{display:grid;grid-template-columns:200px 1fr;gap:24px;padding:20px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center}.project-media[data-v-fc9b36ce]{width:100%;aspect-ratio:16 / 10;border-radius:8px;overflow:hidden;background:#f1f5f9}.project-media img[data-v-fc9b36ce]{width:100%;height:100%;object-fit:cover;display:block}.project-body h2[data-v-fc9b36ce]{font-family:var(--font-sans);font-size:1.25rem;font-weight:600;color:#0f172a;margin:0 0 .4em}.project-body p[data-v-fc9b36ce]{margin:0 0 .9em;color:#64748b;line-height:1.6}.link[data-v-fc9b36ce]{color:#1781b5;font-weight:600;text-decoration:none}.link[data-v-fc9b36ce]:hover{text-decoration:underline}.tip[data-v-fc9b36ce]{color:#94a3b8;font-size:.95rem}@media (max-width: 640px){.project[data-v-fc9b36ce]{grid-template-columns:1fr}}.page[data-v-c94044f7]{background:#fff;min-height:60vh;padding:24px 0 64px}.page-inner[data-v-c94044f7]{max-width:800px;margin:0 auto;padding:0 24px}.page-head h1[data-v-c94044f7]{font-family:var(--font-sans);font-size:clamp(2rem,4vw,2.75rem);font-weight:700;letter-spacing:-.03em;color:#0f172a;margin:0 0 .4em}.page-head p[data-v-c94044f7]{color:#64748b;margin:0 0 2.5rem;font-size:1.1rem}.about[data-v-c94044f7]{display:flex;gap:28px;align-items:flex-start;padding:28px;border:1px solid #e2e8f0;border-radius:12px;background:#fff}.avatar[data-v-c94044f7]{width:96px;height:96px;border-radius:50%;object-fit:cover;flex-shrink:0;border:3px solid #eef5f9}.about-text h2[data-v-c94044f7]{font-family:var(--font-sans);font-size:1.5rem;font-weight:700;color:#0f172a;margin:0 0 .5em}.about-text p[data-v-c94044f7]{margin:0 0 1.25rem;color:#475569;line-height:1.7}.about-text ul[data-v-c94044f7]{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.about-text li[data-v-c94044f7]{padding:6px 12px;background:#f1f5f9;color:#334155;border-radius:8px;font-size:.9rem}@media (max-width: 560px){.about[data-v-c94044f7]{flex-direction:column;align-items:center;text-align:center}.about-text ul[data-v-c94044f7]{justify-content:center}}.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-475dff09]{background:#fff;min-height:60vh;padding:24px 0 64px}.page-inner[data-v-475dff09]{max-width:560px;margin:0 auto;padding:0 24px}.page-head h1[data-v-475dff09]{font-family:var(--font-sans);font-size:clamp(2rem,4vw,2.75rem);font-weight:700;letter-spacing:-.03em;color:#0f172a;margin:0 0 .4em}.page-head p[data-v-475dff09]{color:#64748b;margin:0 0 2rem;font-size:1.1rem}.form[data-v-475dff09]{display:flex;flex-direction:column;gap:16px}label[data-v-475dff09]{display:flex;flex-direction:column;gap:8px}label span[data-v-475dff09]{font-size:.9rem;font-weight:600;color:#334155}input[data-v-475dff09],textarea[data-v-475dff09]{width:100%;padding:12px 14px;border:1px solid #e2e8f0;border-radius:10px;font-size:1rem;font-family:var(--font-sans);background:#fff;color:#0f172a;box-sizing:border-box}input[data-v-475dff09]:focus,textarea[data-v-475dff09]:focus{outline:none;border-color:#1781b5;box-shadow:0 0 0 3px #1781b51f}.btn-main[data-v-475dff09]{margin-top:8px;min-height:48px;border:none;border-radius:10px;background:#1781b5;color:#fff;font-family:var(--font-sans);font-size:1rem;font-weight:600;cursor:pointer}.btn-main[data-v-475dff09]:hover:not(:disabled){background:#136a96}.btn-main[data-v-475dff09]:disabled{opacity:.6;cursor:not-allowed}.nav[data-v-9d773faa]{position:fixed!important;top:0;left:0;right:0;z-index:1000;transition:background .45s ease,border-color .45s ease,box-shadow .45s ease,backdrop-filter .45s ease}#app[data-v-9d773faa]{padding-top:72px;min-height:100vh;background:#fff;transition:background .45s ease,padding-top 0s}#app.on-home[data-v-9d773faa]{padding-top:0;background:#0a0608}#app.on-home .main-content[data-v-9d773faa]{padding:0}#app .main-content[data-v-9d773faa]{margin-top:0!important}@media (max-width: 768px){#app.on-home .main-content[data-v-9d773faa],#app.on-home .main-content.menu-open[data-v-9d773faa],#app:not(.on-home) .main-content.menu-open[data-v-9d773faa]{margin-top:0!important;padding-top:0}}.nav .logo[data-v-9d773faa],.nav .tab[data-v-9d773faa]{transition:color .35s ease,background .35s ease,box-shadow .35s ease,opacity .35s ease}.nav-side-slot[data-v-9d773faa]{display:none}@media (min-width: 769px){.nav-side-slot[data-v-9d773faa]{display:block;width:96px;height:40px;flex-shrink:0;visibility:hidden;pointer-events:none}}.nav:not(.nav-over-hero) .tab[data-v-9d773faa]{border:none!important;outline:none!important;box-shadow:none!important}.nav:not(.nav-over-hero) .tab.active[data-v-9d773faa]{color:#fff!important;background:#1781b5!important;border:none!important;outline:none!important;box-shadow:none!important;transform:none!important;border-radius:999px!important}.nav:not(.nav-over-hero) .tab.active[data-v-9d773faa]:before,.nav:not(.nav-over-hero) .tab[data-v-9d773faa]:before{display:none!important;opacity:0!important}.nav.nav-over-hero[data-v-9d773faa]{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-9d773faa]{color:#fff!important}.nav.nav-over-hero .logo[data-v-9d773faa]:after{display:none!important}.nav.nav-over-hero .tab[data-v-9d773faa]{color:#ffffff9e!important;background:transparent!important;box-shadow:none!important;border:none!important;outline:none!important;border-radius:0!important;padding:6px 12px!important;height:auto!important;line-height:1.4!important;font-weight:500!important;position:relative;transform:none!important;overflow:visible!important}.nav.nav-over-hero .tab[data-v-9d773faa]:hover{color:#ffffffeb!important;background:transparent!important;transform:none!important}.nav.nav-over-hero .tab.active[data-v-9d773faa]{color:#fff!important;background:transparent!important;border:none!important;outline:none!important;box-shadow:none!important;font-weight:600!important;transform:none!important}.nav.nav-over-hero .tab.active[data-v-9d773faa]:after{content:"";position:absolute;left:50%;bottom:0;width:16px;height:2px;border-radius:2px;background:#fff;transform:translate(-50%)}.nav.nav-over-hero .tab.active[data-v-9d773faa]:before,.nav.nav-over-hero .tab[data-v-9d773faa]:before{display:none!important;opacity:0!important;content:none!important}.nav.nav-over-hero .hamburger span[data-v-9d773faa]{background:#fff!important}.nav.nav-over-hero.menu-open[data-v-9d773faa]{background:#0a0608f2!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.nav.nav-over-hero.menu-open .tab[data-v-9d773faa]{color:#ffffffd9!important;border:none!important;border-bottom:1px solid rgba(255,255,255,.1)!important;border-radius:0!important}.nav.nav-over-hero.menu-open .tab.active[data-v-9d773faa]{color:#fff!important;background:transparent!important;border:none!important;border-bottom:1px solid rgba(255,255,255,.1)!important;box-shadow:none!important}.nav.nav-over-hero.menu-open .tab.active[data-v-9d773faa]:after{display:none}: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: "OpenAI Sans SC", "OpenAI Sans", "OpenAI Sans Variable Scripts", sans-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;transition:background-color .45s ease,color .45s ease}body.page-home{background:#0a0608}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}