/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-tracking:initial;--tw-duration:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.top-1\/2{top:50%}.z-50{z-index:50}.mx-auto{margin-inline:auto}.contents{display:contents}.flex{display:flex}.grid{display:grid}.h-full{height:100%}.max-h-\[90vh\]{max-height:90vh}.min-h-screen{min-height:100vh}.w-fit{width:fit-content}.w-full{width:100%}.max-w-\[200px\]{max-width:200px}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.cursor-pointer{cursor:pointer}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded-\[24px\]{border-radius:24px}.rounded-\[32px\]{border-radius:32px}.rounded-\[40px\]{border-radius:40px}.rounded-\[48px\]{border-radius:48px}.rounded-\[56px\]{border-radius:56px}.rounded-\[64px\]{border-radius:64px}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.leading-\[0\.85\]{--tw-leading:.85;line-height:.85}.leading-none{--tw-leading:1;line-height:1}.tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-\[0\.3em\]{--tw-tracking:.3em;letter-spacing:.3em}.tracking-\[0\.4em\]{--tw-tracking:.4em;letter-spacing:.4em}.whitespace-nowrap{white-space:nowrap}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.decoration-4{text-decoration-thickness:4px}.underline-offset-8{text-underline-offset:8px}.opacity-40{opacity:.4}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-300{--tw-duration:.3s;transition-duration:.3s}.focus\:ring-4:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}:root{--primary:#6366f1;--primary-glow:#6366f180;--bg-dark:#0f172a;--card-bg:#1e293bb3;--text-main:#f8fafc;--text-dim:#94a3b8;--accent:#f59e0b;--success:#10b981}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);justify-content:center;align-items:center;min-height:100vh;font-family:Outfit,sans-serif;display:flex;overflow-x:hidden}#root{width:100%;min-height:100vh}.home-page{justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.background-glow{background:radial-gradient(circle, var(--primary-glow) 0%, transparent 70%);filter:blur(80px);z-index:-1;opacity:.4;width:600px;height:600px;animation:10s infinite alternate pulse-glow;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes pulse-glow{0%{opacity:.3;transform:translate(-50%,-50%)scale(1)}to{opacity:.5;transform:translate(-45%,-55%)scale(1.2)}}.glass-container{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);text-align:center;border:1px solid #ffffff1a;border-radius:24px;max-width:600px;margin:0 auto;padding:3rem;box-shadow:0 25px 50px -12px #00000080}.gradient-text{background:linear-gradient(135deg, #fff 0%, var(--primary) 100%);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;margin-bottom:.5rem;font-size:3rem;font-weight:800}.subtitle{color:var(--text-dim);margin-bottom:3rem;font-size:1.1rem}.status-card{background:#0f172a80;border:1px solid #ffffff0d;border-radius:16px;margin-bottom:2rem;padding:1.5rem}.status-indicator{justify-content:center;align-items:center;gap:.75rem;margin-bottom:1rem;font-weight:600;display:flex}.dot{background-color:var(--accent);border-radius:50%;width:10px;height:10px}.dot.connected{background-color:var(--success);box-shadow:0 0 10px var(--success)}.pulse{animation:2s infinite pulse}@keyframes pulse{0%{opacity:.7;transform:scale(.95)}70%{opacity:1;transform:scale(1.1)}to{opacity:.7;transform:scale(.95)}}.config-details{flex-direction:column;gap:.5rem;font-size:.9rem;display:flex}.detail-item{justify-content:space-between;display:flex}.label{color:var(--text-dim)}.value{color:var(--primary);font-family:monospace}.feature-grid{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem;display:grid}.feature-item{background:#ffffff08;border:1px solid #0000;border-radius:16px;padding:1.5rem;transition:all .3s}.feature-item:hover{background:#ffffff0d;border-color:#6366f14d;transform:translateY(-5px)}.icon{margin-bottom:1rem;font-size:2rem}.feature-item h3{margin-bottom:.5rem;font-size:1.1rem}.feature-item p{color:var(--text-dim);font-size:.85rem;line-height:1.5}.cta-container{margin-top:2rem}.premium-button{background:linear-gradient(135deg, var(--primary) 0%, #4f46e5 100%);color:#fff;border:1px solid #ffffff1a;border-radius:9999px;align-items:center;gap:.75rem;padding:1rem 2rem;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 10px 15px -3px #6366f166}.premium-button:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 20px 25px -5px #6366f180}.footer-note{color:var(--text-dim);opacity:.6;margin-top:1.5rem;font-size:.9rem}footer{color:var(--text-dim);opacity:.7;margin-top:3rem;font-size:.8rem}@media (width<=480px){.glass-container{padding:1.5rem}.gradient-text{font-size:2rem}.feature-grid{grid-template-columns:1fr}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}