:root{font-family:Inter,sans-serif;color:#cde8da;background:#04100d;color-scheme:dark;--bg: #04100d;--bg-alt: #071710;--surface: rgba(11, 31, 24, .78);--surface-border: rgba(153, 255, 209, .12);--text-soft: #8aaa9d;--primary: #25d366;--primary-strong: #18b454;--secondary: #56e9c4;--shadow: 0 24px 80px rgba(0, 0, 0, .38)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,rgba(37,211,102,.13),transparent 30%),radial-gradient(circle at 85% 10%,rgba(86,233,196,.12),transparent 20%),linear-gradient(180deg,#020a08,#07140f 50%,#04100d)}button,a,input,select,textarea{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}p{color:var(--text-soft);line-height:1.7}h1,h2,h3,p{margin-top:0}#root{min-height:100vh}.app-shell{min-height:100vh;padding:24px}.glass{border-radius:28px;background:#071412a3;border:1px solid rgba(146,232,206,.12);box-shadow:0 28px 80px #0000003d;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.centered-screen{display:grid;place-items:center}.auth-screen{position:relative;display:block;padding-top:24px;padding-bottom:72px;overflow:hidden;isolation:isolate;background:radial-gradient(circle at top left,rgba(53,167,129,.24),transparent 30%),radial-gradient(circle at 85% 12%,rgba(86,130,233,.18),transparent 24%),radial-gradient(circle at 50% 100%,rgba(46,107,201,.1),transparent 32%),linear-gradient(180deg,#061713,#091d1a 46%,#081512)}.auth-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:56px 56px;opacity:.24;pointer-events:none}.auth-screen:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 10%,rgba(112,255,203,.12),transparent 22%),radial-gradient(circle at 78% 18%,rgba(125,166,255,.12),transparent 18%);filter:blur(10px);pointer-events:none}.auth-page{position:relative;z-index:1;width:min(1100px,100%);margin:0 auto;display:grid;gap:48px;padding-top:72px}.navbar{position:fixed;top:0;left:0;right:0;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 24px;background:#04100dd1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}.navbar-brand{display:flex;align-items:center;gap:8px;background:none;border:none;color:inherit;padding:0;cursor:pointer}.navbar-logo-svg{width:34px;height:34px;flex-shrink:0}.navbar-name{font-size:.88rem;font-weight:800;letter-spacing:.14em;color:#cde8da}.navbar-actions{display:flex;align-items:center;gap:10px}.navbar-cta{height:36px;padding:0 18px;border-radius:999px;border:none;background:linear-gradient(135deg,var(--primary),#84ffb4);color:#04150e;font-weight:700;font-size:.82rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.navbar-cta:hover{transform:translateY(-1px);box-shadow:0 8px 20px #25d36647}.navbar-cta:disabled{opacity:.7}.whatsapp-fab{width:36px;height:36px;border-radius:50%;display:inline-grid;place-items:center;flex-shrink:0;background:#25d36624;border:1px solid rgba(37,211,102,.26);color:#5de89e;text-decoration:none;transition:transform .24s ease,border-color .24s ease,background .24s ease,box-shadow .24s ease}.whatsapp-fab:hover{transform:translateY(-2px) scale(1.08);border-color:#5de89e80;background:#25d3663d;box-shadow:0 6px 18px #25d36633}.whatsapp-fab:active{transform:scale(.94)}.whatsapp-fab svg{width:18px;height:18px}.hero{max-width:720px;padding-top:24px}.hero-title{margin:0 0 8px;font-size:clamp(2.4rem,6vw,4rem);line-height:1.08;letter-spacing:-.04em;color:#e2f5eb}.hero-benefit-wrapper{height:1.8em;overflow:hidden;margin-bottom:18px}.hero-benefit{display:block;font-size:clamp(1.2rem,3vw,1.6rem);font-weight:700;letter-spacing:-.01em;animation:benefitSlideIn .55s cubic-bezier(.22,1,.36,1)}@keyframes benefitSlideIn{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.hero-description{max-width:580px;margin-bottom:0;font-size:1.05rem;line-height:1.7;color:#8aaa9d}.hero-actions{display:flex;gap:14px;margin-top:28px;flex-wrap:wrap}.btn-primary{height:48px;padding:0 28px;border-radius:999px;border:none;background:linear-gradient(135deg,var(--primary),#84ffb4);color:#04150e;font-weight:700;font-size:.94rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px #25d3664d}.btn-primary:disabled{opacity:.7}.btn-outline{height:48px;padding:0 24px;border-radius:999px;display:inline-flex;align-items:center;background:transparent;border:1px solid rgba(255,255,255,.12);color:#cde8da;font-weight:700;font-size:.94rem;text-decoration:none;transition:transform .2s ease,border-color .2s ease,background .2s ease}.btn-outline:hover{transform:translateY(-1px);border-color:#ffffff3d;background:#ffffff0a}.hero-social-proof{display:flex;align-items:center;gap:10px;margin-top:22px;font-size:.84rem;color:#6d9484;letter-spacing:.04em}.features-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.feature-card{padding:24px;border-radius:22px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);transition:transform .26s ease,border-color .26s ease,box-shadow .26s ease}.feature-card:hover{transform:translateY(-5px) scale(1.02);border-color:#92e8ce38;box-shadow:0 14px 36px #0003}.feature-icon{display:block;font-size:1.5rem;margin-bottom:14px}.feature-card strong{display:block;margin-bottom:8px}.feature-card p{margin-bottom:0}.platforms-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.platform-card{padding:22px;border-radius:20px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);transition:transform .26s ease,border-color .26s ease,box-shadow .26s ease}.platform-card:hover{transform:translateY(-4px) scale(1.02);border-color:#92e8ce38;box-shadow:0 12px 32px #0000002e}.platform-icon{display:block;font-size:1.4rem;margin-bottom:12px}.platform-card strong{display:block;margin-bottom:6px}.platform-card p{margin-bottom:0}.eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;padding:8px 14px;border-radius:999px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#8aaa9d;font-size:.76rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.panel-tag{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 12px;border-radius:999px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:#8aaa9d;font-size:.74rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.auth-card,.setup-card,.loading-card{padding:36px}.auth-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px}.auth-feature-card{padding:18px;min-height:100%;transition:transform .26s ease,border-color .26s ease,box-shadow .26s ease}.auth-feature-card:hover{transform:translateY(-4px) scale(1.015);border-color:#92e8ce38;box-shadow:0 12px 32px #0000002e}.auth-feature-card strong,.auth-stat-card strong,.auth-trust-item strong{display:block}.auth-feature-card p,.auth-stat-card span,.auth-trust-item span{margin:8px 0 0;color:var(--text-soft)}.auth-trust-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px}.auth-trust-item{padding:16px 18px;border-radius:20px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);transition:transform .26s ease,border-color .26s ease,box-shadow .26s ease}.auth-trust-item:hover{transform:translateY(-4px) scale(1.015);border-color:#92e8ce2e;box-shadow:0 10px 28px #00000029}.auth-stat-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px}.auth-stat-card{padding:18px;border-radius:20px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);transition:transform .26s ease,border-color .26s ease,box-shadow .26s ease}.auth-stat-card:hover{transform:translateY(-4px) scale(1.015);border-color:#92e8ce2e;box-shadow:0 10px 28px #00000029}.auth-card-band{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.auth-card-band-item{padding:18px;border-radius:20px;background:#ffffff09;border:1px solid rgba(255,255,255,.06);transition:transform .26s ease,border-color .26s ease,box-shadow .26s ease}.auth-card-band-item:hover{transform:translateY(-4px) scale(1.015);border-color:#92e8ce2e;box-shadow:0 10px 28px #00000029}.auth-card-band-item strong{display:block}.auth-card-band-item span{display:block;margin-top:8px;color:var(--text-soft)}.auth-footnote{display:flex;align-items:flex-start;gap:10px;margin-top:18px}.auth-scroll-sections{display:grid;gap:28px}.auth-section-panel{padding:30px;border-radius:30px;background:radial-gradient(circle at top left,rgba(96,202,166,.1),transparent 24%),linear-gradient(180deg,#081815e6,#071210d1)}.auth-section-panel-highlight{background:radial-gradient(circle at top left,rgba(86,233,196,.12),transparent 26%),linear-gradient(180deg,#0a1c16f5,#081712eb)}.auth-section-heading{max-width:780px;margin-bottom:22px}.auth-section-heading h2{margin:0 0 12px;font-size:clamp(1.8rem,3.2vw,2.7rem);line-height:1.08;letter-spacing:-.03em}.auth-section-heading p{margin-bottom:0}.auth-stack-grid,.auth-flow-grid{display:grid;gap:16px}.auth-stack-grid,.auth-flow-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.auth-stack-card,.auth-flow-card{padding:22px;border-radius:22px;background:#ffffff0b;border:1px solid rgba(255,255,255,.07);box-shadow:inset 0 1px #ffffff08;transition:transform .26s ease,border-color .26s ease,box-shadow .26s ease}.auth-stack-card:hover,.auth-flow-card:hover{transform:translateY(-5px) scale(1.02);border-color:#92e8ce38;box-shadow:0 14px 36px #0003,inset 0 1px #ffffff0d}.auth-stack-card strong,.auth-flow-card h3{display:block;margin-bottom:10px}.auth-flow-card h3{font-size:1.18rem}.auth-stack-card p,.auth-flow-card p{margin-bottom:0}.auth-trust-row-wide{grid-template-columns:repeat(3,minmax(0,1fr))}.auth-page-footer{padding:18px 0 8px;text-align:center}.auth-page-footer p{margin:0;color:#5e8070;font-size:.64rem;letter-spacing:.12em;text-transform:uppercase}.status-dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--secondary),var(--primary));box-shadow:0 0 0 4px #25d3661a;flex:0 0 auto}.primary-button,.secondary-button{min-height:52px;padding:0 20px;border-radius:999px;border:0;font-weight:700;transition:transform .2s ease,opacity .2s ease}.primary-button:hover,.secondary-button:hover{transform:translateY(-1px)}.primary-button{width:100%;margin-top:28px;background:linear-gradient(135deg,var(--primary),#84ffb4);color:#04150e}.primary-button:disabled{opacity:.7}.secondary-button{background:#ffffff0d;color:#effdf6;border:1px solid rgba(255,255,255,.08)}.action-inline{width:auto;margin-top:0}.helper-text,.error-text{margin-top:18px}.helper-text{margin:0}.error-text{color:#ff9d9d}.success-text{color:#94f2bb}.page-feedback{margin:0}.bullet-list{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:12px}.bullet-list li{position:relative;padding-left:26px;color:#d8f8e9}.bullet-list li:before{content:"";position:absolute;left:0;top:9px;width:11px;height:11px;border-radius:50%;background:linear-gradient(135deg,var(--secondary),var(--primary))}.bullet-list.compact{gap:10px;margin-top:16px}.code-block{display:grid;gap:10px;padding:18px;border-radius:18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.05);color:#cbf7e7;margin-top:24px;font-family:Consolas,Courier New,monospace}.spinner{width:46px;height:46px;border-radius:50%;border:4px solid rgba(255,255,255,.08);border-top-color:var(--primary);margin:0 auto 16px;animation:spin .8s linear infinite}.dashboard-screen{display:block;padding-top:82px}.dash-navbar{position:fixed;top:0;left:0;right:0;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 20px;background:#04100de0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}.dash-ticker{position:fixed;top:56px;left:0;right:0;z-index:59;display:flex;justify-content:center;align-items:center;height:24px;background:#04100dbf;border-bottom:1px solid rgba(255,255,255,.04);overflow:hidden}.dash-ticker-text{font-size:.7rem;font-weight:600;letter-spacing:.05em;animation:tickerFade 5.8s ease}@keyframes tickerFade{0%{opacity:0;transform:translateY(6px)}12%{opacity:1;transform:translateY(0)}88%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}.hamburger-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:none;border:none;cursor:pointer}.hamburger-icon{width:22px;height:16px;position:relative;display:flex;flex-direction:column;justify-content:space-between}.hamburger-icon span{display:block;width:100%;height:2px;background:#cde8da;border-radius:2px;transition:transform .3s ease,opacity .3s ease;transform-origin:center}.hamburger-icon.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger-icon.open span:nth-child(2){opacity:0}.hamburger-icon.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.menu-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;border:0;padding:0;background:#0107058c;opacity:0;pointer-events:none;transition:opacity .3s ease}.menu-backdrop.visible{opacity:1;pointer-events:auto}.dash-sidebar{position:fixed;top:0;right:0;bottom:0;z-index:58;width:min(320px,85vw);padding:20px;display:flex;flex-direction:column;gap:18px;background:#071410f5;border-left:1px solid rgba(255,255,255,.06);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transform:translate(100%);transition:transform .32s cubic-bezier(.22,1,.36,1);overflow-y:auto}.dash-sidebar.open{transform:translate(0)}.dash-sidebar-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.06)}.sidebar-close-x{width:32px;height:32px;display:grid;place-items:center;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:#cde8da;font-size:.9rem;cursor:pointer;transition:background .2s ease}.sidebar-close-x:hover{background:#ffffff1a}.dash-sidebar-user{display:flex;align-items:center;gap:12px;padding:14px;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);margin-top:auto}.dash-sidebar-avatar img,.dash-sidebar-avatar span{width:38px;height:38px;border-radius:50%;object-fit:cover}.dash-sidebar-avatar span{display:grid;place-items:center;background:#25d3662e;color:#cbffe0;font-weight:800;font-size:.9rem}.dash-sidebar-user-info{min-width:0}.dash-sidebar-user-info strong{display:block;font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-sidebar-user-info small{color:var(--text-soft);font-size:.76rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.dash-sidebar-logout{width:100%;margin-top:4px}.sidebar-nav{display:grid;gap:10px}.sidebar-nav a,.nav-link{padding:14px 16px;border-radius:16px;color:#d7f6e7;background:#ffffff08;border:1px solid transparent;text-decoration:none;text-align:left}.nav-link{width:100%;transition:background .22s ease,border-color .22s ease,transform .22s ease,color .22s ease}.sidebar-nav a:hover,.nav-link:hover{transform:translate(4px);border-color:#56e9c438}.sidebar-nav a.active,.nav-link.active{background:#25d3661f;border-color:#25d36638;box-shadow:inset 0 0 0 1px #56e9c414}.dashboard-main{display:grid;gap:20px;align-content:start}.topbar{padding:28px;display:flex;justify-content:space-between;gap:20px}.topbar h1{font-size:clamp(2rem,4vw,3.2rem);margin-bottom:12px}.user-pill{min-width:260px;padding:16px;border-radius:22px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);display:flex;align-items:center;gap:14px}.user-pill img,.user-pill span{width:50px;height:50px;border-radius:50%;object-fit:cover}.user-pill span{display:grid;place-items:center;background:#25d3662e;color:#cbffe0;font-weight:800}.user-pill strong,.stat-card strong{display:block}.user-pill small,.stat-card span{color:var(--text-soft)}.stats-grid,.dashboard-grid{display:grid;gap:20px}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card,.panel-card{padding:24px;transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}.stat-card strong{margin-top:10px;font-size:1.18rem}.panel-card-wide{grid-column:1 / -1}.pill-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.pill-row span{padding:10px 14px;border-radius:999px;background:#ffffff0d;color:#dbf8ea;border:1px solid rgba(255,255,255,.06)}.form-panel{padding:28px;border-radius:28px;transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}.section-header-row{display:flex;justify-content:space-between;gap:20px;margin-bottom:24px}.section-header-row h2,.panel-card h2{margin-bottom:10px}.mini-status{align-self:flex-start;padding:10px 14px;border-radius:999px;background:#ffffff0d;color:#d7f8e8;border:1px solid rgba(255,255,255,.07)}.config-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.field-group{display:grid;gap:10px}.field-group span{color:#d9f6e8;font-weight:600}.field-full{grid-column:1 / -1}.field-group input,.field-group select,.field-group textarea{width:100%;padding:14px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#effcf5;outline:none}.field-group textarea{resize:vertical;min-height:120px}.field-group input:focus,.field-group select:focus,.field-group textarea:focus{border-color:#25d36673;box-shadow:0 0 0 4px #25d36614}.form-actions{display:flex;gap:14px;flex-wrap:wrap}.json-preview{margin-top:20px;padding:18px;border-radius:18px;background:#00000040;border:1px solid rgba(255,255,255,.06);overflow:auto}.json-preview pre{margin:0;color:#d6f9e8;font-family:Consolas,Courier New,monospace;font-size:.92rem;line-height:1.6}.placeholder-panel{min-height:260px}.tab-panel{animation:tabFadeIn .32s ease}body.reveal-enabled [data-reveal]{opacity:0;transform:translateY(54px) scale(.96);filter:blur(12px);will-change:opacity,transform,filter;transition:opacity 1s cubic-bezier(.22,1,.36,1),transform 1s cubic-bezier(.22,1,.36,1),filter 1s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay, 0ms)}body.reveal-enabled [data-reveal].reveal-left{transform:translate(-72px) translateY(24px) scale(.96)}body.reveal-enabled [data-reveal].reveal-right{transform:translate(72px) translateY(24px) scale(.96)}body.reveal-enabled [data-reveal].reveal-up{transform:translateY(64px) scale(.96)}body.reveal-enabled [data-reveal].is-visible{opacity:1;transform:translateZ(0) scale(1);filter:blur(0)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1080px){.auth-grid,.dashboard-screen,.topbar,.stats-grid,.dashboard-grid,.auth-feature-grid,.auth-trust-row,.auth-stat-stack,.auth-card-band,.auth-stack-grid,.auth-flow-grid,.auth-trust-row-wide,.features-grid,.platforms-grid{grid-template-columns:1fr}.hero-title{font-size:clamp(2.2rem,7vw,3.4rem)}.topbar{flex-direction:column;align-items:flex-start;padding-top:24px}.section-header-row{flex-direction:column;align-items:flex-start}}@media (max-width: 680px){.app-shell{padding:16px}.auth-card,.setup-card,.loading-card,.form-panel,.auth-section-panel,.topbar,.stat-card,.panel-card{padding:22px}.dash-navbar{padding:8px 14px}.dashboard-screen{padding-top:76px}.auth-page{gap:28px}.navbar{padding:8px 16px}.navbar-logo-svg{width:26px;height:26px}.navbar-name{font-size:.78rem;letter-spacing:.1em}.navbar-cta{height:32px;padding:0 14px;font-size:.76rem}.whatsapp-fab{width:32px;height:32px}.whatsapp-fab svg{width:16px;height:16px}.hero{padding-top:12px}.hero-title{font-size:clamp(1.8rem,8vw,2.8rem)}.hero-benefit-wrapper{height:1.6em}.hero-benefit{font-size:clamp(1rem,4.5vw,1.3rem)}.hero-description{font-size:.94rem}.hero-actions{margin-top:22px}.btn-primary,.btn-outline{height:44px;font-size:.88rem;width:100%;justify-content:center}.eyebrow,.panel-tag{font-size:.68rem}.auth-screen{padding-bottom:40px}.auth-section-heading{margin-bottom:18px}.auth-page-footer{padding:14px 0 6px}.auth-page-footer p{font-size:.56rem;letter-spacing:.08em}.primary-button,.secondary-button,.action-inline{width:100%}.topbar{align-items:flex-start}.section-header-row,.config-form{grid-template-columns:1fr}.user-pill{min-width:0}.stats-grid,.dashboard-grid{grid-template-columns:1fr}.dashboard-main{padding:0}}