@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";
:root{--color-primary:#2364e7;--color-primary-light:#5184ec;--color-primary-dark:#154fc1;--color-accent:#0ca6e9;--color-accent-light:#47c1f5;--color-success:#21c45d;--color-warning:#f59f0a;--color-danger:#ef4343;--color-bg:#f3f5f7;--color-surface:#fff;--color-surface-2:#f6f7f8;--color-border:#dcdfe5;--color-border-subtle:#eaecf0;--color-text:#181d25;--color-text-secondary:#5a6272;--color-text-muted:#8f96a3;--color-text-inverse:#fff;--gradient-primary:linear-gradient(135deg, #2364e7, #0ca6e9);--gradient-hero:linear-gradient(135deg, #05132e 0%, #0f0f3d 50%, #092634 100%);--gradient-card:linear-gradient(135deg, #2364e714, #0ca6e90d);--gradient-shine:linear-gradient(105deg, transparent 40%, #ffffff26 50%, transparent 60%);--glass-bg:#ffffffb3;--glass-border:#ffffff80;--glass-blur:blur(20px);--glass-dark-bg:#0f142899;--glass-dark-border:#ffffff14;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-display:"Plus Jakarta Sans", "Inter", sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--text-7xl:4.5rem;--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;--space-32:8rem;--radius-sm:.375rem;--radius-md:.625rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-2xl:2rem;--radius-full:9999px;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 16px #00000014, 0 2px 8px #0000000a;--shadow-lg:0 10px 40px #0000001a, 0 4px 16px #0000000f;--shadow-xl:0 20px 60px #0000001f, 0 8px 24px #00000014;--shadow-glow:0 0 40px #4285f440;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1);--container-max:1280px;--nav-height:72px}[data-theme=dark]{--color-bg:#0e1115;--color-surface:#171a21;--color-surface-2:#1d222a;--color-border:#2b303b;--color-border-subtle:#23272f;--color-text:#edf0f3;--color-text-secondary:#9ba2b0;--color-text-muted:#676f7e;--glass-bg:#0f1428b3;--glass-border:#ffffff12;--shadow-md:0 4px 16px #0000004d, 0 2px 8px #0003;--shadow-lg:0 10px 40px #0006, 0 4px 16px #00000040;--shadow-xl:0 20px 60px #00000080, 0 8px 24px #0000004d}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text);background-color:var(--color-bg);transition:background-color var(--transition-base), color var(--transition-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}img,video{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}ul,ol{list-style:none}.container{width:100%;max-width:var(--container-max);padding:0 var(--space-6);margin:0 auto}@media (max-width:768px){.container{padding:0 var(--space-4)}}.section{padding:var(--space-24) 0}@media (max-width:768px){.section{padding:var(--space-16) 0}}.font-display{font-family:var(--font-display)}.text-gradient{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);font-size:var(--text-sm);letter-spacing:.01em;transition:all var(--transition-base);white-space:nowrap;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 20px #4285f459}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #4285f473}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:1.5px solid var(--color-border)}.btn-secondary:hover{background:var(--color-surface-2);border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-1px)}.btn-ghost{color:var(--color-text-secondary);background:0 0}.btn-ghost:hover{background:var(--color-surface-2);color:var(--color-text)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:all var(--transition-base);box-shadow:var(--shadow-sm);overflow:visible}.card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-primary-light);transform:translateY(-4px)}.card-glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl)}[data-theme=dark] .card-glass{background:var(--glass-dark-bg);border-color:var(--glass-dark-border)}.badge{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;font-weight:600;display:inline-flex}.badge-primary{color:var(--color-primary);background:#4285f41f;border:1px solid #4285f433}.badge-success{color:var(--color-success);background:#34c7591f;border:1px solid #34c75933}.badge-accent{color:var(--color-accent);background:#00bcd41f;border:1px solid #00bcd433}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #4285f44d}50%{box-shadow:0 0 40px #4285f499}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.animate-fadeInUp{animation:.6s forwards fadeInUp}.animate-float{animation:4s ease-in-out infinite float}.animate-pulse-glow{animation:2s ease-in-out infinite pulse-glow}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(30px)}.reveal.visible{opacity:1;transform:translateY(0)}.section-label{font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--color-primary);margin-bottom:var(--space-3);font-weight:700}.section-title{font-family:var(--font-display);font-size:clamp(var(--text-3xl), 5vw, var(--text-5xl));color:var(--color-text);letter-spacing:-.02em;font-weight:800;line-height:1.15}.section-subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:600px;margin-top:var(--space-4);line-height:1.7}.input{padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text);font-family:var(--font-sans);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;width:100%}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #4285f426}.input::placeholder{color:var(--color-text-muted)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}::selection{color:var(--color-primary-dark);background:#4285f433}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}