:root{--bg:#0b141e;--surface:#111e2a;--surface2:#162532;--line:#263745;--text:#f0f3f2;--muted:#95a6b3;--accent:#e5ad55;--accent2:#f2c77a;--font:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:var(--bg);font-family:var(--font)}a{color:inherit;text-decoration:none}button,input{font:inherit}.site-shell{min-height:100vh;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(circle at 75% 35%,#192838 0,transparent 38%),var(--bg)}.header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,6vw,105px);border-bottom:1px solid #223340;background:#0b151ee8;z-index:5}.brand{display:flex;align-items:center;gap:13px;letter-spacing:2px}.brand-mark{border:2px solid var(--accent);width:43px;height:48px;display:flex;align-items:center;justify-content:center;color:var(--accent);font-size:24px;font-weight:900;clip-path:polygon(0 0,100% 0,100% 75%,50% 100%,0 75%);position:relative}.brand-star{font-size:9px;position:absolute;right:4px;top:5px}.brand strong,.brand small{display:block}.brand strong{font-size:15px;line-height:1.5}.brand small{color:var(--accent);font-size:10px;font-weight:800;letter-spacing:4px}.header nav{display:flex;align-items:center;gap:26px}.nav-link{color:#b0bdc6;font-size:13px;font-weight:700}.nav-link:hover,.auth-switch a:hover{color:var(--accent2)}.button{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:25px;cursor:pointer;font-size:13px;font-weight:800;transition:.2s}.button:hover{transform:translateY(-2px)}.button-small{padding:12px 18px}.button-large{padding:18px 24px;min-height:56px}.button-accent{background:var(--accent);color:#1a242c}.button-accent:hover{background:var(--accent2)}.button-ghost{border-color:#38505c;background:#192734;color:#e9eff2}.button-outline{border-color:#495a65;background:transparent;color:#fff}.hero{width:100%;min-height:600px;display:grid;grid-template-columns:minmax(440px,1fr) minmax(450px,1fr);align-items:stretch;max-width:1800px;margin:0 auto}.hero-text{padding:clamp(85px,9vw,155px) 20px 90px clamp(25px,9vw,165px);position:relative;z-index:2}.eyebrow{color:var(--accent);font-size:11px;font-weight:800;letter-spacing:2px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#dfb66f;box-shadow:0 0 0 4px #dfb66f18}.eyebrow-sep{color:#546471}.hero h1,.auth-aside h1,.dashboard h1{font-size:clamp(51px,5.5vw,87px);line-height:1.02;letter-spacing:-3px;margin:30px 0;font-weight:900}.hero h1 em,.auth-aside h1 em,.dashboard h1 em{font-style:normal;color:var(--accent)}.hero-text>p,.auth-aside>p,.dashboard>p{font-size:16px;line-height:1.85;color:#aebcc7;max-width:470px}.hero-actions{margin-top:35px;display:flex;gap:12px;flex-wrap:wrap}.hero-caption{margin-top:55px;font-size:10px;color:#8297a6;letter-spacing:2px;display:flex;align-items:center;gap:12px}.mini-line{width:30px;height:1px;background:var(--accent)}.hero-art{position:relative;min-height:580px;overflow:hidden;background-color:#152531;background-image:linear-gradient(90deg,#ffffff05 1px,transparent 1px),linear-gradient(#ffffff05 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to right,transparent,#000 15%,#000 94%,transparent)}.hero-art:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0b141e 0,transparent 30%),radial-gradient(circle at 62% 48%,#ce9a3a0c 0,transparent 50%);z-index:3;pointer-events:none}.street{position:absolute;background:#243746;border:1px solid #344956;box-shadow:inset 0 0 0 1px #1b2934}.street:after{content:"";position:absolute;inset:45% 0 auto;border-top:2px dashed #81939a55}.horizontal{height:68px;width:100%;left:0}.h1{top:25%}.h2{top:70%}.vertical{width:68px;height:100%;top:0}.vertical:after{inset:0 auto 0 50%;border-top:0;border-left:2px dashed #81939a55}.v1{left:29%}.v2{left:75%}.building{position:absolute;background:#253b48;border:5px solid #3e5260;box-shadow:inset 0 0 0 3px #1a2b37,6px 6px 0 #0b172083}.b1{left:4%;top:4%;width:21%;height:16%}.b2{left:42%;top:4%;width:29%;height:16%}.b3{left:82%;top:4%;width:17%;height:18%}.b4{left:3%;top:41%;width:23%;height:24%}.b5{left:42%;top:41%;width:28%;height:22%}.b6{left:82%;top:41%;width:17%;height:23%}.b7{left:4%;top:86%;width:22%;height:14%}.b8{left:42%;top:86%;width:28%;height:14%}.radar-circle{position:absolute;z-index:2;left:57%;top:49%;transform:translate(-50%,-50%);border:1px solid #dba54d73;border-radius:50%;pointer-events:none}.circle-outer{width:320px;height:320px}.circle-inner{width:170px;height:170px}.map-unit{position:absolute;z-index:4;background:var(--accent);border:4px solid #202f39;border-radius:8px;box-shadow:0 0 0 6px #e5ad5535,0 0 35px #e5ad5588;width:38px;height:38px;display:grid;place-items:center;color:#172630}.unit-one{top:47%;left:54%;transform:rotate(30deg)}.unit-one span{transform:rotate(-30deg)}.unit-two{top:76%;left:20%;transform:scale(.75) rotate(-45deg)}.map-callout{position:absolute;z-index:4;bottom:12%;right:7%;background:#101e29ee;border:1px solid #50606a;padding:17px 20px;min-width:240px;box-shadow:0 15px 45px #0006}.map-callout>*{display:block}.callout-label{font-size:9px;color:var(--accent);letter-spacing:2px;font-weight:800}.map-callout strong{font-size:13px;margin:10px 0}.map-callout small{font-size:11px;color:#a8c3b9}.map-callout i{display:inline-block;background:#67bb93;width:7px;height:7px;border-radius:50%;margin-right:5px}.coord{position:absolute;z-index:3;color:#c7b48a;font-size:9px;letter-spacing:2px}.coord-top{top:6%;right:5%}.coord-bottom{bottom:6%;left:35%}.concept{border-top:1px solid var(--line);padding:85px clamp(25px,9vw,165px) 100px;background:#0e1a25}.section-label{color:var(--accent);font-size:11px;font-weight:800;letter-spacing:2px}.concept h2{font-size:clamp(28px,3vw,42px);letter-spacing:-1px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:42px}.feature{background:#152430;border:1px solid #2a3b49;padding:26px}.feature-icon{font-size:29px;color:var(--accent)}.feature h3{font-size:17px;margin:22px 0 12px}.feature p{font-size:13px;color:#a6b4bf;line-height:1.8}.development-note{font-size:12px;line-height:1.7;color:#91a2ad;margin-top:25px}.footer{margin-top:auto;min-height:70px;padding:22px clamp(22px,6vw,105px);border-top:1px solid #233542;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1.5px;color:#8598a6}.footer-divider{padding:0 8px;color:var(--accent)}.auth-section{width:100%;min-height:calc(100vh - 160px);max-width:1340px;margin:0 auto;display:grid;grid-template-columns:1fr 480px;gap:75px;align-items:center;padding:65px 45px}.auth-aside h1{font-size:clamp(48px,5vw,72px)}.auth-aside>p{max-width:400px}.aside-rule{border-top:1px solid #334554;margin-top:75px;max-width:370px}.aside-foot{display:flex;gap:20px;color:#8798a5;font-size:10px;letter-spacing:2px;margin-top:20px}.aside-foot span{color:var(--accent)}.auth-card{padding:40px;background:#14232e;border:1px solid #344958;box-shadow:0 25px 90px #0004}.auth-number{color:var(--accent);font-size:11px;font-weight:800;letter-spacing:2px}.auth-card h2{font-size:30px;letter-spacing:-.5px;margin:22px 0 7px}.auth-subtitle{color:#94a9b7;font-size:13px;line-height:1.6;margin-bottom:30px}.auth-card form{display:flex;flex-direction:column;gap:10px}.auth-card label{font-size:10px;letter-spacing:1.4px;font-weight:800;color:#b4c3cc;margin-top:13px}.auth-card input{background:#0d1a24;border:1px solid #384c59;color:#f7f7f7;padding:15px;width:100%;outline:none;border-radius:0;min-width:0}.auth-card input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #e5ad551f}.auth-card input::placeholder{color:#68808e}.submit-button{margin-top:19px;min-height:50px;width:100%;justify-content:space-between;padding:0 20px}.auth-switch{text-align:center;font-size:12px;color:#99aab5;margin-top:25px}.auth-switch a{color:var(--accent);font-weight:800}.alert{padding:13px 15px;font-size:12px;line-height:1.6;background:#4e2525;border:1px solid #a55151;color:#ffdddd}.dashboard{width:min(1100px,90%);margin:0 auto;padding:130px 0}.dashboard h1{font-size:clamp(48px,7vw,88px)}.dashboard-panel{margin-top:45px;background:#14232e;border:1px solid #344958;padding:32px;max-width:620px}.dashboard-panel>span{color:var(--accent);font-size:10px;letter-spacing:2px}.dashboard-panel>strong{display:block;font-size:23px;margin:17px 0}.dashboard-panel>p{color:#aab9c3;line-height:1.8;font-size:14px}.status-tag{display:inline-flex;align-items:center;gap:10px;border:1px solid #44645a;color:#aad7c3;padding:9px 12px;font-size:10px;letter-spacing:1px}.logout-form{margin:0}.signed-in{color:var(--accent);font-size:11px;font-weight:800;letter-spacing:1px}@media(max-width:1050px){.hero{grid-template-columns:1fr}.hero-text{padding:85px 35px 65px}.hero-art{min-height:340px}.auth-section{grid-template-columns:1fr;gap:25px}.auth-aside h1{font-size:54px}.auth-card{max-width:550px;width:100%;margin:0 auto}.aside-rule,.aside-foot{display:none}}@media(max-width:670px){.header{height:auto;min-height:80px;flex-wrap:wrap;gap:15px;padding:15px 20px}.header nav{gap:9px;flex-wrap:wrap}.header .nav-link{display:none}.button-small{font-size:11px;padding:10px}.brand strong{font-size:12px}.brand small{font-size:9px}.hero-text{padding:65px 23px}.hero h1{font-size:clamp(46px,11vw,68px)}.hero-art{min-height:270px}.concept{padding:65px 23px}.feature-grid{grid-template-columns:1fr}.auth-section{padding:45px 20px}.auth-aside h1{font-size:clamp(40px,9vw,64px)}.auth-card{padding:27px 22px}.footer{gap:12px;flex-wrap:wrap;font-size:9px}.dashboard{padding:80px 0}.signed-in{display:none}}