@import "https://fonts.googleapis.com/css2?family=Google+Sans:wght@300;400;500;600;700&display=swap";
html{scroll-behavior:smooth}*{box-sizing:border-box;margin:0;padding:0}html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;max-width:100vw;font-family:Google Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden}body{color:rgb(var(--foreground-rgb));background:linear-gradient(to bottom,transparent,rgb(var(--background-end-rgb)))rgb(var(--background-start-rgb))}a{color:inherit;text-decoration:none}:root{--space-xxs:4px;--space-xs:8px;--space-sm:16px;--space-md:24px;--space-lg:32px;--space-xl:48px;--space-xxl:64px;--font-xs:.875rem;--font-sm:1rem;--font-md:1.25rem;--font-lg:2rem;--font-xl:2.5rem;--font-xxl:3rem;--weight-regular:400;--weight-medium:500;--weight-bold:700;--teal-primary:#06b6d4;--teal-secondary:#0891b2;--teal-light:var(--teal-light);--teal-dark:var(--teal-dark);--teal-accent:#67e8f9;--teal-muted:#155e75;--primary:var(--teal-primary);--secondary:var(--teal-secondary);--accent:var(--teal-accent);--teal:var(--teal-primary);--black:#000;--black-soft:#1a1a1a;--white:#fff;--background:#f8f9fa;--foreground:#000;--muted:#6c757d;--card-bg:#fff;--divider:#e5e7eb;--card-shadow:0 4px 16px #06b6d414;--card-shadow-hover:0 8px 24px #06b6d41f;--shadow:0 4px 6px #06b6d41a;--shadow-hover:0 8px 15px #06b6d426;--radius-sm:8px;--radius-md:16px;--radius-lg:32px;--transition:.2s cubic-bezier(.4,0,.2,1)}body{color:var(--foreground);background:var(--background);font-family:Google Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.7}h1,h2,h3,h4,h5,h6{font-family:Google Sans,sans-serif;font-weight:var(--weight-bold);margin-bottom:var(--space-sm);line-height:1.2}h1{font-size:var(--font-xxl)}h2{font-size:var(--font-xl)}h3{font-size:var(--font-lg)}h4{font-size:var(--font-md)}h5{font-size:var(--font-sm)}h6{font-size:var(--font-xs)}p,li,span,a,button{font-size:var(--font-sm);font-weight:var(--weight-regular)}a{color:var(--teal-primary);transition:color var(--transition);text-decoration:none}a:hover,a:focus{color:var(--teal-accent)}.button,button,input[type=submit]{padding:var(--space-xs)var(--space-md);border-radius:var(--radius-md);background:var(--teal-primary);color:#fff;font-weight:var(--weight-bold);font-size:var(--font-md);box-shadow:var(--card-shadow);cursor:pointer;transition:background var(--transition),box-shadow var(--transition),transform var(--transition);border:none;display:inline-block}.button.secondary,button.secondary{background:var(--teal-secondary);color:#fff}.button:hover,button:hover,.button:focus,button:focus{background:var(--teal-accent);color:var(--foreground);box-shadow:var(--card-shadow-hover);transform:scale(1.04)}.card{background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--card-shadow);padding:var(--space-lg);transition:box-shadow var(--transition),transform var(--transition);text-align:center}.card:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-4px)scale(1.02)}.section{padding:var(--space-xxl)0;margin-bottom:var(--space-xl)}.mt-lg{margin-top:var(--space-lg)}.mb-lg{margin-bottom:var(--space-lg)}.pt-lg{padding-top:var(--space-lg)}.pb-lg{padding-bottom:var(--space-lg)}.divider{background:linear-gradient(90deg,var(--divider)0%,var(--teal-primary)100%);width:100%;height:2px;margin:var(--space-lg)0;border-radius:var(--radius-sm)}.fade-in{opacity:0;animation:.8s ease-out forwards fadeInUp;transform:translateY(24px)}@keyframes fadeInUp{to{opacity:1;transform:none}}*{transition:background var(--transition),color var(--transition),box-shadow var(--transition),border-color var(--transition)}:focus-visible{outline:2px solid var(--teal-primary);outline-offset:2px}button,.button,a{min-width:44px;min-height:44px;padding:.5em 1.2em;font-size:1rem}@media (max-width:600px){html{font-size:15px}button,.button,a{padding:.7em 1.2em;font-size:1rem}}@media (max-width:768px){html{font-size:14px}}.ai-animation-container,.ai-animation-enhanced-container{width:100%;height:100%;position:relative;overflow:hidden}.ai-animation-canvas,.ai-animation-enhanced-canvas{display:block}.ai-typing-animation{color:var(--teal-primary);align-items:center;gap:12px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:1.1rem;display:inline-flex}.typing-text{display:inline-block;position:relative}.typing-cursor{color:var(--teal-accent);font-weight:700;animation:1s infinite blink}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.ai-processing-indicator{align-items:center;display:flex}.processing-dots{gap:4px;display:flex}.processing-dots .dot{background:var(--teal-primary);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite processing}.processing-dots .dot:first-child{animation-delay:-.32s}.processing-dots .dot:nth-child(2){animation-delay:-.16s}.processing-dots .dot:nth-child(3){animation-delay:0s}@keyframes processing{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.ai-particle{pointer-events:none;background:var(--teal-primary);border-radius:50%;animation:6s ease-in-out infinite float;position:absolute}@keyframes float{0%,to{opacity:.3;transform:translateY(0)rotate(0)}50%{opacity:.8;transform:translateY(-20px)rotate(180deg)}}.ai-glow{position:relative}.ai-glow:before{content:"";background:linear-gradient(45deg,var(--teal-primary),var(--teal-accent),var(--teal-primary));border-radius:inherit;z-index:-1;opacity:0;transition:opacity .3s;position:absolute;inset:-2px}.ai-glow:hover:before{opacity:.3}.ai-data-stream{position:relative;overflow:hidden}.ai-data-stream:after{content:"";background:linear-gradient(90deg,transparent,var(--teal-primary),transparent);width:100%;height:100%;animation:2s infinite dataStream;position:absolute;top:0;left:-100%}@keyframes dataStream{0%{left:-100%}to{left:100%}}.ai-grid{background-image:linear-gradient(#06b6d41a 1px,#0000 1px),linear-gradient(90deg,#06b6d41a 1px,#0000 1px);background-size:20px 20px;animation:20s linear infinite gridMove;position:relative}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(20px,20px)}}
