:root{--bg:#061421;--surface:#0d263d;--surface2:#102d47;--cyan:#20d7ec;--mint:#35e0b5;--text:#f4f9ff;--muted:#9db2c8;--line:#23435f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 78% 8%,#0c2b46,transparent 32%),var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}.hidden,.view{display:none}.view.active{display:block}.header{height:90px;max-width:1320px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{background:none;border:0;color:#fff;font-size:21px;display:flex;align-items:center;gap:12px}.brand b{font-size:24px}.cube{color:var(--cyan);font-size:36px}.header nav,.actions,.hero-actions,.checks{display:flex;align-items:center;gap:25px}.header a{color:#dce8f4;text-decoration:none}.primary,.outline{border-radius:8px;padding:13px 20px;font-weight:750;border:1px solid var(--cyan)}.primary{background:var(--cyan);color:#03111d}.outline{background:transparent;color:#fff;border-color:#667d91}.big{padding:16px 24px}.full{width:100%}.hero{max-width:1320px;min-height:650px;margin:auto;padding:70px 28px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.eyebrow{color:var(--cyan);font-size:13px;font-weight:850;letter-spacing:.18em}.hero h1,.auth-copy h1,.center h1{font-size:clamp(48px,5vw,72px);line-height:1.02;letter-spacing:-.045em;margin:24px 0}.hero>div>p,.auth-copy>p,.center>p{font-size:19px;line-height:1.6;color:var(--muted)}.hero-actions{margin-top:30px}.checks{color:var(--muted);font-size:14px;margin-top:28px}.price-card{background:linear-gradient(145deg,#102d47,#07192a);border:1px solid #2e5d7f;border-radius:17px;overflow:hidden;box-shadow:0 30px 70px #0005}.card-title{padding:30px;display:flex;gap:22px;align-items:center;border-bottom:1px solid var(--line)}.box{width:80px;height:80px;border:1px solid var(--line);display:grid;place-items:center;color:var(--cyan);font-size:36px;border-radius:12px}.card-title small,.lempiras small{color:var(--cyan);font-weight:800}.card-title h2{font-size:29px;margin:7px 0}.card-title p{margin:0;color:var(--muted)}.weight{padding:30px;display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center}.weight div{background:#071b2d;padding:18px;border:1px solid var(--line);border-radius:9px}.weight small,.weight strong{display:block}.weight small{color:var(--muted);margin-bottom:8px}.weight strong{font-size:29px}.weight em{font-size:14px;color:var(--muted)}.lempiras{margin:0 30px;border-top:1px solid var(--line);padding:22px 0;display:flex;align-items:center;gap:15px}.lempiras>span{width:48px;height:48px;border-radius:50%;background:#35e0b522;color:var(--mint);display:grid;place-items:center;font-size:25px;font-weight:900}.lempiras strong{display:block;font-size:24px}.lempiras i{margin-left:auto;color:var(--mint)}.price-card footer{display:flex;justify-content:space-between;padding:17px 30px;background:#071b2d;color:var(--muted);font-size:13px}.price-card footer b{color:#fff}.benefits{max-width:1320px;margin:0 auto 85px;padding:0 28px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.benefits article{display:flex;gap:18px;border:1px solid var(--line);background:#0d263dcc;padding:24px;border-radius:14px}.benefits article>span{width:55px;height:55px;flex:none;display:grid;place-items:center;border:1px solid var(--cyan);border-radius:10px;color:var(--cyan);font-size:22px}.benefits h3{margin:0 0 7px}.benefits p{margin:0;color:var(--muted)}.light-section{background:#f3f7fa;color:#071421;padding:100px max(28px,calc((100vw - 1264px)/2))}.light-section>h2{font-size:50px;letter-spacing:-.04em}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.steps article{border-top:2px solid #cbdce7;padding-top:22px}.steps article>b{color:#0b8da3}.steps p{color:#576c7b;line-height:1.55}.auth-view{min-height:calc(100vh - 90px);max-width:1120px;margin:auto;padding:70px 28px;grid-template-columns:1fr 440px;gap:90px;align-items:center}.auth-view.active{display:grid}.form-card,.status-card{background:linear-gradient(145deg,#102941,#0a2034);border:1px solid var(--line);border-radius:16px;padding:36px;box-shadow:0 25px 70px #0004}.form-card h2{font-size:29px}.form-card label{display:flex;flex-direction:column;gap:8px;margin:18px 0;font-size:14px}.form-card input,.form-card textarea{background:#071a2b;border:1px solid #31516b;color:#fff;border-radius:8px;padding:14px}.form-card textarea{min-height:90px}.link{background:none;border:0;color:var(--cyan);display:block;margin:20px auto 0}.message{color:#ff9097;min-height:20px}.register-view{max-width:980px;margin:auto;padding:45px 28px 90px}.center{text-align:center;margin-bottom:38px}.center h1{font-size:52px}.wide-card{padding:42px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.span-2{grid-column:1/-1}.status-view{min-height:70vh;padding:70px 20px}.status-card{max-width:560px;text-align:center;margin:auto;padding:60px}.status-card>span{margin:auto;width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:#35e0b522;color:var(--mint);font-size:34px}.dashboard.active{display:grid;grid-template-columns:240px 1fr;min-height:calc(100vh - 90px);background:#f2f6f8;color:#10202e}.dashboard aside{background:#091e31;color:#fff;padding:25px 17px;display:flex;flex-direction:column;gap:7px}.dashboard aside>b{font-size:20px;padding:15px}.dashboard aside button{border:0;background:transparent;color:var(--muted);text-align:left;padding:13px;border-radius:8px}.dashboard aside button.active{background:#12324e;color:var(--cyan)}.content{padding:40px;max-width:1400px;width:100%}.content h1{font-size:40px;margin:10px 0}.muted{color:#6a7f8e}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:30px 0}.stats article,.empty,.customer-row{background:#fff;border:1px solid #dce5ea;border-radius:13px;padding:24px}.stats small,.stats strong{display:block}.stats small{color:#718391}.stats strong{font-size:25px;margin-top:12px}.empty{text-align:center;padding:70px}.empty>span{font-size:50px;color:#0c91a8}.empty p{color:#718391}.customer-list{display:grid;gap:13px;margin-top:25px}.customer-row{display:grid;grid-template-columns:1.4fr 1fr .7fr auto;gap:20px;align-items:center}.customer-row small{display:block;color:#718391;margin-top:5px}.customer-row input{width:90px;padding:10px;border:1px solid #cdd9e0;border-radius:7px}.customer-row button{border:0;background:#0b91a7;color:#fff;border-radius:7px;padding:11px 15px}#toast{position:fixed;right:25px;bottom:25px;background:#0c2b46;color:#fff;border:1px solid var(--cyan);padding:15px 20px;border-radius:9px;transform:translateY(100px);opacity:0;transition:.25s}#toast.show{transform:none;opacity:1}@media(max-width:900px){.header nav{display:none}.hero{grid-template-columns:1fr}.benefits{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.auth-view.active{grid-template-columns:1fr}.dashboard.active{grid-template-columns:1fr}.dashboard aside{display:none}.customer-row{grid-template-columns:1fr 1fr}}@media(max-width:600px){.header{height:74px;padding:0 16px}.brand span:last-child,.header .outline{display:none}.hero{padding:45px 18px}.hero h1{font-size:44px}.hero-actions,.checks{flex-direction:column;align-items:stretch}.weight{padding:20px;gap:8px}.lempiras{margin:0 20px}.price-card footer{flex-direction:column;gap:8px}.steps,.grid,.stats{grid-template-columns:1fr}.span-2{grid-column:auto}.wide-card,.form-card{padding:24px}.content{padding:28px 16px}.customer-row{grid-template-columns:1fr}.light-section{padding:70px 18px}}