@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Geist:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--space-9: 5rem;--space-10: 6rem;--space-11: 8rem;--section-padding: clamp(3rem, 8vw, 6rem);--container-max: 1200px;--nav-height: 72px;--blur-amount: 28px;--glass-saturate: 1.8;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--bp-sm: 480px;--bp-md: 768px;--bp-lg: 1024px;--bp-xl: 1200px;--nav-height-mobile: 60px;--section-padding-mobile: 2rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Geist,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-default);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;text-wrap:balance}p{text-wrap:pretty}body:before{content:"";position:fixed;top:0;left:0;right:0;height:100vh;background:radial-gradient(ellipse 80% 50% at 50% -20%,var(--gradient-radial-primary),transparent),radial-gradient(ellipse 60% 40% at 100% 0%,var(--gradient-radial-secondary),transparent),radial-gradient(ellipse 50% 50% at 0% 50%,var(--gradient-radial-tertiary),transparent);pointer-events:none;z-index:0;transition:background .3s ease}@keyframes liquidShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes liquidPulse{0%,to{opacity:.4}50%{opacity:1}}#root{position:relative;z-index:1}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}img{max-width:100%;height:auto}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 1rem}@media(min-width:480px){.container{padding:0 1.25rem}}@media(min-width:768px){.container{padding:0 2rem}}@supports (padding: max(0px)){.container{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;border-radius:12px;transition:all var(--transition-normal);white-space:nowrap}.btn--primary{background:var(--btn-primary-bg);color:var(--btn-primary-text);box-shadow:0 4px 16px var(--btn-primary-shadow)}.btn--primary:hover{background:var(--primary-light);box-shadow:0 6px 20px var(--btn-primary-shadow);transform:translateY(-1px)}.btn--secondary{background:var(--btn-secondary-bg);color:var(--btn-secondary-text);border:1px solid var(--btn-secondary-border)}.btn--secondary:hover{border-color:var(--primary-main);color:var(--primary-main)}.btn--outline{background:transparent;color:var(--primary-main);border:2px solid var(--primary-main)}.btn--outline:hover{background:var(--primary-a10)}.btn--lg{padding:1rem 2rem;font-size:1rem}@media(max-width:480px){.btn{padding:.875rem 1.25rem;font-size:.9375rem;min-height:44px}.btn--lg{padding:1rem 1.5rem;font-size:.9375rem;width:100%;min-height:48px}}.section-title{text-align:center;margin-bottom:3rem}.section-title__label{font-size:.9375rem;font-weight:600;color:var(--primary-main);font-family:JetBrains Mono,monospace;margin-bottom:.75rem}.section-title__heading{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;color:var(--text-primary);line-height:1.2;margin-bottom:.75rem}.section-title__subheading{font-size:1.0625rem;color:var(--text-secondary);max-width:560px;margin:0 auto}@media(max-width:480px){.section-title{margin-bottom:2rem}.section-title__heading{font-size:1.5rem}.section-title__subheading{font-size:.9375rem}}.glass-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:14px;padding:1.5rem;box-shadow:0 8px 24px var(--card-shadow-sm);transition:transform var(--transition-normal),box-shadow var(--transition-normal);position:relative}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--card-border-glow);pointer-events:none;border-radius:14px 14px 0 0}.glass-card:hover{transform:translateY(-2px);box-shadow:0 12px 32px var(--card-shadow-md)}@media(max-width:480px){.glass-card{padding:1.25rem;border-radius:12px}}.glass-card--elevated{background:var(--bg-surface);box-shadow:0 8px 28px var(--card-shadow-md)}.code-block{background:var(--bg-page-a90);border:1px solid var(--border);border-radius:12px;overflow:hidden;font-family:JetBrains Mono,monospace;font-size:.8125rem;line-height:1.6}.code-block__header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--bg-surface-a80);border-bottom:1px solid var(--border)}.code-block__title{font-size:.8125rem;color:var(--text-secondary)}.code-block__dots{display:flex;gap:6px}.code-block__dot{width:8px;height:8px;border-radius:50%}.code-block__dot--red{background:var(--error)}.code-block__dot--yellow{background:var(--warning)}.code-block__dot--green{background:var(--success)}.code-block__content{padding:1rem 1.25rem;overflow-x:auto;-webkit-overflow-scrolling:touch}@media(max-width:480px){.code-block{font-size:.75rem;line-height:1.5}.code-block__header{padding:.5rem .75rem}.code-block__content{padding:.75rem 1rem}}.code-block__line{display:block}.code-block .keyword{color:var(--secondary-light)}.code-block .function{color:var(--primary-main)}.code-block .string{color:var(--success)}.code-block .number{color:var(--warning)}.code-block .comment{color:var(--text-hint)}.code-block--animated .code-block__line{opacity:0;transform:translateY(4px);animation:codeLineReveal .5s var(--transition-slow) forwards;animation-delay:calc(var(--line-index) * .14s + .2s)}.code-block__cursor{display:inline-block;width:.5em;height:1em;margin-left:2px;background:var(--primary-main);vertical-align:text-bottom;opacity:0;animation:codeLineReveal .3s ease forwards,codeCursorBlink 1s step-end infinite;animation-delay:var(--cursor-delay),var(--cursor-delay)}@keyframes codeLineReveal{to{opacity:1;transform:translateY(0)}}@keyframes codeCursorBlink{0%,to{opacity:1}50%{opacity:0}}@media(prefers-reduced-motion:reduce){.code-block--animated .code-block__line,.code-block__cursor{animation:none;opacity:1;transform:none}}