*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6;font-weight:400;color:var(--text-primary);background-color:var(--bg-primary);--color-primary-50: #f8fafc;--color-primary-100: #f1f5f9;--color-primary-200: #e2e8f0;--color-primary-300: #cbd5e1;--color-primary-400: #94a3b8;--color-primary-500: #64748b;--color-primary-600: #475569;--color-primary-700: #334155;--color-primary-800: #1e293b;--color-primary-900: #0f172a;--color-gray-50: #ffffff;--color-gray-100: #fafafa;--color-gray-200: #f5f5f5;--color-gray-300: #e5e5e5;--color-gray-400: #d4d4d4;--color-gray-500: #a3a3a3;--color-gray-600: #737373;--color-gray-700: #525252;--color-gray-800: #404040;--color-gray-900: #171717;--bg-primary: var(--color-gray-50);--bg-secondary: var(--color-gray-50);--bg-tertiary: var(--color-gray-100);--bg-accent: var(--color-primary-600);--text-primary: var(--color-gray-900);--text-secondary: var(--color-gray-700);--text-tertiary: var(--color-gray-500);--text-inverse: var(--color-gray-50);--border-primary: var(--color-gray-300);--border-secondary: var(--color-gray-400);--border-accent: var(--color-primary-600);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-lg: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-hover: 0 4px 6px -1px rgba(0, 0, 0, .15);--navbar-bg: var(--color-gray-50);--navbar-border: var(--border-primary);--navbar-text: var(--text-primary);--navbar-text-hover: var(--color-primary-700);--hero-bg-start: var(--color-gray-50);--hero-bg-end: var(--color-gray-50);--hero-text: var(--text-primary);--hero-text-secondary: var(--text-secondary);--hero-text-tertiary: var(--text-tertiary);--card-bg: var(--color-gray-50);--card-border: var(--border-primary);--card-shadow: var(--shadow);--card-shadow-hover: var(--shadow-hover);--btn-primary-bg: var(--color-primary-700);--btn-primary-text: var(--text-inverse);--btn-primary-hover: var(--color-primary-800);--btn-secondary-bg: transparent;--btn-secondary-text: var(--color-primary-700);--btn-secondary-border: var(--color-primary-700);--btn-secondary-hover-bg: var(--color-primary-700);--btn-secondary-hover-text: var(--text-inverse);--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-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.6;--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: .25rem;--radius: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--transition-fast: .15s ease-in-out;--transition-normal: .3s ease-in-out;--transition-slow: .5s ease-in-out;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--bg-primary)}:root{--link-color: var(--color-primary-600);--link-hover: var(--color-primary-700)}html{scroll-behavior:smooth}.dark-mode{--bg-primary: var(--color-gray-900);--bg-secondary: var(--color-gray-800);--bg-tertiary: var(--color-gray-700);--bg-accent: var(--color-primary-400);--text-primary: var(--color-gray-100);--text-secondary: var(--color-gray-200);--text-tertiary: var(--color-gray-300);--text-inverse: var(--color-gray-900);--border-primary: var(--color-gray-700);--border-secondary: var(--color-gray-600);--border-accent: var(--color-primary-400);--shadow: 0 1px 3px 0 rgba(0, 0, 0, .3), 0 1px 2px 0 rgba(0, 0, 0, .2);--shadow-lg: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .2);--shadow-hover: 0 4px 6px -1px rgba(0, 0, 0, .4);--navbar-bg: var(--color-gray-800);--navbar-border: var(--border-primary);--navbar-text: var(--text-primary);--navbar-text-hover: var(--color-primary-400);--hero-bg-start: var(--color-gray-900);--hero-bg-end: var(--color-gray-800);--hero-text: var(--text-primary);--hero-text-secondary: var(--text-secondary);--hero-text-tertiary: var(--text-tertiary);--card-bg: var(--bg-secondary);--card-border: var(--border-primary);--card-shadow: var(--shadow);--card-shadow-hover: var(--shadow-hover);--card-bg-hover: var(--bg-tertiary);--btn-primary-bg: var(--color-primary-400);--btn-primary-text: var(--text-inverse);--btn-primary-hover: var(--color-primary-300);--btn-secondary-bg: transparent;--btn-secondary-text: var(--color-primary-400);--btn-secondary-border: var(--color-primary-400);--btn-secondary-hover-bg: var(--color-primary-400);--btn-secondary-hover-text: var(--text-inverse);--link-color: var(--color-primary-200);--link-hover: var(--color-primary-100)}.theme-toggle[data-v-662e568e]{display:flex;align-items:center}.theme-button[data-v-662e568e]{background:transparent;border:none;cursor:pointer;padding:.5rem;border-radius:50%;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center}.theme-button[data-v-662e568e]:hover{background:var(--bg-tertiary)}.light-mode .theme-button[data-v-662e568e]:hover{background:#0000000d}.dark-mode .theme-button[data-v-662e568e]:hover{background:#ffffff1a}.theme-icon[data-v-662e568e]{width:20px;height:20px;color:var(--text-primary);transition:color var(--transition-normal)}.theme-button:hover .theme-icon[data-v-662e568e]{color:var(--text-primary);transform:scale(1.1)}.theme-icon[data-v-662e568e]{animation:fadeIn-662e568e .3s ease-in-out}@keyframes fadeIn-662e568e{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.navbar[data-v-c3ff5a80]{background:var(--navbar-bg);border-bottom:1px solid var(--border-primary);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:var(--z-sticky)}.nav-container[data-v-c3ff5a80]{max-width:1200px;margin:0 auto;padding:var(--space-4) var(--space-8);display:flex;justify-content:space-between;align-items:center}.brand-link[data-v-c3ff5a80]{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--navbar-text);text-decoration:none;transition:color var(--transition-normal)}.brand-link[data-v-c3ff5a80]:hover{color:var(--navbar-text-hover)}.nav-menu[data-v-c3ff5a80]{display:flex;gap:var(--space-8);align-items:center}.nav-link[data-v-c3ff5a80]{color:var(--navbar-text);text-decoration:none;font-weight:var(--font-weight-medium);transition:color var(--transition-normal);position:relative}.nav-link[data-v-c3ff5a80]:hover,.nav-link.router-link-active[data-v-c3ff5a80]{color:var(--navbar-text-hover)}.nav-link.router-link-active[data-v-c3ff5a80]:after{content:"";position:absolute;bottom:-5px;left:0;right:0;height:2px;background:var(--navbar-text-hover)}@media(max-width:768px){.nav-container[data-v-c3ff5a80]{flex-direction:column;gap:var(--space-4)}.nav-menu[data-v-c3ff5a80]{gap:var(--space-4)}}.footer[data-v-e2cb57f3]{background:var(--bg-secondary);color:var(--text-primary);padding:var(--space-8) 0;margin-top:auto;border-top:1px solid var(--border-primary)}.footer-container[data-v-e2cb57f3]{max-width:1200px;margin:0 auto;padding:0 var(--space-8)}.footer-content[data-v-e2cb57f3]{display:flex;justify-content:space-between;align-items:center}.footer-links[data-v-e2cb57f3]{display:flex;gap:var(--space-8)}.footer-link[data-v-e2cb57f3]{color:var(--text-primary);text-decoration:none;transition:color var(--transition-normal)}.footer-link[data-v-e2cb57f3]:hover{color:var(--color-primary-400)}@media(max-width:768px){.footer-content[data-v-e2cb57f3]{flex-direction:column;gap:var(--space-4);text-align:center}}.modal-overlay[data-v-30df49d3]{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-container[data-v-30df49d3]{background:#fff;border-radius:12px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.dark-mode .modal-container[data-v-30df49d3]{background:#1f2937;color:#f9fafb}.modal-header[data-v-30df49d3]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.dark-mode .modal-header[data-v-30df49d3]{border-bottom-color:#374151}.modal-header h2[data-v-30df49d3]{margin:0;font-size:1.5rem;color:#1f2937}.dark-mode .modal-header h2[data-v-30df49d3]{color:#f9fafb}.close-button[data-v-30df49d3]{background:transparent;border:none;cursor:pointer;padding:.5rem;border-radius:6px;transition:background .2s ease}.close-button[data-v-30df49d3]:hover{background:#0000001a}.dark-mode .close-button[data-v-30df49d3]:hover{background:#ffffff1a}.close-button svg[data-v-30df49d3]{width:20px;height:20px;color:#6b7280}.modal-content[data-v-30df49d3]{padding:1.5rem}.theme-options h3[data-v-30df49d3]{margin:0 0 1rem;font-size:1.125rem;color:#1f2937}.dark-mode .theme-options h3[data-v-30df49d3]{color:#f9fafb}.theme-selection[data-v-30df49d3]{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.theme-option[data-v-30df49d3]{display:flex;flex-direction:column;align-items:center;cursor:pointer;padding:var(--space-4);border:2px solid var(--border-primary);border-radius:var(--radius);transition:all var(--transition-normal)}.theme-option[data-v-30df49d3]:hover{border-color:var(--color-primary-500)}.theme-option input[type=radio][data-v-30df49d3]{display:none}.theme-option input[type=radio]:checked+.theme-preview[data-v-30df49d3]{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #2563eb1a}.theme-preview[data-v-30df49d3]{width:80px;height:60px;border-radius:var(--radius);border:2px solid var(--border-primary);margin-bottom:var(--space-2);overflow:hidden;transition:all var(--transition-normal)}.light-preview[data-v-30df49d3]{background:var(--color-gray-50)}.light-preview .preview-header[data-v-30df49d3]{height:20px;background:var(--color-gray-100)}.light-preview .preview-content[data-v-30df49d3]{padding:4px}.light-preview .preview-text[data-v-30df49d3]{height:4px;background:var(--border-primary);border-radius:2px;margin-bottom:2px}.dark-preview[data-v-30df49d3]{background:var(--color-gray-900)}.dark-preview .preview-header[data-v-30df49d3]{height:20px;background:var(--color-gray-800)}.dark-preview .preview-content[data-v-30df49d3]{padding:4px}.dark-preview .preview-text[data-v-30df49d3]{height:4px;background:var(--color-gray-700);border-radius:2px;margin-bottom:2px}.preview-text.short[data-v-30df49d3]{width:60%}.theme-label[data-v-30df49d3]{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.dark-mode .theme-label[data-v-30df49d3]{color:var(--text-primary)}.system-preference[data-v-30df49d3]{padding-top:var(--space-4);border-top:1px solid var(--border-primary)}.dark-mode .system-preference[data-v-30df49d3]{border-top-color:var(--border-secondary)}.checkbox-label[data-v-30df49d3]{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--font-size-sm);color:var(--text-secondary)}.checkbox-label input[type=checkbox][data-v-30df49d3]{width:16px;height:16px;cursor:pointer}.modal-footer[data-v-30df49d3]{padding:var(--space-6);border-top:1px solid var(--border-primary);display:flex;justify-content:flex-end}.dark-mode .modal-footer[data-v-30df49d3]{border-top-color:var(--border-secondary)}.btn-primary[data-v-30df49d3]{background:var(--btn-primary-bg);color:var(--btn-primary-text);border:none;padding:var(--space-3) var(--space-6);border-radius:var(--radius);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-normal)}.btn-primary[data-v-30df49d3]:hover{background:var(--btn-primary-hover)}.modal-enter-active[data-v-30df49d3],.modal-leave-active[data-v-30df49d3]{transition:opacity .3s ease}.modal-enter-from[data-v-30df49d3],.modal-leave-to[data-v-30df49d3]{opacity:0}@media(max-width:640px){.theme-selection[data-v-30df49d3]{grid-template-columns:1fr}.modal-container[data-v-30df49d3]{margin:1rem}}#app[data-v-397ac422]{min-height:100vh;display:flex;flex-direction:column}main[data-v-397ac422]{flex:1}.home[data-v-4ed53e56]{min-height:100vh}.hero[data-v-4ed53e56]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--hero-bg-start) 0%,var(--hero-bg-end) 100%);color:var(--hero-text);text-align:center;padding:var(--space-8)}.hero-content[data-v-4ed53e56]{max-width:1000px;display:grid;grid-template-columns:1fr auto;gap:var(--space-12);align-items:center}.hero-text[data-v-4ed53e56]{text-align:left}.hero-name[data-v-4ed53e56]{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-4);line-height:var(--line-height-tight);color:var(--hero-text)}.hero-title[data-v-4ed53e56]{font-size:var(--font-size-2xl);font-weight:var(--font-weight-normal);margin-bottom:var(--space-6);color:var(--hero-text-secondary)}.hero-value[data-v-4ed53e56]{font-size:var(--font-size-xl);line-height:var(--line-height-relaxed);margin-bottom:var(--space-10);font-style:italic;color:var(--hero-text-tertiary);max-width:600px}.hero-actions[data-v-4ed53e56]{display:flex;justify-content:flex-start;gap:var(--space-4);flex-wrap:wrap}.hero-profile[data-v-4ed53e56]{display:flex;justify-content:center;align-items:center}.profile-image-container[data-v-4ed53e56]{position:relative;width:200px;height:200px}.profile-image[data-v-4ed53e56]{width:100%;height:100%;border-radius:50%;object-fit:cover;border:4px solid var(--border-primary);transition:transform var(--transition-normal)}.profile-image[data-v-4ed53e56]:hover{transform:scale(1.05)}.profile-image-border[data-v-4ed53e56]{position:absolute;inset:-8px;border-radius:50%;border:2px solid var(--border-accent);opacity:.6;animation:pulse-4ed53e56 2s infinite}@keyframes pulse-4ed53e56{0%{transform:scale(1);opacity:.6}50%{transform:scale(1.05);opacity:.3}to{transform:scale(1);opacity:.6}}.action-btn[data-v-4ed53e56]{padding:var(--space-3) var(--space-8);border-radius:var(--radius-full);text-decoration:none;font-weight:var(--font-weight-semibold);transition:all var(--transition-normal);display:inline-block}.action-btn.primary[data-v-4ed53e56]{background:var(--btn-primary-bg);color:var(--btn-primary-text);border:2px solid var(--btn-primary-bg)}.action-btn.primary[data-v-4ed53e56]:hover{background:transparent;color:var(--btn-primary-bg);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.action-btn.secondary[data-v-4ed53e56]{background:var(--btn-secondary-bg);color:var(--btn-secondary-text);border:2px solid var(--btn-secondary-border)}.action-btn.secondary[data-v-4ed53e56]:hover{background:var(--btn-secondary-hover-bg);color:var(--btn-secondary-hover-text)}.quick-overview[data-v-4ed53e56]{padding:var(--space-20) var(--space-8);background:var(--bg-primary)}.container[data-v-4ed53e56]{max-width:1200px;margin:0 auto;padding:0 var(--space-8)}.section-title[data-v-4ed53e56]{text-align:center;font-size:var(--font-size-4xl);color:var(--text-primary);margin-bottom:var(--space-12)}.overview-grid[data-v-4ed53e56]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-8)}.overview-card[data-v-4ed53e56]{background:var(--card-bg);padding:var(--space-8);border-radius:var(--radius-lg);border:1px solid var(--border-primary);box-shadow:var(--card-shadow);text-align:center;transition:transform var(--transition-normal)}.overview-card[data-v-4ed53e56]:hover{transform:translateY(-5px);box-shadow:var(--card-shadow-hover);background:var(--card-bg-hover)}.overview-card h3[data-v-4ed53e56]{color:var(--text-primary);font-size:var(--font-size-2xl);margin-bottom:var(--space-4)}.overview-card p[data-v-4ed53e56]{color:var(--text-secondary);line-height:var(--line-height-relaxed)}@media(max-width:768px){.hero-content[data-v-4ed53e56]{grid-template-columns:1fr;gap:var(--space-8);text-align:center}.hero-text[data-v-4ed53e56]{text-align:center}.hero-name[data-v-4ed53e56]{font-size:var(--font-size-4xl)}.hero-title[data-v-4ed53e56]{font-size:var(--font-size-xl)}.hero-value[data-v-4ed53e56]{font-size:var(--font-size-lg);margin-left:auto;margin-right:auto}.hero-actions[data-v-4ed53e56]{justify-content:center}.action-btn[data-v-4ed53e56]{width:200px;text-align:center}.profile-image-container[data-v-4ed53e56]{width:150px;height:150px}}.about[data-v-a2e386fc]{min-height:100vh;padding:var(--space-8) 0;background:var(--bg-primary)}.container[data-v-a2e386fc]{max-width:1200px;margin:0 auto;padding:0 var(--space-8)}.about-header[data-v-a2e386fc]{text-align:center;margin-bottom:var(--space-16)}.page-title[data-v-a2e386fc]{font-size:var(--font-size-5xl);color:var(--text-primary);margin-bottom:var(--space-4)}.page-subtitle[data-v-a2e386fc]{font-size:var(--font-size-xl);color:var(--text-secondary);max-width:600px;margin:0 auto}section[data-v-a2e386fc]{margin-bottom:var(--space-16)}section h2[data-v-a2e386fc]{font-size:var(--font-size-3xl);color:var(--text-primary);margin-bottom:var(--space-8);text-align:center}.identity-grid[data-v-a2e386fc],.philosophy-grid[data-v-a2e386fc],.focus-grid[data-v-a2e386fc]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-8)}.identity-item[data-v-a2e386fc],.philosophy-item[data-v-a2e386fc],.focus-item[data-v-a2e386fc]{background:var(--card-bg);padding:var(--space-8);border-radius:var(--radius-lg);border:1px solid var(--border-primary);box-shadow:var(--card-shadow);transition:transform var(--transition-normal)}.identity-item[data-v-a2e386fc]:hover,.philosophy-item[data-v-a2e386fc]:hover,.focus-item[data-v-a2e386fc]:hover{transform:translateY(-5px)}.identity-item h3[data-v-a2e386fc],.philosophy-item h3[data-v-a2e386fc],.focus-item h3[data-v-a2e386fc]{color:var(--text-primary);font-size:var(--font-size-xl);margin-bottom:var(--space-4)}.identity-item p[data-v-a2e386fc],.philosophy-item p[data-v-a2e386fc],.focus-item p[data-v-a2e386fc]{color:var(--text-secondary);line-height:var(--line-height-relaxed)}.process-flow[data-v-a2e386fc]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-8)}.process-step[data-v-a2e386fc]{display:flex;align-items:flex-start;gap:var(--space-4);background:var(--card-bg);padding:var(--space-8);border-radius:var(--radius-lg);border:1px solid var(--border-primary);box-shadow:var(--card-shadow)}.step-number[data-v-a2e386fc]{background:var(--color-primary-500);color:var(--text-inverse);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-semibold);flex-shrink:0}.step-content h3[data-v-a2e386fc]{color:var(--text-primary);font-size:var(--font-size-lg);margin-bottom:var(--space-2)}.step-content p[data-v-a2e386fc]{color:var(--text-secondary);line-height:var(--line-height-normal);margin:0}@media(max-width:768px){.page-title[data-v-a2e386fc]{font-size:2rem}.process-step[data-v-a2e386fc]{flex-direction:column;text-align:center}.step-number[data-v-a2e386fc]{margin:0 auto 1rem}}.project-card[data-v-cbc667c0]{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--card-shadow);transition:all var(--transition-normal);cursor:pointer;position:relative}.project-card[data-v-cbc667c0]:hover{transform:translateY(-5px);box-shadow:var(--card-shadow-hover);background:var(--card-bg-hover)}.project-card[data-v-cbc667c0]:after{content:"View Technical Study →";position:absolute;bottom:var(--space-4);right:var(--space-6);color:var(--color-primary-600);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);opacity:0;transition:opacity var(--transition-normal)}.project-card[data-v-cbc667c0]:hover:after{opacity:1}.project-header[data-v-cbc667c0]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.project-title[data-v-cbc667c0]{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0}.project-links[data-v-cbc667c0]{display:flex;gap:1rem}.project-link[data-v-cbc667c0]{background:#2563eb;color:#fff;padding:.5rem 1rem;border-radius:4px;text-decoration:none;font-size:.875rem;transition:background .3s ease}.project-link[data-v-cbc667c0]:hover{background:#1d4ed8}.project-description[data-v-cbc667c0]{color:var(--text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-6)}.project-tech-stack[data-v-cbc667c0]{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tech-tag[data-v-cbc667c0]{background:var(--bg-tertiary);color:var(--text-primary);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.project-details[data-v-cbc667c0]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.detail-section h4[data-v-cbc667c0]{color:var(--text-primary);font-size:var(--font-size-lg);margin-bottom:var(--space-2)}.detail-section ul[data-v-cbc667c0]{margin:0;padding-left:1.5rem}.detail-section li[data-v-cbc667c0]{color:var(--text-secondary);margin-bottom:var(--space-1);line-height:var(--line-height-normal)}@media(max-width:768px){.project-header[data-v-cbc667c0]{flex-direction:column;gap:1rem}.project-links[data-v-cbc667c0]{align-self:flex-start}}.projects[data-v-5fa8c593]{min-height:100vh;padding:var(--space-8) 0;background:var(--bg-primary)}.container[data-v-5fa8c593]{max-width:1200px;margin:0 auto;padding:0 var(--space-8)}.projects-header[data-v-5fa8c593]{text-align:center;margin-bottom:var(--space-16)}.page-title[data-v-5fa8c593]{font-size:var(--font-size-5xl);color:var(--text-primary);margin-bottom:var(--space-4)}.page-subtitle[data-v-5fa8c593]{font-size:var(--font-size-xl);color:var(--text-secondary);max-width:600px;margin:0 auto}.projects-list[data-v-5fa8c593]{margin-bottom:var(--space-16);display:grid;gap:var(--space-8)}.technical-case-study[data-v-5fa8c593]{background:var(--card-bg);padding:var(--space-12);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg)}.section-title[data-v-5fa8c593]{font-size:var(--font-size-3xl);color:var(--text-primary);margin-bottom:var(--space-8);text-align:center}.case-study-content[data-v-5fa8c593]{display:grid;gap:var(--space-8)}.case-study-section[data-v-5fa8c593]{padding:var(--space-6);border-left:4px solid var(--color-primary-500);background:var(--bg-tertiary);border-radius:0 var(--radius-lg) var(--radius-lg) 0}.case-study-section h3[data-v-5fa8c593]{color:var(--text-primary);font-size:var(--font-size-2xl);margin-bottom:var(--space-4)}.case-study-section p[data-v-5fa8c593],.case-study-section li[data-v-5fa8c593]{color:var(--text-secondary);line-height:var(--line-height-relaxed)}.case-study-section ul[data-v-5fa8c593]{margin:0;padding-left:var(--space-6)}.architecture-diagram[data-v-5fa8c593]{background:var(--card-bg);padding:var(--space-6);border-radius:var(--radius-lg);margin-top:var(--space-4)}.diagram-content[data-v-5fa8c593]{display:flex;flex-direction:column;gap:var(--space-4)}.layer[data-v-5fa8c593]{padding:var(--space-4);background:var(--bg-tertiary);border-radius:var(--radius);border-left:4px solid var(--color-primary-500)}.schema-highlight[data-v-5fa8c593]{background:var(--card-bg);padding:var(--space-6);border-radius:var(--radius-lg);margin-top:var(--space-4)}.api-example[data-v-5fa8c593]{background:var(--color-gray-800);padding:var(--space-6);border-radius:var(--radius-lg);margin-top:var(--space-4)}.api-example h4[data-v-5fa8c593]{color:var(--color-primary-400);margin-bottom:var(--space-4)}.api-example pre[data-v-5fa8c593]{color:var(--color-gray-100);overflow-x:auto;font-size:var(--font-size-sm)}.api-example code[data-v-5fa8c593]{background:none;padding:0}@media(max-width:768px){.page-title[data-v-5fa8c593]{font-size:2rem}.technical-case-study[data-v-5fa8c593]{padding:2rem 1rem}.case-study-section[data-v-5fa8c593]{padding:1rem}}.contact[data-v-93fdc16f]{min-height:100vh;padding:var(--space-8) 0;background:var(--bg-primary)}.container[data-v-93fdc16f]{max-width:1200px;margin:0 auto;padding:0 var(--space-8)}.contact-header[data-v-93fdc16f]{text-align:center;margin-bottom:var(--space-16)}.page-title[data-v-93fdc16f]{font-size:var(--font-size-5xl);color:var(--text-primary);margin-bottom:var(--space-4)}.page-subtitle[data-v-93fdc16f]{font-size:var(--font-size-xl);color:var(--text-secondary);max-width:600px;margin:0 auto}.contact-content[data-v-93fdc16f]{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-20);margin-bottom:var(--space-16);align-items:stretch}.contact-card[data-v-93fdc16f],.expertise-card[data-v-93fdc16f],.discussion-card[data-v-93fdc16f]{background:var(--card-bg);border:1px solid var(--border-primary);padding:var(--space-10);border-radius:var(--radius-2xl);box-shadow:var(--card-shadow);height:100%;transition:all var(--transition-normal)}.contact-card[data-v-93fdc16f]:hover,.expertise-card[data-v-93fdc16f]:hover,.discussion-card[data-v-93fdc16f]:hover{transform:translateY(-5px);box-shadow:var(--card-shadow-hover);background:var(--card-bg-hover)}.contact-card h2[data-v-93fdc16f],.expertise-card h2[data-v-93fdc16f],.discussion-card h2[data-v-93fdc16f]{color:var(--text-primary);font-size:var(--font-size-2xl);margin-bottom:var(--space-6)}.contact-card p[data-v-93fdc16f]{color:var(--text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-8)}.contact-methods[data-v-93fdc16f]{display:grid;gap:var(--space-6)}.contact-method h3[data-v-93fdc16f]{color:var(--text-primary);font-size:var(--font-size-lg);margin-bottom:var(--space-2)}.contact-link[data-v-93fdc16f]{color:var(--link-color);text-decoration:none;font-weight:var(--font-weight-medium);transition:color var(--transition-normal)}.contact-link[data-v-93fdc16f]:hover{color:var(--link-hover);text-decoration:underline}.expertise-list[data-v-93fdc16f]{display:grid;gap:1.5rem}.expertise-item h3[data-v-93fdc16f]{color:var(--text-primary);font-size:var(--font-size-lg);margin-bottom:var(--space-2)}.expertise-item p[data-v-93fdc16f]{color:var(--text-secondary);line-height:var(--line-height-normal);margin:0}.project-discussion[data-v-93fdc16f]{grid-column:span 2}.discussion-card[data-v-93fdc16f]{text-align:center}.discussion-card ul[data-v-93fdc16f]{text-align:left;color:var(--text-secondary);line-height:var(--line-height-relaxed);margin:var(--space-8) 0;padding-left:var(--space-6)}.discussion-card li[data-v-93fdc16f]{margin-bottom:.5rem}.call-to-action[data-v-93fdc16f]{margin-top:var(--space-8);padding-top:var(--space-8);border-top:1px solid var(--border-primary)}.call-to-action p[data-v-93fdc16f]{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-4)}.cta-button[data-v-93fdc16f]{display:inline-block;background:var(--btn-primary-bg);color:var(--btn-primary-text);padding:var(--space-4) var(--space-8);border-radius:var(--radius-full);text-decoration:none;font-weight:var(--font-weight-semibold);transition:all var(--transition-normal)}.cta-button[data-v-93fdc16f]:hover{background:var(--btn-primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-hover)}@media(max-width:768px){.page-title[data-v-93fdc16f]{font-size:2rem}.contact-content[data-v-93fdc16f]{grid-template-columns:1fr;gap:2rem}.project-discussion[data-v-93fdc16f]{grid-column:span 1}.contact-card[data-v-93fdc16f],.expertise-card[data-v-93fdc16f],.discussion-card[data-v-93fdc16f]{padding:2rem 1.5rem}}.technical-study[data-v-2d3834ce]{min-height:100vh;padding:var(--space-8) 0;background:var(--bg-primary)}.container[data-v-2d3834ce]{max-width:1200px;margin:0 auto;padding:0 var(--space-8)}.study-header[data-v-2d3834ce]{margin-bottom:var(--space-16)}.back-link[data-v-2d3834ce]{display:inline-flex;align-items:center;color:var(--color-primary-600);text-decoration:none;font-weight:var(--font-weight-medium);margin-bottom:var(--space-4);transition:color var(--transition-normal)}.back-link[data-v-2d3834ce]:hover{color:var(--color-primary-700)}.study-title[data-v-2d3834ce]{font-size:var(--font-size-5xl);color:var(--text-primary);margin-bottom:var(--space-4);line-height:var(--line-height-tight)}.study-subtitle[data-v-2d3834ce]{font-size:var(--font-size-xl);color:var(--text-secondary);margin-bottom:0}.study-content[data-v-2d3834ce]{display:grid;gap:var(--space-8)}.case-study-section[data-v-2d3834ce]{background:var(--card-bg);padding:var(--space-8);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg)}.case-study-section h3[data-v-2d3834ce]{color:var(--text-primary);font-size:var(--font-size-2xl);margin-bottom:var(--space-4)}.case-study-section p[data-v-2d3834ce]{color:var(--text-secondary);line-height:var(--line-height-relaxed);margin-bottom:0}.case-study-section ul[data-v-2d3834ce]{margin:0;padding-left:var(--space-6)}.case-study-section li[data-v-2d3834ce]{color:var(--text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-2)}.architecture-diagram[data-v-2d3834ce]{background:var(--bg-tertiary);padding:var(--space-6);border-radius:var(--radius-lg);margin-top:var(--space-4)}.architecture-diagram h4[data-v-2d3834ce]{color:var(--text-primary);font-size:var(--font-size-lg);margin-bottom:var(--space-4)}.diagram-content[data-v-2d3834ce]{display:flex;flex-direction:column;gap:var(--space-4)}.layer[data-v-2d3834ce]{padding:var(--space-4);background:var(--card-bg);border-radius:var(--radius);border-left:4px solid var(--color-primary-500)}.api-example[data-v-2d3834ce]{background:var(--color-gray-800);padding:var(--space-6);border-radius:var(--radius-lg);margin-top:var(--space-4)}.api-example h4[data-v-2d3834ce]{color:var(--color-primary-400);margin-bottom:var(--space-4)}.api-example pre[data-v-2d3834ce]{color:var(--color-gray-100);overflow-x:auto;font-size:var(--font-size-sm);margin:0}.not-found[data-v-2d3834ce]{text-align:center;padding:var(--space-20)}.not-found h2[data-v-2d3834ce]{color:var(--text-primary);margin-bottom:var(--space-4)}.not-found p[data-v-2d3834ce]{color:var(--text-secondary);margin-bottom:var(--space-8)}.action-btn[data-v-2d3834ce]{padding:var(--space-3) var(--space-8);border-radius:var(--radius-full);text-decoration:none;font-weight:var(--font-weight-semibold);transition:all var(--transition-normal);display:inline-block}.action-btn.primary[data-v-2d3834ce]{background:var(--btn-primary-bg);color:var(--btn-primary-text);border:2px solid var(--btn-primary-bg)}.action-btn.primary[data-v-2d3834ce]:hover{background:var(--btn-primary-hover);color:var(--btn-primary-text)}@media(max-width:768px){.study-title[data-v-2d3834ce]{font-size:var(--font-size-4xl)}.case-study-section[data-v-2d3834ce]{padding:var(--space-6)}.api-example pre[data-v-2d3834ce]{font-size:var(--font-size-xs)}}