:root{--bg:#061b31;--bg2:#020914;--panel:#082b4b;--panel2:#061528;--text:#f4f8ff;--muted:#a8c0dc;--blue:#087bff;--cyan:#00c7ff;--line:#16486c;--ok:#17c964;--err:#ff4d4f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 70% 20%,#08395d 0,#062846 30%,#031a31 62%,#020914 100%);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}a{color:inherit;text-decoration:none}.nav{height:92px;display:flex;justify-content:space-between;align-items:center;padding:0 12vw;background:#030a15;border-top:1px solid rgba(255,255,255,.75);border-bottom:1px solid rgba(0,199,255,.16);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:14px}.brandmark{display:grid;place-items:center;width:34px;height:34px;font-weight:900;color:#fff;background:linear-gradient(135deg,#0049ff,#00c7ff);clip-path:polygon(50% 0,85% 25%,85% 75%,50% 100%,15% 75%,15% 25%)}.wordmark{font-size:16px;font-weight:900;letter-spacing:7px}.wordmark span{color:var(--cyan)}.nav nav{display:flex;align-items:center;gap:30px;font-weight:800;font-size:15px}.nav a{opacity:.96}.nav-cta{background:linear-gradient(135deg,var(--blue),var(--cyan));padding:14px 22px;border-radius:14px;box-shadow:0 12px 35px rgba(0,135,255,.35)}.nav-admin{opacity:.62!important}.hero{min-height:calc(100vh - 92px);display:grid;grid-template-columns:1fr .95fr;gap:80px;align-items:center;padding:76px 12vw 58px;background:radial-gradient(circle at 78% 52%,rgba(0,199,255,.14),transparent 34%)}.eyebrow{color:var(--cyan)!important;text-transform:uppercase;letter-spacing:3px;font-size:13px!important;font-weight:900;margin:0 0 22px}.hero h1{font-size:clamp(54px,5.8vw,88px);line-height:.98;margin:0 0 28px;font-weight:900;letter-spacing:-3px}.lead,.hero p,.section p{color:var(--muted);font-size:19px;line-height:1.75}.lead{max-width:760px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.13);border-radius:15px;padding:14px 24px;background:rgba(255,255,255,.06);color:var(--text);font-weight:900;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}.btn.primary{border:0;background:linear-gradient(135deg,var(--blue),var(--cyan));box-shadow:0 14px 36px rgba(0,145,255,.35)}.btn.ghost{background:transparent}.hero-stats{display:flex;gap:28px;margin-top:46px}.hero-stats div{border-left:2px solid var(--cyan);padding-left:16px}.hero-stats b{display:block;font-size:27px}.hero-stats span{color:var(--muted)}.hero-visual{display:grid;place-items:center}.visual-window{width:min(580px,100%);border:1px solid rgba(0,199,255,.18);border-radius:36px;background:linear-gradient(180deg,rgba(7,68,124,.95),rgba(4,39,64,.95));box-shadow:0 40px 110px rgba(0,0,0,.35),0 0 80px rgba(0,199,255,.1);overflow:hidden}.window-bar{height:68px;border-bottom:1px solid rgba(0,199,255,.16);background:rgba(0,66,130,.25)}.visual-window img{display:block;width:82%;margin:46px auto 56px;border-radius:24px;mix-blend-mode:screen}.section{padding:80px 12vw}.section h2,.section h1{font-size:clamp(34px,4.5vw,58px);line-height:1.05;margin:0 0 24px;letter-spacing:-1.5px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:36px}.service-grid article,.panel,.card,.mini-dashboard,.contact-card,.auth .panel,.chat.panel{background:linear-gradient(180deg,rgba(8,43,75,.88),rgba(5,21,40,.96));border:1px solid rgba(0,199,255,.14);border-radius:28px;padding:28px;box-shadow:0 24px 80px rgba(0,0,0,.25)}.service-grid article span{color:var(--cyan);font-weight:900}.service-grid h3{font-size:23px}.service-grid p{font-size:16px}.split-premium{display:grid;grid-template-columns:1fr .8fr;gap:48px;align-items:center}.mini-dashboard{display:grid;gap:14px}.dash-row{display:flex;justify-content:space-between;gap:18px;align-items:center;background:rgba(2,9,20,.62);border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:18px}.dash-row span,.row span{color:var(--cyan);font-weight:900}.dash-row small{color:var(--muted)}.carla-band{display:flex;justify-content:space-between;gap:40px;align-items:center;background:linear-gradient(90deg,rgba(0,102,255,.17),rgba(0,199,255,.08));border-top:1px solid rgba(0,199,255,.12);border-bottom:1px solid rgba(0,199,255,.12)}.about{display:grid;grid-template-columns:.85fr 1fr;gap:42px}.contact-card{margin:70px 12vw 90px;padding:48px!important}.auth{min-height:calc(100vh - 160px);display:grid;place-items:center;padding:55px 7vw}.auth .panel{width:min(480px,100%)}label{display:block;color:var(--muted);font-size:14px;margin:14px 0 7px;font-weight:700}input,select,textarea{width:100%;border:1px solid rgba(0,199,255,.16);background:#031224;color:var(--text);padding:13px 14px;border-radius:13px;outline:none}textarea{resize:vertical}.flashwrap{padding:22px 12vw 0}.flash{padding:13px 16px;border-radius:14px;border:1px solid rgba(0,199,255,.16);background:#061528}.flash.ok{border-color:rgba(23,201,100,.45)}.flash.error{border-color:rgba(255,77,79,.55)}.topline{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.grid.two{grid-template-columns:1fr 1fr}.table{display:grid;gap:12px}.row{display:grid;gap:7px;padding:16px;border:1px solid rgba(0,199,255,.13);border-radius:16px;background:#031224}.row small,.panel small,footer{color:var(--muted)}.narrow{max-width:1000px;margin:auto}.ticketmeta{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.badge{background:linear-gradient(135deg,var(--blue),var(--cyan));border-radius:999px;padding:8px 13px;font-weight:900}.badge.small{font-size:12px;padding:4px 8px;margin-left:8px}.update{border-left:3px solid var(--cyan);padding:8px 0 8px 14px;margin:14px 0}.chatlog{min-height:340px;display:grid;align-content:end;gap:12px}.bot,.me{padding:13px 15px;border-radius:16px;max-width:88%;line-height:1.55}.bot{background:#061528;border:1px solid rgba(255,255,255,.06)}.me{background:linear-gradient(135deg,var(--blue),var(--cyan));margin-left:auto}.chatbar{display:flex;gap:10px;margin-top:16px}footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:30px 12vw;border-top:1px solid rgba(0,199,255,.12);background:#020914}hr{border:0;border-top:1px solid rgba(0,199,255,.12);margin:22px 0}@media(max-width:1100px){.nav{padding:0 6vw}.hero,.section{padding-left:6vw;padding-right:6vw}.hero{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr 1fr}.contact-card{margin-left:6vw;margin-right:6vw}}@media(max-width:760px){.nav{height:auto;align-items:flex-start;gap:14px;flex-direction:column;padding:18px 6vw}.nav nav{flex-wrap:wrap;gap:14px}.hero{min-height:auto;padding-top:48px;gap:36px}.hero h1{font-size:48px}.hero-stats,.carla-band,.about,.topline{align-items:flex-start;flex-direction:column;display:flex}.service-grid,.grid,.grid.two,.split-premium{grid-template-columns:1fr}.chatbar{flex-direction:column}}

.carla-client-card{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:22px;background:linear-gradient(135deg,rgba(0,118,255,.22),rgba(0,200,255,.08));border-color:rgba(0,200,255,.28)}
.carla-client-card h2{max-width:780px;margin:.25rem 0 .6rem}.carla-client-card p{color:#b8c7dc;max-width:860px;line-height:1.6}.carla-card-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;min-width:260px}@media(max-width:850px){.carla-client-card{flex-direction:column;align-items:flex-start}.carla-card-actions{justify-content:flex-start;min-width:0}}
.grid.four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.stat h2{font-size:42px;margin:6px 0}.tech-output{white-space:pre-wrap;background:#061426;border:1px solid rgba(0,200,255,.25);border-radius:14px;padding:16px;min-height:180px;color:#dff5ff;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.55}.carla-tech-panel{border-color:rgba(0,200,255,.45)}@media(max-width:900px){.grid.four{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.grid.four{grid-template-columns:1fr}}
.lang-switch{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(0,200,255,.25);border-radius:999px;padding:6px 10px;margin-left:6px;color:#7e91aa;font-size:12px;font-weight:800;letter-spacing:.8px}
.lang-switch a{color:#7e91aa;text-decoration:none}
.lang-switch a.active{color:#00c8ff}
@media(max-width:800px){.lang-switch{margin-top:8px}}

.grid.five{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
@media(max-width:1100px){.grid.five{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.grid.five{grid-template-columns:1fr}}