:root{--color-primary: #0A2140;--color-secondary: #00C8B8;--color-gradient-start: #00C8B8;--color-gradient-end: #5AC8FA;--gradient-primary: linear-gradient(135deg, var(--color-gradient-start) 0%, var(--color-gradient-end) 100%);--gradient-aurora: linear-gradient(135deg, #667eea 0%, #764ba2 25%, #f093fb 50%, #4facfe 75%, #00f2fe 100%);--color-text-primary: #1a1a1a;--color-text-secondary: #666666;--color-text-light: #ffffff;--color-bg-primary: #ffffff;--color-bg-secondary: #f8f9fa;--color-bg-dark: var(--color-primary);--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-secondary: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", 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: 2rem;--font-size-4xl: 2.5rem;--font-size-5xl: 3rem;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--z-index-dropdown: 1000;--z-index-sticky: 1020;--z-index-fixed: 1030;--z-index-modal-backdrop: 1040;--z-index-modal: 1050;--z-index-popover: 1060;--z-index-tooltip: 1070;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out}body{margin:0;font-family:var(--font-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}@media (max-width: 768px){.hide-mobile{display:none}}@media (min-width: 769px){.hide-desktop{display:none}}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;color:#1a1a1a}#root{min-height:100vh;display:flex;flex-direction:column}:root{--color-primary: #0A2140;--color-secondary: #00C8B8;--color-gradient-start: #00C8B8;--color-gradient-end: #5AC8FA;--gradient-primary: linear-gradient(135deg, var(--color-gradient-start) 0%, var(--color-gradient-end) 100%);--gradient-aurora: linear-gradient(135deg, #667eea 0%, #764ba2 25%, #f093fb 50%, #4facfe 75%, #00f2fe 100%);--color-text-primary: #1a1a1a;--color-text-secondary: #666666;--color-text-light: #ffffff;--color-bg-primary: #ffffff;--color-bg-secondary: #f8f9fa;--color-bg-dark: var(--color-primary);--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-secondary: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", 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: 2rem;--font-size-4xl: 2.5rem;--font-size-5xl: 3rem;--font-size-h1: clamp(2.5rem, 5vw, 4rem);--font-size-h2: clamp(2rem, 4vw, 3rem);--font-size-h3: clamp(1.5rem, 3vw, 2rem);--font-size-h4: clamp(1.25rem, 2vw, 1.5rem);--font-size-body: 1rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--spacing-xs: 4px;--spacing-s: 8px;--spacing-sm: 8px;--spacing-m: 16px;--spacing-md: 16px;--spacing-l: 24px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--border-radius: 8px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--z-index-dropdown: 1000;--z-index-sticky: 1020;--z-index-fixed: 1030;--z-index-modal-backdrop: 1040;--z-index-modal: 1050;--z-index-popover: 1060;--z-index-tooltip: 1070;--z-index-header: 1100;--transition-base: all .25s ease-in-out;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:1.2;color:var(--color-text-primary)}h1{font-size:var(--font-size-h1)}h2{font-size:var(--font-size-h2)}h3{font-size:var(--font-size-h3)}h4{font-size:var(--font-size-h4)}p{line-height:1.6;color:var(--color-text-secondary)}a{color:var(--color-secondary);text-decoration:none;transition:var(--transition-base)}a:hover{color:var(--color-gradient-end)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.page-header{padding:80px 0 40px;background:linear-gradient(135deg,var(--color-primary) 0%,#0A3155 100%);color:#fff;text-align:center}.page-header h1{color:#fff;margin-bottom:16px}.services-page{padding:80px 0;background:var(--color-bg-primary)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;margin-top:48px}.service-card{background:#fff;border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow-md);transition:var(--transition-base);border:1px solid rgba(0,200,184,.1)}.service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--color-secondary)}.service-card h3{margin-bottom:16px;color:var(--color-primary)}.service-card ul{list-style:none;padding:0}.service-card ul li{padding:8px 0 8px 24px;position:relative;color:var(--color-text-secondary)}.service-card ul li:before{content:"✓";position:absolute;left:0;color:var(--color-secondary);font-weight:700}.about-page{padding:80px 0}.about-content{max-width:800px;margin:0 auto;padding:0 20px}.about-intro{text-align:center;margin-bottom:48px}.about-intro h2{color:var(--color-primary);margin-bottom:16px}.about-section{margin-bottom:40px}.about-section h3{color:var(--color-primary);margin-bottom:16px}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-top:32px}.value-item{text-align:center;padding:24px;background:var(--color-bg-secondary);border-radius:var(--radius-md)}.value-item h4{color:var(--color-secondary);margin-bottom:12px}.blog-page{padding:80px 0}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:32px;margin-top:48px}.blog-card{background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);transition:var(--transition-base)}.blog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.blog-card-image{width:100%;height:200px;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-size:48px}.blog-card-content{padding:24px}.blog-card h3{margin-bottom:12px;color:var(--color-primary)}.blog-meta{display:flex;justify-content:space-between;margin-bottom:12px;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.read-more{color:var(--color-secondary);font-weight:var(--font-weight-medium);display:inline-flex;align-items:center;gap:4px}.contact-page{padding:80px 0}.contact-content{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1fr 1fr;gap:48px}.contact-form{background:#fff;padding:32px;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.contact-form h2{margin-bottom:24px;color:var(--color-primary)}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.form-group input,.form-group textarea{width:100%;padding:12px;border:1px solid #e0e0e0;border-radius:var(--radius-sm);font-size:var(--font-size-base);transition:var(--transition-base)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-secondary);box-shadow:0 0 0 3px #00c8b81a}.form-group textarea{min-height:120px;resize:vertical}.submit-btn{background:var(--gradient-primary);color:#fff;border:none;padding:12px 32px;border-radius:var(--radius-sm);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-base)}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00c8b84d}.contact-info{padding:32px}.contact-info h2{margin-bottom:24px;color:var(--color-primary)}.info-item{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px}.info-item svg{color:var(--color-secondary);flex-shrink:0}.info-item div h3{margin-bottom:4px;color:var(--color-primary);font-size:var(--font-size-lg)}.privacy-page,.terms-page{padding:80px 0}.legal-content{max-width:800px;margin:0 auto;padding:0 20px}.legal-content h2{color:var(--color-primary);margin-top:32px;margin-bottom:16px}.legal-content h3{color:var(--color-primary);margin-top:24px;margin-bottom:12px}.legal-content ul{margin-left:24px;margin-bottom:16px}.legal-content li{margin-bottom:8px;line-height:1.6}footer{background:var(--color-primary);color:#fff;padding:60px 0 30px;margin-top:auto}.footer-content{max-width:1200px;margin:0 auto 32px;padding:0 20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:32px}.footer-section h3{color:#fff;margin-bottom:16px;font-size:1.25rem}.footer-section h4{color:#fff;margin-bottom:20px;font-size:1.1rem;font-weight:600}.footer-section p,.footer-section ul{color:#ffffffd9;line-height:1.8}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin-bottom:12px}.footer-section a{color:#ffffffbf;text-decoration:none;display:block;padding:6px 0;transition:all .25s ease-in-out;font-size:.95rem}.footer-section a:hover{color:#00c8b8;transform:translate(5px)}.contact-info{margin-top:16px}.contact-info p{margin-bottom:12px;color:#ffffffd9;display:flex;align-items:center;gap:8px}.contact-info svg{color:#00c8b8;flex-shrink:0}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:24px;margin-top:40px;text-align:center;color:#ffffffb3;font-size:.9rem}@media (max-width: 768px){.services-grid,.contact-content,.blog-grid,.values-grid{grid-template-columns:1fr}.footer-content{grid-template-columns:1fr;text-align:center}}