@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700&display=swap";.loading-page{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#ffffff;display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity .05s ease-out}.loading-page.dark-mode{background:#000000}.loading-page.light-mode{background:#ffffff}body.loading .site-header,body.loading .floating-card{display:none!important}body:not(.loading){transition:background-color .05s ease-out}body:not(.loading).dark-mode{background:#000000!important}body:not(.loading):not(.dark-mode){background:#ffffff!important}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;position:relative}.loading-logo{text-align:center}.loading-bar-container{width:300px;margin-top:1rem}.loading-bar{width:100%;height:4px;background:rgba(0,0,0,.1);border-radius:2px;overflow:hidden;position:relative}.dark-mode .loading-bar{background:rgba(255,255,255,.1)}.loading-bar-fill{height:100%;background:linear-gradient(90deg,#4ade80,#22c55e);border-radius:2px;transition:width .3s ease;position:relative}.loading-bar-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.loading-percentage{position:absolute;bottom:-40px;left:0;font-family:var(--font-mono);font-size:1.2rem;font-weight:600;color:var(--text-primary);opacity:.8}@media (max-width: 768px){.loading-container{gap:1rem}}@media (max-width: 480px){.loading-container{gap:.5rem}}:root{--color-primary: #ffffff;--color-secondary: #000000;--color-light-gray: #bcbcbc;--color-medium-gray: #797979;--color-dark-gray: #161717;--color-accent: #00ff00;--color-accent-light: #00ff00;--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: var(--color-light-gray);--text-primary: var(--color-secondary);--text-secondary: #4a5568;--text-muted: #718096;--border-color: var(--color-medium-gray);--border-light: var(--color-light-gray);--font-primary: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "Space Grotesk", "Courier New", monospace;--font-inter: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem}.dark-mode{--bg-primary: #0a0a0a;--bg-secondary: #1a1a1a;--bg-tertiary: #2a2a2a;--text-primary: #ffffff;--text-secondary: #e2e8f0;--text-muted: #a0aec0;--border-color: #4a5568;--border-light: #2d3748;--color-accent: #00ff00}.light-mode{--color-accent: #00cc00}*{margin:0;padding:0;box-sizing:border-box}*:before,*:after{box-sizing:border-box}body{font-family:var(--font-primary);color:var(--text-primary);background-color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-normal),color var(--transition-normal);scroll-behavior:smooth;scroll-snap-type:y proximity}html{scroll-behavior:auto}body{scroll-behavior:auto;-webkit-overflow-scrolling:touch}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-tertiary{background-color:var(--bg-tertiary)}.border{border:1px solid var(--border-color)}.border-t{border-top:1px solid var(--border-color)}.border-b{border-bottom:1px solid var(--border-color)}.border-l{border-left:1px solid var(--border-color)}.border-r{border-right:1px solid var(--border-color)}.App{min-height:100vh;display:flex;flex-direction:column;background-color:#fff}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lottie-small{width:80px!important;height:80px!important;max-width:80px!important;max-height:80px!important;transform:scale(.5)!important}.lottie-small svg,.lottie-small canvas{width:80px!important;height:80px!important;max-width:80px!important;max-height:80px!important;transform:scale(.5)!important}#loadingLottie{width:80px;height:80px}main{flex:1;width:100%;position:relative;z-index:1}