:root{--primary: #eb5e28;--primary-hover: #ff7f50;--bg-dark: #100d0f;--bg-darker: #0a0809;--text-main: #f7f1e8;--text-muted: #bdb0a1;--glass: rgba(247, 241, 232, .06);--glass-border: rgba(247, 241, 232, .14);--accent-gold: #f6bd60;--accent-copper: #d97706;--accent-ink: #60a5fa;--success: #22c55e;--danger: #ef4444}*{box-sizing:border-box;margin:0;padding:0;font-family:IBM Plex Sans,Segoe UI,sans-serif}body{background:radial-gradient(circle at top left,rgba(246,189,96,.15),transparent 28%),radial-gradient(circle at top right,rgba(235,94,40,.15),transparent 32%),linear-gradient(180deg,#151012,#090708);color:var(--text-main);overflow-x:hidden;-webkit-font-smoothing:antialiased}.telegram-app-container{min-height:100vh;display:flex;flex-direction:column;padding:24px}.card{background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:20px;padding:24px;box-shadow:0 8px 32px #0000004d}.btn-primary{background-color:var(--primary);color:#fff;border:none;padding:14px 24px;border-radius:12px;font-weight:600;font-size:16px;cursor:pointer;transition:all .2s ease;width:100%;display:flex;align-items:center;justify-content:center;gap:10px}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--glass);color:#fff;border:1px solid var(--glass-border);padding:14px 24px;border-radius:12px;font-weight:600;font-size:16px;cursor:pointer;transition:all .2s ease;width:100%}.text-gradient{background:linear-gradient(90deg,var(--accent-gold),var(--primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}h1{font-size:28px;margin-bottom:8px;font-weight:800}p{color:var(--text-muted);line-height:1.5;margin-bottom:20px}.feature-item{display:flex;align-items:center;gap:12px;margin-bottom:12px;font-size:15px}.icon-wrapper{background:#f6bd601f;padding:8px;border-radius:10px;color:var(--accent-gold)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .5s ease forwards}.desktop-shell{display:grid;gap:20px;width:min(1440px,100%);margin:0 auto}.hero-panel,.panel-card,.alert-card{background:linear-gradient(180deg,#f7f1e80d,#f7f1e808);border:1px solid var(--glass-border);border-radius:24px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 18px 60px #00000038}.hero-panel{display:flex;justify-content:space-between;gap:24px;padding:28px}.eyebrow{display:inline-flex;margin-bottom:14px;padding:8px 12px;border-radius:999px;background:#f6bd6024;color:var(--accent-gold);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.hero-panel h1{font-size:clamp(2rem,4vw,3.4rem);line-height:1.02;max-width:12ch}.hero-copy{max-width:64ch;margin-top:16px;margin-bottom:0}.hero-status{min-width:300px;display:grid;gap:12px;align-content:start}.hero-pill{display:inline-flex;align-items:center;gap:10px;padding:14px 16px;border-radius:18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:var(--text-main)}.hero-action{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 16px;border-radius:18px;border:1px solid rgba(246,189,96,.24);background:#f6bd6014;color:var(--text-main);cursor:pointer;transition:transform .2s ease,background .2s ease}.hero-action:hover:not(:disabled){transform:translateY(-2px);background:#f6bd6024}.hero-action:disabled{opacity:.7;cursor:wait}.alert-card{padding:14px 18px;color:var(--text-main)}.alert-error{border-color:#ef444466}.panel-grid{display:grid;gap:20px;grid-template-columns:repeat(12,minmax(0,1fr))}.panel-card{grid-column:span 4;padding:22px}.panel-card-wide{grid-column:span 8}.section-heading{display:flex;align-items:center;gap:10px;margin-bottom:18px}.section-heading h2{font-size:18px;margin:0}.service-grid,.actions-grid{display:grid;gap:12px}.service-card,.action-button{width:100%;text-align:left;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#ffffff09;color:var(--text-main);padding:16px;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease}.service-card:hover,.service-card.active,.action-button:hover:not(:disabled){transform:translateY(-2px);border-color:#f6bd6059;background:#f6bd6014}.service-card-header,.action-button{display:flex;align-items:center;gap:10px}.service-card{display:grid;gap:8px}.status-badge{display:inline-flex;width:fit-content;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.status-healthy{background:#22c55e24;color:#86efac}.status-missing,.status-unhealthy{background:#ef444424;color:#fca5a5}.status-starting,.status-no-healthcheck{background:#60a5fa24;color:#93c5fd}.meta-list{display:grid;gap:14px}.meta-list div{display:grid;gap:4px}.meta-list dt{color:var(--text-muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.meta-list dd{word-break:break-word}.subsection{margin-top:18px;display:grid;gap:10px}.subsection-title{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.inline-note{font-size:13px;color:var(--text-muted)}.path-value{display:flex;align-items:flex-start;gap:10px;justify-content:space-between}.path-value span{font-family:IBM Plex Mono,Fira Code,monospace;font-size:12px;line-height:1.45}.copy-button{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:var(--text-main);cursor:pointer}.copy-button:hover{background:#f6bd601a;border-color:#f6bd6047}.action-button{justify-content:flex-start}.action-button:disabled{opacity:.7;cursor:wait}.section-note{margin-bottom:14px;font-size:13px}.connector-list,.smoke-grid,.hint-list{display:grid;gap:12px}.compact-list{margin-top:12px}.connector-card,.smoke-card,.hint-card{display:grid;gap:8px;padding:14px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#ffffff08}.connector-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.hint-critical{border-color:#ef444459}.hint-warning{border-color:#f6bd6047}.hint-info{border-color:#60a5fa3d}.hint-actions{display:flex;flex-wrap:wrap;gap:8px}.hint-action-chip{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#f6bd6014;border:1px solid rgba(246,189,96,.18);color:var(--text-main);font-size:12px}.hint-action-button{cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease}.hint-action-button:hover:not(:disabled){transform:translateY(-1px);background:#f6bd6024;border-color:#f6bd6047}.hint-action-button:disabled{opacity:.7;cursor:wait}.log-console{min-height:360px;max-height:520px;overflow:auto;border-radius:18px;padding:16px;background:#050405;border:1px solid rgba(255,255,255,.08);color:#d7e3f4;font-family:IBM Plex Mono,Fira Code,monospace;font-size:13px;line-height:1.5;white-space:pre-wrap}.path-inline{font-family:IBM Plex Mono,Fira Code,monospace;font-size:12px;line-height:1.45;word-break:break-word}.spin{animation:rotate 1s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:960px){.hero-panel{flex-direction:column}.hero-status,.panel-card,.panel-card-wide{min-width:0;grid-column:1 / -1}}#root{min-height:100vh}.landing-min-h-screen{background-color:var(--bg-darker);color:var(--text-main);min-height:100vh;position:relative;overflow:hidden;font-family:Inter,IBM Plex Sans,sans-serif}.landing-bg-elements{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:0}.landing-glow{position:absolute;border-radius:50%;filter:blur(140px);opacity:.15;animation:float-glow 20s infinite ease-in-out alternate}.landing-glow-1{background:var(--primary);width:600px;height:600px;top:-200px;left:-200px}.landing-glow-2{background:var(--accent-ink);width:700px;height:700px;bottom:-300px;right:-200px;animation-delay:-10s}@keyframes float-glow{0%{transform:translate(0) scale(1)}50%{transform:translate(50px,80px) scale(1.1)}to{transform:translate(-30px,40px) scale(.9)}}.landing-nav{position:relative;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:24px 48px;max-width:1400px;margin:0 auto}.landing-nav-logo{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:800;letter-spacing:-.02em;color:#fff}.landing-logo-icon{color:var(--primary)}.landing-nav-actions{display:flex;align-items:center;gap:16px}.landing-btn-ghost{background:transparent;border:none;color:var(--text-muted);font-weight:600;font-size:15px;cursor:pointer;padding:10px 16px;transition:color .2s ease}.landing-btn-ghost:hover{color:#fff}.landing-btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--accent-copper) 100%);color:#fff;border:none;padding:12px 24px;border-radius:12px;font-weight:600;font-size:15px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);box-shadow:0 4px 14px #eb5e2840}.landing-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #eb5e2866}.landing-main{position:relative;z-index:10;max-width:1200px;margin:0 auto;padding:80px 24px}.landing-hero{text-align:center;display:flex;flex-direction:column;align-items:center}.landing-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:99px;background:#f6bd601a;border:1px solid rgba(246,189,96,.2);color:var(--accent-gold);font-weight:600;font-size:14px;margin-bottom:24px}.landing-title{font-size:clamp(3rem,6vw,5rem);font-weight:800;line-height:1.1;letter-spacing:-.04em;color:#fff;margin-bottom:24px}.landing-text-gradient{background:linear-gradient(90deg,#fff 0%,var(--text-muted) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.landing-subtitle{font-size:clamp(1.1rem,2vw,1.3rem);color:var(--text-muted);max-width:650px;line-height:1.6;margin-bottom:40px}.landing-cta-group{display:flex;flex-direction:column;align-items:center;gap:24px;margin-bottom:80px}.landing-btn-large{background:linear-gradient(135deg,var(--primary) 0%,var(--accent-copper) 100%);color:#fff;border:none;padding:18px 40px;border-radius:16px;font-weight:700;font-size:18px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);box-shadow:0 10px 30px #eb5e284d}.landing-btn-large:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 15px 40px #eb5e2880}.landing-btn-large.outline{background:transparent;border:2px solid var(--primary);box-shadow:none}.landing-btn-large.outline:hover{background:#eb5e281a;box-shadow:0 10px 30px #eb5e2833}.landing-trust{display:flex;align-items:center;gap:16px;font-size:14px;color:var(--text-muted)}.landing-avatars{display:flex}.landing-avatars img{width:32px;height:32px;border-radius:50%;border:2px solid var(--bg-darker);margin-left:-10px}.landing-avatars img:first-child{margin-left:0}.landing-dashboard-preview{width:100%;max-width:1000px;background:var(--bg-dark);border:1px solid var(--glass-border);border-radius:24px;overflow:hidden;box-shadow:0 25px 80px #0009}.landing-browser-header{background:#0006;padding:16px;display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--glass-border)}.landing-dots{display:flex;gap:8px}.landing-dot{width:12px;height:12px;border-radius:50%}.landing-dot.red{background:#ff5f56;border:1px solid #e0443e}.landing-dot.yellow{background:#ffbd2e;border:1px solid #dea123}.landing-dot.green{background:#27c93f;border:1px solid #1aab29}.landing-url{background:#ffffff0d;font-family:monospace;font-size:12px;color:var(--text-muted);padding:6px 16px;border-radius:6px;margin:0 auto;transform:translate(-24px)}.landing-dashboard-content{display:flex;height:500px}.landing-sidebar-mock{width:250px;border-right:1px solid var(--glass-border);background:#ffffff03}.landing-main-mock{flex:1;padding:32px;display:flex;flex-direction:column;gap:24px}.landing-header-mock{height:80px;border-radius:16px;background:#f6bd600d;border:1px solid rgba(246,189,96,.1)}.landing-cards-mock{display:flex;gap:24px;flex:1}.landing-card-mock{background:var(--glass);border:1px solid var(--glass-border);border-radius:16px;flex:1;display:flex;gap:12px;padding:24px}.landing-card-mock.wide{flex:2;background:linear-gradient(180deg,#eb5e280d,#eb5e2803)}.landing-stat-line{height:12px;border-radius:6px;background:#ffffff0d;width:100%}.landing-stat-line.short{width:60%}.landing-features{margin-top:180px}.landing-section-header{text-align:center;margin-bottom:64px}.landing-section-header h2{font-size:clamp(2rem,4vw,3rem);font-weight:700;color:#fff;margin-bottom:16px}.landing-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.landing-feature-card{background:var(--glass);border:1px solid var(--glass-border);border-radius:24px;padding:40px;transition:all .3s ease}.landing-feature-card:hover{transform:translateY(-5px);background:#ffffff14;border-color:#fff3}.landing-feature-card.hover-glow:hover{border-color:#eb5e2880;box-shadow:0 10px 40px #eb5e2826}.landing-feature-icon-wrapper{width:56px;height:56px;border-radius:16px;background:#ffffff0d;display:flex;align-items:center;justify-content:center;margin-bottom:24px;color:#fff}.landing-feature-icon-wrapper.glow{background:linear-gradient(135deg,#eb5e2833,#d9770633);color:var(--primary)}.landing-feature-card h3{font-size:20px;color:#fff;margin-bottom:12px}.landing-pricing{margin-top:180px;margin-bottom:80px}.landing-pricing-card{background:linear-gradient(135deg,rgba(235,94,40,.1),transparent);border:1px solid rgba(235,94,40,.2);border-radius:32px;padding:64px;text-align:center;position:relative;overflow:hidden}.landing-pricing-card:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.05;pointer-events:none}.landing-pricing-content{position:relative;z-index:10;max-width:600px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.landing-pricing-content h2{font-size:clamp(2rem,4vw,3rem);font-weight:700;color:#fff;margin-bottom:16px}.landing-pricing-list{list-style:none;text-align:left;margin:32px 0 40px;display:inline-flex;flex-direction:column;gap:16px}.landing-pricing-list li{display:flex;align-items:center;gap:12px;font-size:16px;color:var(--text-main)}.landing-check{color:var(--primary)}.landing-footer{position:relative;z-index:10;border-top:1px solid var(--glass-border);padding:40px 48px;display:flex;justify-content:space-between;align-items:center;color:var(--text-muted);font-size:14px;max-width:1400px;margin:0 auto}.landing-footer-brand{display:flex;align-items:center;gap:12px}.landing-footer-links{display:flex;gap:24px}.landing-footer-links a{color:var(--text-muted);text-decoration:none;transition:color .2s ease}.landing-footer-links a:hover{color:#fff}.animate-fade-in-up{opacity:0;animation:fade-in-up .8s cubic-bezier(.16,1,.3,1) forwards}.animate-scale-up{opacity:0;animation:scale-up 1s cubic-bezier(.16,1,.3,1) forwards}@keyframes fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-up{0%{opacity:0;transform:scale(.95) translateY(20px);box-shadow:0 0 #0000}to{opacity:1;transform:scale(1) translateY(0);box-shadow:0 25px 80px #0009}}@media(max-width:768px){.landing-nav{padding:20px}.landing-main{padding:40px 20px}.landing-footer{flex-direction:column;gap:24px;padding:40px 20px;text-align:center}.landing-sidebar-mock,.hidden-mobile{display:none}.landing-pricing-card{padding:40px 24px}}
