:root{font-family:'Segoe UI',Arial,sans-serif;color:#1e3143;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:#f7f8fa}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}header{height:84px;background:#101c29;color:#f3f6fa;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid #2a3948}.brand{display:flex;align-items:center;gap:13px}.brand-icon{position:relative;width:38px;height:38px;display:grid;place-items:center;border:1px solid #50c7d0;color:#6fe0e3;font-size:26px;font-weight:600;line-height:1}.brand-icon:before{content:'';position:absolute;inset:4px;border:1px solid #285d70}.brand-icon span{position:absolute;right:-5px;bottom:-8px;color:#8ce2e4;font:19px monospace;background:#101c29}.brand b{font-size:22px;letter-spacing:.4px;font-weight:600}.brand em{font-size:13px;color:#81b6c5;font-style:normal;font-weight:400;letter-spacing:3px;margin-left:8px}.header-right{display:flex;align-items:center;gap:10px;color:#a1afbd;font:10px Consolas,monospace;letter-spacing:1.4px}.service-dot{width:6px;height:6px;border-radius:50%;background:#67cbb1;box-shadow:0 0 10px #64c6b455}.header-divider{height:15px;width:1px;background:#3a4855;margin:0 14px}main{min-height:calc(100vh - 139px);display:grid;grid-template-columns:55% 45%}.blueprint{position:relative;overflow:hidden;background-color:#142433;background-image:linear-gradient(#5e98a00b 1px,transparent 1px),linear-gradient(90deg,#5e98a00b 1px,transparent 1px),linear-gradient(#5e98a00d 1px,transparent 1px),linear-gradient(90deg,#5e98a00d 1px,transparent 1px);background-size:25px 25px,25px 25px,125px 125px,125px 125px;color:#eef5f8;padding:48px 9% 24px}.blueprint:before{content:'+';position:absolute;right:26px;top:25px;color:#4b7687;font:26px Consolas,monospace}.blueprint-title{position:relative;z-index:1}.eyebrow,.panel-kicker{font:10px Consolas,monospace;letter-spacing:2px;color:#69c4cd}.blueprint h1{font-size:clamp(32px,3.4vw,55px);font-weight:500;letter-spacing:-1.7px;line-height:1.15;margin:22px 0 17px}.blueprint-title p{color:#91a8b9;font-size:14px;line-height:1.8;margin:0}.drawing{position:relative;margin:18px -5% 20px}.drawing svg{display:block;width:100%;max-height:350px}.drawing-label{display:flex;justify-content:space-between;color:#688b9f;font:9px Consolas,monospace;letter-spacing:1px;margin:18px 24px 0}.drawing-scale{position:absolute;bottom:0;right:20px;color:#6f8e9f;font:9px Consolas,monospace}.axis{position:absolute;left:28px;bottom:5px;width:48px;height:55px;font:10px Consolas,monospace}.axis i{position:absolute;left:17px;top:15px;height:26px;border-left:1px solid #71a6ba}.axis i:after,.axis i:before{content:'';position:absolute;left:0;bottom:0;width:23px;border-top:1px solid #71a6ba;transform-origin:left;transform:rotate(-25deg)}.axis i:before{transform:rotate(-150deg);width:16px}.axis-z{position:absolute;left:14px;top:0;color:#8acbdd}.axis-y{position:absolute;right:0;bottom:7px;color:#62c7b3}.axis-x{position:absolute;left:-5px;bottom:10px;color:#df9b80}.blueprint-footer{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #304654;padding-top:21px;color:#7391a3;font:9px Consolas,monospace;letter-spacing:.8px}.blueprint-footer i{display:inline-block;width:5px;height:5px;background:#53b7bd;margin-right:7px}.access-panel{padding:35px clamp(32px,5.2vw,90px) 24px;display:flex;flex-direction:column;background:linear-gradient(135deg,#fff,#f5f7f9);border-left:1px solid #354351;min-width:0}.panel-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.panel-kicker{color:#6e8392;letter-spacing:1.4px}.secure-label{font-size:10px;color:#6a7e88}#portal{width:100%;max-width:410px;margin:auto; padding:45px 0}.mini-coordinate{font:10px Consolas,monospace;color:#8295a2;letter-spacing:1.5px}.form-heading h2{font-size:34px;letter-spacing:-1px;line-height:1.2;font-weight:600;margin:14px 0 12px}.form-heading p{color:#73828e;font-size:13px;margin:0 0 34px}label{font-size:12px;font-weight:600;color:#344c60;display:block;margin-bottom:9px}.input-wrap{display:flex;align-items:center;border:1px solid #d4dce3;background:white;border-radius:4px;height:49px;margin-bottom:23px;transition:border-color .2s,box-shadow .2s}.input-wrap:focus-within{border-color:#268d9b;box-shadow:0 0 0 3px #3ba3b416}.input-wrap>span{padding-left:15px;color:#879ba8;font:15px Consolas,monospace}.input-wrap input{background:transparent;border:0;outline:0;padding:14px 13px;width:100%;min-width:0;color:#243e52;font-size:13px}.input-wrap input::placeholder{color:#a2aeb7}.input-wrap button{border:0;background:none;color:#647f90;font-size:10px;padding:12px}.password-label{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.password-label .text-button{margin-bottom:9px;font-size:10px}.text-button{padding:0;background:none;border:0;color:#247a8d;font-size:11px}.text-button:hover{text-decoration:underline}.primary{display:flex;align-items:center;justify-content:space-between;width:100%;padding:15px 18px;border:1px solid #175f75;border-radius:4px;color:#fff;background:#176a80;font-size:12px;font-weight:600;box-shadow:0 4px 8px #1b4e6412;transition:background .2s}.primary:hover{background:#125970}.primary span:last-child{font-size:20px;font-weight:400;line-height:16px}.primary:disabled{opacity:.6;cursor:wait}.message{font-size:12px;line-height:1.5;color:#9b4f27;min-height:18px;margin:12px 0}.access-note{display:flex;gap:13px;border-top:1px solid #e1e6eb;padding-top:24px;margin-top:25px}.access-note>span{font-size:26px;color:#6e9aa9;line-height:30px}.access-note p{font-size:11px;color:#8a98a3;line-height:1.9;margin:0}.access-note b{font-size:12px;font-weight:500;color:#4e6679}.request-access{font-size:11px;color:#8998a3;margin-top:25px}.request-access button{margin-left:5px}.panel-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;font:8px Consolas,monospace;letter-spacing:.8px;color:#9aabb7}.footer-cross{font:20px Consolas,monospace;color:#90a7b4}body>footer{height:55px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;color:#7a8a99;font-size:10px;border-top:1px solid #dbe2e8}footer i{font-style:normal;margin:0 8px;color:#b7c0c7}footer a{color:#3f687f}button:focus-visible,a:focus-visible{outline:2px solid #31a7b5;outline-offset:4px}.portal-actions{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0}.secondary{border:1px solid #c6d4de;background:white;border-radius:4px;padding:10px 12px;color:#386074;font-size:12px}.account-box{border:1px solid #dbe3ea;background:white;border-radius:5px;padding:15px;margin:15px 0;font-size:12px;line-height:1.8;overflow-wrap:anywhere}.portal-list{max-height:280px;overflow:auto}.portal-row{padding:12px 0;border-bottom:1px solid #e5eaee;font-size:12px;line-height:1.7}.portal-row button{margin:8px 5px 0 0}.compact-form input,.compact-form select{width:100%;padding:11px;border:1px solid #cdd9e2;border-radius:3px;margin-bottom:16px;background:white;color:#284357}.compact-form label{margin-top:10px}.portal-title{font-size:23px;margin:14px 0}.back-button{margin-bottom:12px}.user-status{color:#7b8c99;font-size:11px}.download-link{display:inline-flex;width:auto;gap:20px;margin:15px 0}.alert-note{color:#7f8b96;font-size:11px;line-height:1.6}@media(min-width:1600px){.blueprint{padding-top:65px}.drawing svg{max-height:420px}.drawing{margin-top:35px}}@media(max-width:1000px){main{grid-template-columns:48% 52%}.blueprint{padding:45px 8% 25px}.header-right{font-size:8px;letter-spacing:.6px}.header-divider{margin:0 5px}.blueprint-footer{font-size:8px;line-height:1.6;flex-direction:column}.access-panel{padding:30px 35px 22px}.drawing{margin:35px -17% 30px}.drawing-label span:last-child{display:none}}@media(max-width:700px){header{height:70px;padding:0 24px}.header-right{display:none}.brand b{font-size:19px}.brand-icon{height:32px;width:32px;font-size:22px}main{display:block;min-height:calc(100vh - 125px)}.blueprint{display:none}.access-panel{border:0;min-height:calc(100vh - 125px);padding:24px}#portal{padding:42px 0}.form-heading h2{font-size:31px}.panel-footer{font-size:7px}body>footer{padding:14px 24px;height:auto;min-height:55px;gap:10px;flex-wrap:wrap}body>footer>span:nth-child(2){display:none}.panel-top{max-width:410px;width:100%;margin:auto}.request-access{line-height:2}}