@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap";@font-face{font-family:Eras ITC Demi;src:url(/assets/eras-itc-demi-CwI1-IQY.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}.landing-page{min-height:100vh;height:auto;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);color:#fff;font-family:Roboto,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.landing-container{max-width:1200px;margin:0 auto;padding:0 2rem}.landing-nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:#1a1a1af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);transition:all .3s ease}.landing-nav-content{display:flex;align-items:center;justify-content:center;gap:2.5rem;padding:1rem 0}.landing-nav-content a{color:#d1d5db;text-decoration:none;font-size:.9375rem;font-weight:500;transition:color .2s ease;position:relative}.landing-nav-content a:hover{color:#fff}.landing-nav-content a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);transition:width .2s ease}.landing-nav-content a:hover:after{width:100%}.landing-nav-cta{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:.625rem 1.5rem;font-size:.9375rem;font-weight:500;font-family:Roboto,Inter,sans-serif;border-radius:.5rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #3b82f64d}.landing-nav-cta:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.landing-hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding-top:5rem;background:radial-gradient(circle at 20% 50%,rgba(59,130,246,.15) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(139,92,246,.15) 0%,transparent 50%),linear-gradient(180deg,#1a1a1a00,#1a1a1a)}.landing-hero-content{max-width:700px;margin:0 auto}.landing-logo{display:inline-flex;align-items:center;justify-content:center;margin-bottom:2.5rem}.landing-logo h1{font-size:4rem;font-weight:400;margin:0;letter-spacing:.02em;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:Eras ITC Demi,Inter,Roboto,sans-serif}.landing-tagline{font-size:2.5rem;font-weight:500;margin:0 0 1.5rem;line-height:1.3;letter-spacing:-.01em;font-family:Roboto,Inter,sans-serif}.landing-description{font-size:1.125rem;line-height:1.7;color:#e5e7eb;margin:0 0 2.5rem;font-weight:400;letter-spacing:.01em}.landing-cta{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:.875rem 2.5rem;font-size:1rem;font-weight:500;font-family:Roboto,Inter,sans-serif;letter-spacing:.025em;border-radius:.5rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #3b82f64d,0 1px 3px #0000001a;text-transform:none}.landing-cta:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666,0 2px 4px #00000026;background:linear-gradient(135deg,#4b91f7,#3574ed)}.landing-cta:active{transform:translateY(0);box-shadow:0 1px 4px #3b82f64d}.landing-cta-large{font-size:1.0625rem;padding:1rem 3rem}.landing-subtitle{margin-top:1.25rem;color:#9ca3af;font-size:.9375rem;font-weight:400;letter-spacing:.01em;display:flex;align-items:center;justify-content:center;gap:.5rem}.landing-badge{display:inline-flex;align-items:center;gap:.5rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);padding:.5rem 1rem;border-radius:2rem;font-size:.875rem;color:#93c5fd;margin-bottom:2rem;font-weight:500}.landing-cta-group{display:flex;gap:1rem;align-items:center;justify-content:center;margin-bottom:1.5rem;flex-wrap:wrap}.landing-cta-primary{display:inline-flex;align-items:center;gap:.5rem}.landing-cta-secondary{background:transparent;border:2px solid rgba(59,130,246,.5);box-shadow:none}.landing-cta-secondary:hover{background:#3b82f61a;border-color:#3b82f6cc;box-shadow:none}.landing-hero-benefits{display:flex;gap:2rem;align-items:center;justify-content:center;margin-top:3rem;flex-wrap:wrap}.landing-benefit-item{display:flex;align-items:center;gap:.5rem;color:#d1d5db;font-size:.9375rem;font-weight:500}.landing-benefit-item svg{color:#3b82f6}.landing-image-placeholder{padding:4rem 0;background:#0f0f0f}.landing-image-placeholder-alt{background:#1a1a1a}.landing-image-section{padding:4rem 0;background:#0f0f0f}.landing-image-section-alt{background:#1a1a1a}.landing-image{width:100%;height:auto;border-radius:1rem;box-shadow:0 20px 60px #00000080;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.landing-image:hover{transform:scale(1.02);box-shadow:0 25px 80px #3b82f64d;border-color:#3b82f680}.landing-placeholder-box{border:2px dashed rgba(59,130,246,.3);border-radius:1rem;padding:4rem 2rem;background:#2d2d2d4d;transition:all .3s ease}.landing-placeholder-box:hover{border-color:#3b82f699;background:#2d2d2d80}.landing-placeholder-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem;color:#9ca3af}.landing-placeholder-content svg{color:#3b82f6;opacity:.5}.landing-placeholder-content p{font-size:1.25rem;font-weight:600;color:#d1d5db;margin:0}.landing-placeholder-content span{font-size:.9375rem;color:#9ca3af;max-width:500px}.landing-placeholder-testimonial{min-height:300px;display:flex;align-items:center;justify-content:center}.landing-stats{padding:4rem 0;background:#0f0f0f80;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.landing-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:3rem;text-align:center}.landing-stat{position:relative}.landing-stat:before{content:"";position:absolute;top:-1rem;left:50%;transform:translate(-50%);width:60px;height:4px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:2px}.landing-stat-number{font-size:3.5rem;font-weight:700;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2;margin-bottom:.5rem;font-family:Inter,Roboto,sans-serif}.landing-stat-label{font-size:1rem;color:#9ca3af;font-weight:500;text-transform:uppercase;letter-spacing:.1em}.landing-section-header{text-align:center;margin-bottom:4rem}.landing-section-subtitle{font-size:1.125rem;color:#d1d5db;margin-top:1rem;font-weight:400;line-height:1.6}.landing-how-it-works{padding:6rem 0;background:radial-gradient(circle at 50% 50%,rgba(59,130,246,.05) 0%,transparent 50%),#0f0f0f;position:relative}.landing-how-it-works:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(59,130,246,.5) 50%,transparent 100%)}.landing-steps{display:flex;flex-direction:column;gap:3rem;max-width:900px;margin:0 auto}.landing-step{display:flex;gap:2rem;align-items:flex-start;background:#2d2d2d4d;border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:2rem;transition:all .3s ease}.landing-step:hover{border-color:#3b82f680;background:#2d2d2d80;transform:translate(8px)}.landing-step-number{flex-shrink:0;width:60px;height:60px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:700;color:#fff}.landing-step-content{flex:1}.landing-step-content h3{font-size:1.5rem;font-weight:500;margin:0 0 .75rem;letter-spacing:-.01em}.landing-step-content p{color:#d1d5db;line-height:1.65;margin:0 0 1rem;font-size:.9375rem}.landing-step-features{display:flex;gap:1.5rem;flex-wrap:wrap}.landing-step-features span{display:flex;align-items:center;gap:.375rem;color:#9ca3af;font-size:.875rem;font-weight:500}.landing-step-features svg{color:#3b82f6}.landing-features{padding:6rem 0;background:radial-gradient(circle at 20% 20%,rgba(139,92,246,.08) 0%,transparent 40%),radial-gradient(circle at 80% 80%,rgba(59,130,246,.08) 0%,transparent 40%),#1a1a1a}.landing-section-title{text-align:center;font-size:2.5rem;font-weight:500;margin:0 0 4rem;letter-spacing:-.01em;font-family:Roboto,Inter,sans-serif}.landing-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.landing-feature-card{background:#2d2d2d80;border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:2rem;transition:all .3s ease;position:relative;overflow:hidden}.landing-feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);transform:scaleX(0);transition:transform .3s ease}.landing-feature-card:hover:before{transform:scaleX(1)}.landing-feature-card:hover{transform:translateY(-4px);border-color:#3b82f680;box-shadow:0 8px 30px #3b82f633;background:#2d2d2db3}.landing-feature-icon{width:60px;height:60px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:1rem;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:#fff}.landing-feature-card h3{font-size:1.375rem;font-weight:500;margin:0 0 .875rem;letter-spacing:-.01em;font-family:Roboto,Inter,sans-serif}.landing-feature-card p{color:#d1d5db;line-height:1.65;margin:0 0 1rem;font-size:.9375rem;font-weight:400;letter-spacing:.01em}.landing-feature-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.landing-feature-list li{color:#9ca3af;font-size:.875rem;display:flex;align-items:center;gap:.5rem}.landing-feature-list li:before{content:"✓";color:#3b82f6;font-weight:700;font-size:1rem}.landing-use-cases{padding:6rem 0;background:linear-gradient(135deg,#1f1f1f,#2d2d2d)}.landing-use-cases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.landing-use-case{background:#2d2d2d4d;border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:2rem;transition:all .3s ease}.landing-use-case:hover{border-color:#3b82f680;transform:translateY(-4px);box-shadow:0 8px 30px #3b82f633}.landing-use-case-icon{width:60px;height:60px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:1rem;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:#fff}.landing-use-case h3{font-size:1.375rem;font-weight:500;margin:0 0 .875rem;letter-spacing:-.01em;font-family:Roboto,Inter,sans-serif}.landing-use-case p{color:#d1d5db;line-height:1.65;margin:0 0 1rem;font-size:.9375rem;font-weight:400;letter-spacing:.01em}.landing-use-case-benefit{display:flex;align-items:center;gap:.5rem;color:#3b82f6;font-size:.875rem;font-weight:500;margin-top:1rem}.landing-use-case-benefit svg{flex-shrink:0}.landing-cta-section{padding:6rem 0;text-align:center;background:radial-gradient(circle at center,rgba(59,130,246,.2) 0%,transparent 70%),linear-gradient(180deg,#1a1a1a,#0f0f0f);position:relative}.landing-cta-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(59,130,246,.5) 50%,transparent 100%)}.landing-cta-content{max-width:800px;margin:0 auto}.landing-cta-section h2{font-size:2.5rem;font-weight:500;margin:0 0 1rem;letter-spacing:-.01em;font-family:Roboto,Inter,sans-serif}.landing-cta-section p{font-size:1.125rem;color:#d1d5db;margin:0 0 2.5rem;font-weight:400;letter-spacing:.01em;line-height:1.6}.landing-cta-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin:2.5rem 0;text-align:left}.landing-cta-feature{display:flex;align-items:center;gap:.75rem;color:#e5e7eb;font-size:1rem;font-weight:500}.landing-cta-feature svg{color:#3b82f6;flex-shrink:0}.landing-cta-note{margin-top:1rem;color:#9ca3af;font-size:.875rem;font-weight:400}.landing-footer{padding:3rem 0;background:#0f0f0f;border-top:1px solid rgba(255,255,255,.1)}.landing-footer-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.landing-footer-logo{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:400;letter-spacing:.02em;font-family:Eras ITC Demi,Inter,Roboto,sans-serif}.landing-footer-logo span{background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-footer-links{display:flex;align-items:center;gap:1rem;font-size:.875rem}.landing-footer-links a{color:#9ca3af;text-decoration:none;transition:color .2s ease;font-weight:400}.landing-footer-links a:hover{color:#3b82f6}.landing-footer-links span{color:#4b5563}.landing-footer p{color:#9ca3af;margin:0;font-size:.9375rem;font-weight:400}@media (max-width: 768px){.landing-nav-content{gap:1rem;flex-wrap:wrap}.landing-nav-content a{font-size:.875rem}.landing-nav-cta{padding:.5rem 1rem;font-size:.875rem;width:100%}.landing-container{padding:0 1.5rem}.landing-hero{min-height:auto;padding:6rem 0 4rem}.landing-logo h1{font-size:2.5rem}.landing-tagline{font-size:1.75rem}.landing-description{font-size:1rem}.landing-stats-grid{grid-template-columns:repeat(2,1fr);gap:2rem}.landing-stat-number{font-size:2.5rem}.landing-stat-label{font-size:.875rem}.landing-section-title{font-size:1.875rem}.landing-section-header{margin-bottom:3rem}.landing-features,.landing-use-cases,.landing-cta-section,.landing-how-it-works{padding:4rem 0}.landing-features-grid,.landing-use-cases-grid{grid-template-columns:1fr}.landing-step{flex-direction:column;gap:1.5rem}.landing-step:hover{transform:translateY(-4px)}.landing-hero-benefits{flex-direction:column;gap:1rem}.landing-cta-group{flex-direction:column;width:100%}.landing-cta-group button{width:100%}.landing-cta-features{grid-template-columns:1fr;gap:1rem}.landing-footer-content{flex-direction:column;text-align:center}.landing-footer-links{justify-content:center}.landing-cta{padding:.875rem 2rem;font-size:1rem}.landing-cta-large{font-size:1.125rem;padding:1rem 2.5rem}}.custom-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:color-mix(in srgb,var(--bg-primary) 60%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10002;animation:dialogFadeIn .2s ease-out}@keyframes dialogFadeIn{0%{opacity:0}to{opacity:1}}.custom-dialog{background:var(--bg-secondary, #2a2a2a);border-radius:12px;box-shadow:0 20px 60px #00000080;max-width:500px;width:90%;max-height:90vh;overflow:hidden;position:relative;animation:dialogSlideIn .3s ease-out}@keyframes dialogSlideIn{0%{transform:translateY(-20px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.dialog-close{position:absolute;top:16px;right:16px;background:transparent;border:none;color:var(--text-secondary, #999);cursor:pointer;padding:8px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:1}.dialog-close:hover{background:var(--bg-hover, rgba(255, 255, 255, .1));color:var(--text-primary, #fff)}.dialog-content{padding:32px 32px 24px}.dialog-header{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:24px;text-align:center}.dialog-icon{flex-shrink:0}.dialog-icon.success{color:var(--success)}.dialog-icon.warning{color:var(--warning)}.dialog-icon.error{color:var(--danger)}.dialog-icon.info{color:var(--accent-primary)}.dialog-title{font-size:24px;font-weight:600;color:var(--text-primary, #fff);margin:0}.dialog-body{margin-bottom:28px}.dialog-message{font-size:16px;line-height:1.6;color:var(--text-secondary, #ccc);margin:0;white-space:pre-wrap;text-align:center}.dialog-footer{display:flex;gap:12px;justify-content:center}.dialog-btn{padding:12px 32px;border-radius:8px;font-size:15px;font-weight:500;border:none;cursor:pointer;transition:all .2s;min-width:100px}.dialog-btn-cancel{background:var(--bg-tertiary, #3a3a3a);color:var(--text-primary, #fff)}.dialog-btn-cancel:hover{background:var(--bg-hover, #4a4a4a);transform:translateY(-1px)}.dialog-btn-confirm{color:#fff;font-weight:600}.dialog-btn-confirm.success{background:var(--success)}.dialog-btn-confirm.success:hover{background:color-mix(in srgb,var(--success) 90%,black);transform:translateY(-1px);box-shadow:0 4px 12px color-mix(in srgb,var(--success) 30%,transparent)}.dialog-btn-confirm.warning{background:var(--warning)}.dialog-btn-confirm.warning:hover{background:color-mix(in srgb,var(--warning) 90%,black);transform:translateY(-1px);box-shadow:0 4px 12px color-mix(in srgb,var(--warning) 30%,transparent)}.dialog-btn-confirm.error{background:var(--danger)}.dialog-btn-confirm.error:hover{background:color-mix(in srgb,var(--danger) 90%,black);transform:translateY(-1px);box-shadow:0 4px 12px color-mix(in srgb,var(--danger) 30%,transparent)}.dialog-btn-confirm.info{background:var(--accent-primary)}.dialog-btn-confirm.info:hover{background:color-mix(in srgb,var(--accent-primary) 90%,black);transform:translateY(-1px);box-shadow:0 4px 12px color-mix(in srgb,var(--accent-primary) 30%,transparent)}.dialog-btn:active{transform:translateY(0)}@media (max-width: 600px){.custom-dialog{max-width:95%;margin:20px}.dialog-content{padding:24px 20px 20px}.dialog-title{font-size:20px}.dialog-message{font-size:14px}.dialog-footer{flex-direction:column-reverse}.dialog-btn{width:100%}}.toast-container{position:fixed;top:80px;right:20px;z-index:10002;display:flex;flex-direction:column;gap:12px;pointer-events:none}.toast{display:flex;align-items:center;gap:12px;min-width:320px;max-width:450px;padding:14px 16px;background:#1e1e1efa;border-radius:8px;box-shadow:0 8px 24px #0006,0 2px 8px #0003;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);pointer-events:auto;animation:slideInRight .3s ease-out;transition:transform .2s ease,opacity .2s ease}.toast:hover{transform:translate(-4px);box-shadow:0 12px 32px #00000080,0 4px 12px #0000004d}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast-message{flex:1;font-size:14px;line-height:1.5;color:#fff;word-break:break-word}.toast-close{display:flex;align-items:center;justify-content:center;flex-shrink:0;background:none;border:none;color:#fff9;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.toast-close:hover{background:#ffffff1a;color:#ffffffe6}.toast-success{border-left:4px solid #10b981}.toast-success .toast-icon{color:#10b981}.toast-error{border-left:4px solid #ef4444}.toast-error .toast-icon{color:#ef4444}.toast-warning{border-left:4px solid #f59e0b}.toast-warning .toast-icon{color:#f59e0b}.toast-info{border-left:4px solid #3b82f6}.toast-info .toast-icon{color:#3b82f6}@media (max-width: 768px){.toast-container{top:60px;right:12px;left:12px}.toast{min-width:unset;max-width:unset;width:100%}}.loading-container{display:flex;align-items:center;justify-content:center;height:100vh;background-color:var(--bg-canvas);color:var(--text-primary);font-size:1.2rem;font-family:Inter,sans-serif}.loading-content{text-align:center}.loading-spinner{border:3px solid var(--border-primary);border-top:3px solid var(--accent-primary);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:1rem auto 0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*{margin:0;padding:0;box-sizing:border-box}html{height:100%;width:100%;overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth}body{height:100%;width:100%;overflow-x:hidden;overflow-y:auto}#root{height:100%;width:100%}