:root{font-family:Inter,ui-sans-serif,system-ui,Arial,sans-serif;background:#0b101a;color:#edf5ff}*{box-sizing:border-box}body{margin:0}.shell{display:flex;min-height:100vh}.side{width:255px;flex-shrink:0;background:#111a27;border-right:1px solid #29374a;padding:28px 18px;display:flex;flex-direction:column;gap:36px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff;font-size:18px;font-weight:850;letter-spacing:.06em}.brand small{display:block;color:#829bb7;font-size:10px;letter-spacing:.2em;margin-top:5px}.logo{display:grid;place-items:center;background:linear-gradient(135deg,#28b7e7,#4546bb);height:42px;width:42px;border-radius:12px;font-size:24px}.side nav{display:flex;flex-direction:column;gap:7px}.side nav a{padding:13px 14px;border-radius:9px;color:#9aacc4;text-decoration:none;font-size:14px}.side nav a:hover,.side nav a.active{background:#21364b;color:white}.server{margin-top:auto;padding:17px;border:1px solid #304057;border-radius:13px;font-size:13px}.server p{font-size:12px;color:#9bb0c7;overflow-wrap:anywhere}.minor{padding:9px 12px;background:#19283a;border:1px solid #3a4c62;border-radius:8px;color:#cfe2f7;cursor:pointer}.main{flex:1;min-width:0;padding:0 clamp(20px,5vw,90px)}header{height:83px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #293649}.crumb{font-size:11px;color:#7d92aa;letter-spacing:.17em}.crumb span{color:#e4f0ff}header a{color:#c8daef;text-decoration:none;margin-left:14px;font-size:13px}#app{min-height:76vh}.hero{padding:75px 0 35px;max-width:900px}.eyebrow{color:#52c8ee;text-transform:uppercase;letter-spacing:.18em;font-weight:700;font-size:12px}.hero h1{font-size:clamp(38px,5vw,65px);letter-spacing:-.055em;line-height:1.07;margin:15px 0}.lead{color:#a1b5ce;font-size:17px;max-width:650px;line-height:1.7}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 19px;background:#40ade5;border:0;border-radius:9px;color:#071420;font-weight:750;text-decoration:none;cursor:pointer;font-size:14px}.btn.secondary{background:#203246;color:#d8ebfd}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:30px 0 50px}.card,.panel{border:1px solid #304055;border-radius:15px;background:#152130;padding:24px}.card h3{margin:0 0 8px}.card p,.muted{color:#99aec5;line-height:1.65}.page-head{padding:35px 0 14px}.page-head h1{font-size:34px;margin:0 0 10px}.panel{max-width:820px}.form{display:flex;flex-direction:column;gap:17px;max-width:480px}.form label{display:flex;flex-direction:column;gap:8px;font-size:13px;color:#c3d7ed}.form input,.chat-send input{background:#0a1522;border:1px solid #39506a;color:white;border-radius:9px;padding:14px;font:inherit;width:100%;min-width:0}.form input:focus,.chat-send input:focus{outline:2px solid #41ace5}.notice{padding:13px 16px;margin:16px 0;border-radius:9px;border:1px solid #437394;background:#173249}.notice.error{border-color:#985064;background:#42232c}.chat-feed{height:380px;overflow-y:auto;background:#0b1623;border:1px solid #304055;border-radius:10px;padding:14px;margin-bottom:15px}.chat-item{padding:7px 0;overflow-wrap:anywhere}.chat-item strong{color:#5fcbf2}.chat-item small{color:#728ba4;margin-right:9px}.chat-send{display:flex;gap:10px}.user-row{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #2b3d52;padding:12px 0}.user-row:last-child{border:0}.pill{border-radius:20px;background:#284158;padding:5px 9px;font-size:11px}.map-preview{height:340px;display:grid;place-items:center;border:1px dashed #3c536a;background:radial-gradient(ellipse at 50% 0%,#243e50,#111d2b);border-radius:14px;text-align:center;padding:30px}footer{border-top:1px solid #293649;padding:20px 0;color:#73879f;font-size:12px}@media(max-width:760px){.shell{display:block}.side{width:100%;padding:15px;gap:12px;border-right:0;border-bottom:1px solid #2a3950}.side nav{flex-direction:row;overflow:auto}.side nav a{white-space:nowrap;padding:10px}.server{display:none}header{height:62px}.cards{grid-template-columns:1fr}.hero{padding:40px 0}.chat-send{flex-direction:column}}