:root{--color-primary: #003366;--color-primary-light: #004d99;--color-primary-dark: #001a33;--color-secondary: #0066cc;--color-secondary-light: #3399ff;--color-secondary-dark: #004d99;--color-accent: #ff6600;--color-accent-light: #ff8533;--color-accent-dark: #cc5200;--color-white: #ffffff;--color-gray-50: #f8fafc;--color-gray-100: #f1f5f9;--color-gray-200: #e2e8f0;--color-gray-300: #cbd5e1;--color-gray-400: #94a3b8;--color-gray-500: #64748b;--color-gray-600: #475569;--color-gray-700: #334155;--color-gray-800: #1e293b;--color-gray-900: #0f172a;--color-black: #000000;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--spacing-4xl: 6rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-glow: 0 0 40px rgba(0, 102, 204, .15);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1);--container-max-width: 1280px;--container-padding: 1.5rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-primary);font-size:1rem;line-height:1.7;color:var(--color-gray-700);background-color:var(--color-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2;color:var(--color-gray-900);margin-bottom:var(--spacing-md);letter-spacing:-.02em}h1{font-size:clamp(2.5rem,5vw,3.5rem)}h2{font-size:clamp(2rem,4vw,2.75rem)}h3{font-size:clamp(1.5rem,3vw,1.875rem)}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{margin-bottom:var(--spacing-md)}a{color:var(--color-secondary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary)}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding)}.section{padding:var(--spacing-4xl) 0;position:relative}.section-title{text-align:center;margin-bottom:var(--spacing-3xl)}.section-title h2{color:var(--color-gray-900);margin-bottom:var(--spacing-md)}.section-title h2 .highlight{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-title p{color:var(--color-gray-500);max-width:640px;margin:0 auto;font-size:1.125rem}.fade-in{opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}.fade-in.visible{opacity:1;transform:translateY(0)}.fade-in-left{opacity:0;transform:translate(-40px);transition:opacity .6s ease-out,transform .6s ease-out}.fade-in-left.visible{opacity:1;transform:translate(0)}.fade-in-right{opacity:0;transform:translate(40px);transition:opacity .6s ease-out,transform .6s ease-out}.fade-in-right.visible{opacity:1;transform:translate(0)}.scale-in{opacity:0;transform:scale(.9);transition:opacity .5s ease-out,transform .5s var(--transition-spring)}.scale-in.visible{opacity:1;transform:scale(1)}.stagger-children>*{opacity:0;transform:translateY(20px);transition:opacity .4s ease-out,transform .4s ease-out}.stagger-children.visible>*{opacity:1;transform:translateY(0)}.stagger-children.visible>*:nth-child(1){transition-delay:.08s}.stagger-children.visible>*:nth-child(2){transition-delay:.16s}.stagger-children.visible>*:nth-child(3){transition-delay:.24s}.stagger-children.visible>*:nth-child(4){transition-delay:.32s}.stagger-children.visible>*:nth-child(5){transition-delay:.4s}.stagger-children.visible>*:nth-child(6){transition-delay:.48s}.stagger-children.visible>*:nth-child(7){transition-delay:.56s}.stagger-children.visible>*:nth-child(8){transition-delay:.64s}.stagger-children.visible>*:nth-child(9){transition-delay:.72s}.stagger-children.visible>*:nth-child(10){transition-delay:.8s}.stagger-children.visible>*:nth-child(11){transition-delay:.88s}.stagger-children.visible>*:nth-child(12){transition-delay:.96s}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:.875rem 1.75rem;font-family:var(--font-primary);font-size:.95rem;font-weight:600;line-height:1.5;text-decoration:none;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden}.btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 50%);opacity:0;transition:opacity var(--transition-fast)}.btn:hover:before{opacity:1}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:var(--color-white);box-shadow:0 4px 14px #0033664d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #0366;color:var(--color-white)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-secondary-light) 100%);color:var(--color-white);box-shadow:0 4px 14px #0066cc4d}.btn-secondary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #06c6;color:var(--color-white)}.btn-outline{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-outline:hover:not(:disabled){background:var(--color-primary);color:var(--color-white);transform:translateY(-2px)}.btn-accent{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-light) 100%);color:var(--color-white);box-shadow:0 4px 14px #ff66004d}.btn-accent:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #f606;color:var(--color-white)}.btn-ghost{background:#ffffff1a;color:var(--color-white);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.btn-ghost:hover:not(:disabled){background:#fff3;color:var(--color-white)}.btn-lg{padding:1rem 2rem;font-size:1.05rem;border-radius:var(--radius-xl)}.btn-sm{padding:.5rem 1rem;font-size:.875rem;border-radius:var(--radius-md)}.card{background-color:var(--color-white);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-normal);border:1px solid var(--color-gray-100)}.card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl),var(--shadow-glow);border-color:transparent}.card-glass{background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.5)}.card-image{width:100%;height:220px;object-fit:cover;background:linear-gradient(135deg,var(--color-gray-100) 0%,var(--color-gray-200) 100%)}.card-content{padding:var(--spacing-xl)}.card-title{font-size:1.25rem;margin-bottom:var(--spacing-sm);color:var(--color-gray-900)}.card-description{color:var(--color-gray-500);margin-bottom:var(--spacing-md);line-height:1.6}.grid{display:grid;gap:var(--spacing-xl)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;font-weight:500;margin-bottom:var(--spacing-sm);color:var(--color-gray-700);font-size:.9rem}.form-input,.form-textarea,.form-select{width:100%;padding:.875rem 1rem;font-family:var(--font-primary);font-size:1rem;border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);transition:all var(--transition-fast);background-color:var(--color-white)}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--color-secondary);box-shadow:0 0 0 4px #0066cc1a}.form-input::placeholder,.form-textarea::placeholder,.form-select::placeholder{color:var(--color-gray-400)}.form-textarea{min-height:140px;resize:vertical}.feature-list{list-style:none}.feature-list li{position:relative;padding-left:2rem;margin-bottom:var(--spacing-md);color:var(--color-gray-600)}.feature-list li:before{content:"";position:absolute;left:0;top:.5rem;width:8px;height:8px;background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-accent) 100%);border-radius:50%}.bg-gradient-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--color-white)}.bg-gradient-mesh{background-color:var(--color-gray-50);background-image:radial-gradient(at 40% 20%,rgba(0,102,204,.08) 0px,transparent 50%),radial-gradient(at 80% 0%,rgba(0,51,102,.06) 0px,transparent 50%),radial-gradient(at 0% 50%,rgba(255,102,0,.05) 0px,transparent 50%),radial-gradient(at 80% 50%,rgba(0,102,204,.05) 0px,transparent 50%),radial-gradient(at 0% 100%,rgba(0,51,102,.08) 0px,transparent 50%)}.bg-light{background-color:var(--color-gray-50)}.bg-dark{background-color:var(--color-gray-900);color:var(--color-gray-100)}.text-gradient{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-secondary)}.text-accent{color:var(--color-accent)}.text-muted{color:var(--color-gray-500)}.text-center{text-align:center}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-sm)}.mt-2{margin-top:var(--spacing-md)}.mt-3{margin-top:var(--spacing-lg)}.mt-4{margin-top:var(--spacing-xl)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:var(--spacing-md)}.mb-3{margin-bottom:var(--spacing-lg)}.mb-4{margin-bottom:var(--spacing-xl)}.skeleton{background:linear-gradient(90deg,var(--color-gray-200) 25%,var(--color-gray-100) 50%,var(--color-gray-200) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--radius-md)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.spinner{width:40px;height:40px;border:3px solid var(--color-gray-200);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.floating{animation:float 3s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:pulse 2s ease-in-out infinite}.gradient-border{position:relative}.gradient-border:before{content:"";position:absolute;inset:0;padding:2px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary),var(--color-accent));border-radius:inherit;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor;pointer-events:none}.placeholder-image{background:linear-gradient(135deg,var(--color-gray-100) 0%,var(--color-gray-200) 100%);display:flex;align-items:center;justify-content:center;color:var(--color-gray-400);font-size:3rem}@media(max-width:768px){.section{padding:var(--spacing-3xl) 0}}