:root{--kt-bg: #0a0e1a;--kt-bg-soft: #0f1624;--kt-primary: #06b6d4;--kt-accent: #34d399;--kt-text: #E5E7EB;--kt-text-muted: #9CA3AF}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:linear-gradient(135deg,var(--kt-bg) 0%,var(--kt-bg-soft) 100%);color:var(--kt-text);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.coming-soon{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden}.coming-soon:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,rgba(6,182,212,.1) 0%,transparent 70%);pointer-events:none}.container{max-width:800px;width:100%;text-align:center;position:relative;z-index:1}.hero{padding:4rem 2rem}.logo{font-size:4rem;font-weight:700;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--kt-primary),var(--kt-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1}.heading{font-size:2.5rem;font-weight:600;margin-bottom:2rem;color:var(--kt-text)}.description{font-size:1.25rem;color:var(--kt-text-muted);line-height:1.8;margin-bottom:1.5rem;max-width:600px;margin-left:auto;margin-right:auto}.description-secondary{font-size:1.1rem;color:var(--kt-text-muted);line-height:1.8;max-width:600px;margin-left:auto;margin-right:auto}.link{color:var(--kt-primary);text-decoration:none;border-bottom:2px solid transparent;transition:all .2s;font-weight:500}.link:hover{color:var(--kt-accent);border-bottom-color:var(--kt-accent)}.dashboard{min-height:100vh;padding:2rem;background:linear-gradient(135deg,var(--kt-bg) 0%,var(--kt-bg-soft) 100%)}.dashboard .container{max-width:1200px;margin:0 auto}.dashboard .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.dashboard .header h1{font-size:2rem;color:var(--kt-text);margin:0}.dashboard .status-badge{padding:.5rem 1rem;border-radius:6px;font-weight:600;font-size:.875rem;color:#fff}.dashboard .cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:2rem}.dashboard .card{background:var(--kt-bg-soft);border:1px solid rgba(124,58,237,.2);border-radius:12px;padding:1.5rem}.dashboard .card h2{font-size:1.25rem;color:var(--kt-primary);margin-top:0;margin-bottom:1rem}.dashboard .info-row,.dashboard .stat{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.dashboard .info-row:last-child,.dashboard .stat:last-child{border-bottom:none}.dashboard .visitor-link{display:flex;gap:.5rem;margin-bottom:1rem}.dashboard .visitor-link input{flex:1;padding:.75rem;background:var(--kt-bg);border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--kt-text);font-size:.875rem}.dashboard .copy-btn,.dashboard .stop-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--kt-primary),var(--kt-accent));border:none;border-radius:6px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s}.dashboard .copy-btn:hover,.dashboard .stop-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #06b6d44d}.dashboard .stop-btn{width:100%;background:linear-gradient(135deg,#ef4444,#dc2626);margin-bottom:1rem}.dashboard .note{font-size:.875rem;color:var(--kt-text-muted);margin:.5rem 0 0}.dashboard .progress-bar{width:100%;height:8px;background:var(--kt-bg);border-radius:4px;overflow:hidden;margin-top:1rem}.dashboard .progress-fill{height:100%;background:linear-gradient(90deg,var(--kt-primary),var(--kt-accent));transition:width .3s}@media (max-width: 768px){.logo{font-size:3rem}.heading{font-size:2rem}.description{font-size:1.1rem}.description-secondary{font-size:1rem}.hero{padding:2rem 1rem}.dashboard{padding:1rem}.dashboard .cards{grid-template-columns:1fr}.dashboard .header{flex-direction:column;align-items:flex-start}}.landing-page{min-height:100vh;padding:2rem 1rem}.landing-page .container{max-width:1200px;margin:0 auto}.landing-page section{margin-bottom:4rem}.landing-page .hero{text-align:center;padding:4rem 2rem}.landing-page .logo{font-size:4rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,var(--kt-primary),var(--kt-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-page .subtitle{font-size:2rem;font-weight:600;margin-bottom:1rem;color:var(--kt-text)}.landing-page .description{font-size:1.25rem;color:var(--kt-text-muted);margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.landing-page .cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:1rem}.landing-page .btn{padding:.875rem 2rem;border-radius:8px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.landing-page .btn-primary{background:linear-gradient(135deg,var(--kt-primary),var(--kt-accent));color:#fff;box-shadow:0 4px 15px #06b6d44d}.landing-page .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #06b6d466}.landing-page .btn-secondary{background:transparent;color:var(--kt-primary);border:2px solid var(--kt-primary)}.landing-page .btn-secondary:hover{background:var(--kt-primary);color:#fff}.landing-page .beta-note{font-size:.875rem;color:var(--kt-text-muted);margin-top:1rem}.landing-page h2{font-size:2rem;font-weight:600;margin-bottom:2rem;text-align:center;color:var(--kt-text)}.landing-page .steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}.landing-page .step{text-align:center;padding:2rem;background:var(--kt-bg-soft);border-radius:12px;border:1px solid rgba(124,58,237,.2)}.landing-page .step-number{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--kt-primary),var(--kt-accent));color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 auto 1rem}.landing-page .step h3{font-size:1.25rem;margin-bottom:1rem;color:var(--kt-text)}.landing-page .step code{background:var(--kt-bg);padding:.5rem 1rem;border-radius:6px;font-size:.875rem;color:var(--kt-primary);display:inline-block}.landing-page .feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:2rem}.landing-page .feature-card{padding:1.5rem;background:var(--kt-bg-soft);border-radius:12px;border:1px solid rgba(124,58,237,.2)}.landing-page .feature-card h3{font-size:1.25rem;margin-bottom:.75rem;color:var(--kt-text)}.landing-page .feature-card p{color:var(--kt-text-muted);line-height:1.6}.landing-page .code-example{background:var(--kt-bg-soft);border-radius:12px;padding:2rem;border:1px solid rgba(124,58,237,.2);margin-top:2rem}.landing-page .code-example pre{margin:0;overflow-x:auto}.landing-page .code-example code{font-family:JetBrains Mono,monospace;font-size:.875rem;color:var(--kt-text);line-height:1.8}.landing-page .kitro-integration{text-align:center;max-width:800px;margin:0 auto}.landing-page .kitro-integration p{font-size:1.1rem;color:var(--kt-text-muted);line-height:1.8;margin-bottom:1rem}.landing-page .footer{text-align:center;padding:3rem 2rem 2rem;border-top:1px solid rgba(255,255,255,.1);margin-top:4rem}.landing-page .footer-links{display:flex;gap:2rem;justify-content:center;margin-bottom:1rem;flex-wrap:wrap}.landing-page .footer-links a{color:var(--kt-primary);text-decoration:none;font-weight:500;transition:color .2s}.landing-page .footer-links a:hover{color:var(--kt-accent)}.landing-page .footer-note{font-size:.875rem;color:var(--kt-text-muted);margin-top:1rem}@media (max-width: 768px){.landing-page .logo{font-size:3rem}.landing-page .subtitle{font-size:1.5rem}.landing-page .steps,.landing-page .feature-grid{grid-template-columns:1fr}.landing-page .cta-buttons{flex-direction:column}.landing-page .btn{width:100%;text-align:center}}