:root{font-family:system-ui,-apple-system,sans-serif;--color-bg-primary: #1a1a1a;--color-bg-secondary: #2a2a2a;--color-bg-tertiary: #3a3a3a;--color-bg-glass: rgba(30, 30, 30, .85);--color-bg-glass-hover: rgba(40, 40, 40, .9);--color-text-primary: #ffffff;--color-text-secondary: #a0a0a0;--color-text-muted: #666666;--color-accent: #4a9eff;--color-accent-hover: #6ab0ff;--color-success: #4ade80;--color-error: #f87171;--color-border: rgba(255, 255, 255, .1);--color-border-hover: rgba(255, 255, 255, .2);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .4);--transition-fast: .1s ease;--transition-normal: .15s ease;--transition-slow: .3s ease}body{margin:0;background-color:var(--color-bg-primary)}.glass-panel{background:var(--color-bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:var(--radius-lg)}*{box-sizing:border-box}button{font-family:inherit;cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.glass-panel{background:var(--color-bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border:none;border-radius:var(--radius-md);background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:14px;font-weight:500;transition:background var(--transition-fast),transform var(--transition-fast)}.btn:hover{background:var(--color-bg-tertiary)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:disabled:hover{background:var(--color-bg-secondary);transform:none}.btn--icon{width:36px;height:36px;padding:0}.btn--primary{background:var(--color-accent);color:#fff}.btn--primary:hover{background:var(--color-accent-hover)}.btn--ghost{background:transparent}.btn--ghost:hover{background:var(--color-bg-glass-hover)}.input{width:100%;padding:var(--space-sm) var(--space-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:14px;font-family:inherit;transition:border-color var(--transition-fast)}.input:hover{border-color:var(--color-border-hover)}.input:focus{outline:none;border-color:var(--color-accent)}.input::placeholder{color:var(--color-text-muted)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}:focus:not(:focus-visible){outline:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-bg-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes slideInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes scaleOut{0%{transform:scale(1);opacity:1}to{transform:scale(.9);opacity:0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.animate-fade-in{animation:fadeIn var(--transition-normal) ease forwards}.animate-fade-out{animation:fadeOut var(--transition-normal) ease forwards}.animate-slide-in-right{animation:slideInRight var(--transition-slow) ease forwards}.animate-slide-out-right{animation:slideOutRight var(--transition-slow) ease forwards}.animate-slide-in-up{animation:slideInUp var(--transition-normal) ease forwards}.animate-slide-in-down{animation:slideInDown var(--transition-normal) ease forwards}.animate-scale-in{animation:scaleIn var(--transition-normal) ease forwards}.animate-scale-out{animation:scaleOut var(--transition-normal) ease forwards}.animate-pulse{animation:pulse 2s ease-in-out infinite}.landing-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;padding:40px 24px;background-color:var(--color-bg-primary)}.landing-page__header{text-align:center;animation:slideInDown .6s ease forwards}.landing-page__title{font-size:3rem;font-weight:700;color:var(--color-text-primary);letter-spacing:-.02em;margin:0}.landing-page__tagline{font-size:1.15rem;color:var(--color-text-secondary);margin:8px 0 0;font-weight:400}.landing-page__mosaic{animation:scaleIn .6s ease .1s both}.landing-page__overview-img{display:block;width:min(500px,70vw);height:auto;border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);image-rendering:pixelated;transition:box-shadow .3s ease}.landing-page__overview-img:hover{box-shadow:0 0 40px #4a9eff40}.landing-page__overview-placeholder{width:min(500px,70vw);aspect-ratio:1;border-radius:var(--radius-lg);background:var(--color-bg-secondary);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center}.landing-page__spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.landing-page__stats-error{color:var(--color-text-muted);font-size:.9rem;margin:0}.landing-page__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;width:100%;max-width:620px}.landing-page__stat{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 12px;animation:slideInUp .5s ease both}.landing-page__stat:nth-child(1){animation-delay:.25s}.landing-page__stat:nth-child(2){animation-delay:.35s}.landing-page__stat:nth-child(3){animation-delay:.45s}.landing-page__stat:nth-child(4){animation-delay:.55s}.landing-page__stat-icon{color:var(--color-accent);margin-bottom:2px}.landing-page__stat-value{font-size:1.35rem;font-weight:700;color:var(--color-text-primary);font-variant-numeric:tabular-nums}.landing-page__stat-label{font-size:.75rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em}.landing-page__how-it-works{width:100%;max-width:620px;animation:slideInUp .6s ease .5s both}.landing-page__section-title{text-align:center;font-size:1.3rem;font-weight:600;color:var(--color-text-primary);margin:0 0 16px}.landing-page__steps{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.landing-page__step{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px 16px;gap:8px}.landing-page__step-icon{color:var(--color-accent);margin-bottom:4px}.landing-page__step-title{font-size:.95rem;font-weight:600;color:var(--color-text-primary);margin:0}.landing-page__step-desc{font-size:.85rem;color:var(--color-text-secondary);margin:0;line-height:1.5}.landing-page__cta{background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-full);padding:14px 40px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:background .2s ease,transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 20px #4a9eff4d;animation:slideInUp .6s ease .6s both}.landing-page__cta:hover{background:var(--color-accent-hover);transform:translateY(-1px);box-shadow:0 6px 28px #4a9eff66}.landing-page__cta:active{transform:translateY(0)}@media(max-width:640px){.landing-page{gap:24px;padding:32px 16px}.landing-page__title{font-size:2rem}.landing-page__tagline{font-size:.95rem}.landing-page__overview-img,.landing-page__overview-placeholder{width:min(400px,85vw)}.landing-page__stats{grid-template-columns:repeat(2,1fr);max-width:320px}.landing-page__stat{padding:12px 10px}.landing-page__stat-value{font-size:1rem}.landing-page__steps{grid-template-columns:1fr}.landing-page__cta{padding:12px 32px;font-size:1rem}}.not-found{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 24px;background-color:var(--color-bg-primary)}.not-found__code{font-size:6rem;font-weight:700;color:var(--color-text-primary);margin:0;line-height:1;opacity:.15}.not-found__message{font-size:1.15rem;color:var(--color-text-secondary);margin:0}.not-found__links{display:flex;gap:16px;margin-top:20px}.not-found__link{padding:10px 24px;border-radius:var(--radius-full);background:var(--color-accent);color:#fff;text-decoration:none;font-weight:600;font-size:.95rem;transition:background .2s ease,transform .2s ease}.not-found__link:hover{background:var(--color-accent-hover);transform:translateY(-1px)}.not-found__link--secondary{background:var(--color-bg-secondary);color:var(--color-text-primary)}.not-found__link--secondary:hover{background:var(--color-bg-tertiary)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%}canvas{display:block}