:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none;color:#20282b}*{box-sizing:border-box}body{margin:0;min-height:100vh}a{color:inherit}.identity{display:flex;align-items:center;gap:13px;text-decoration:none;width:max-content}.identity img{width:46px;height:46px}.identity>span{font-size:25px;font-weight:700;letter-spacing:-1px}.identity strong{display:block;font:11px/1.5 ui-monospace,SFMono-Regular,monospace;letter-spacing:1.2px;font-weight:400}.eyebrow,.product-tag,.card-index,.edition,footer,.form-bottom,.device-labels,.signal-path,.device-top{font-family:ui-monospace,SFMono-Regular,monospace}.eyebrow{font-size:10px;font-weight:500;letter-spacing:1.5px}.product-tag{font-size:10px;letter-spacing:1px}h1,h2,p{margin-top:0}h1{font-size:clamp(36px,4vw,56px);font-weight:500;letter-spacing:-2px;line-height:1.08;margin-bottom:22px}h2{font-size:26px;font-weight:550;letter-spacing:-.8px;margin-bottom:12px}.intro{font-size:13px;line-height:1.7;margin-bottom:29px}label{display:block;font-size:12px;font-weight:550;margin:19px 0 9px}input{display:block;width:100%;padding:14px;border-radius:3px;border:1px solid;font:inherit;font-size:14px;min-height:46px}input::placeholder{font-size:12px}button{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:27px;padding:14px 16px;min-height:47px;font:inherit;font-size:13px;font-weight:600;border:0;border-radius:3px;cursor:pointer}button>span{font-size:20px}button:disabled{opacity:.55;cursor:wait}button:hover{filter:brightness(.94)}:focus-visible{outline:2px solid #d3ac76;outline-offset:4px}#error{font-size:12px;line-height:1.5;min-height:32px;margin:12px 0 0;color:#ef9b8c}.form-bottom{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:.2px;padding-top:20px;border-top:1px solid}.security-dot{width:5px;height:5px;border-radius:50%;background:currentColor}.central-login{display:grid;grid-template-columns:58% 42%;background:#12191c;color:#f0f3ef}.central-visual{min-height:100vh;display:flex;flex-direction:column;padding:38px 44px 24px;background-color:#192225;background-image:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:40px 40px;border-right:1px solid #354043}.central-visual header{display:flex;align-items:center;justify-content:space-between;gap:16px}.central-visual .product-tag{color:#a8b7b6}.visual-copy{margin-top:68px}.central-login .eyebrow{color:#c3db96;margin-bottom:20px}.visual-copy>p:last-child{color:#9caeaf;font-size:13px;line-height:1.8}.network{margin:24px 0 34px;max-width:440px;width:100%;align-self:center}.network-root{display:grid;grid-template-columns:32px auto;align-items:center;column-gap:12px;border:1px solid #6b7b66;background:#202d2e;padding:15px 20px;width:218px;margin:auto;border-radius:4px}.network-root img{width:32px;height:32px;grid-row:1/3}.network-root>span{font-size:13px;font-weight:550}.network-root small{font:8px/1.8 ui-monospace,monospace;color:#a8b7a0;letter-spacing:.6px}.trunk{height:30px;border-left:1px solid #67795f;margin-left:50%}.endpoints{display:flex;justify-content:space-between;border-top:1px solid #67795f;margin:0 14px}.endpoints>div{position:relative;display:flex;align-items:center;flex-direction:column;gap:10px;padding-top:20px}.endpoints>div:before{content:"";position:absolute;top:0;height:20px;border-left:1px solid #67795f}.endpoints i{font:11px ui-monospace,monospace;font-style:normal;padding:11px 17px;border:1px solid #465657;border-radius:3px;background:#202b2f;color:#c3db96}.endpoints span{font:9px ui-monospace,monospace;color:#acbcba}.central-visual footer{display:flex;justify-content:space-between;gap:12px;margin-top:auto;border-top:1px solid #364246;padding-top:20px;font-size:8px;letter-spacing:.6px;color:#95a5a5}.central-form{position:relative;display:flex;align-items:center;justify-content:center;padding:55px 48px 80px}.form-wrap{width:100%;max-width:330px}.central-form .intro{color:#8fa0a3}.central-form input{background:#192225;border-color:#39494e;color:#f3f7f2}.central-form input::placeholder{color:#788c90}.central-form label{color:#c1cbca}.central-form button{background:#c3db96;color:#182119}.central-form .form-bottom{color:#839596;border-color:#314044}.edition{position:absolute;bottom:27px;left:48px;font-size:9px;color:#687c80;letter-spacing:.3px}.c4-login{background:#eef0ef;color:#20282b;display:flex;flex-direction:column;padding:0 6%;background-image:linear-gradient(#20302b04 1px,transparent 1px),linear-gradient(90deg,#20302b04 1px,transparent 1px);background-size:32px 32px}.c4-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:30px 0;border-bottom:1px solid #cbd0cd}.c4-top .product-tag{color:#5f6a66}.c4-workspace{display:grid;grid-template-columns:1fr 390px;gap:8%;align-items:center;flex:1;width:100%;max-width:1120px;margin:auto;padding:45px 0}.c4-heading{padding:12px 0}.c4-heading .eyebrow{color:#8b5925;margin-bottom:25px}.c4-heading h1{font-size:clamp(35px,3.8vw,52px)}.c4-heading>p:last-of-type{font-size:13px;line-height:1.8;color:#68736f}.c4-card{border:1px solid #c9d0cb;border-top:3px solid #bc7a36;background:#fafbf9;padding:30px;box-shadow:0 8px 24px #27332d07}.card-index{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.7px;color:#7c8980;margin-bottom:32px}.c4-card h2{font-size:24px}.c4-card .intro{color:#6c7770;font-size:12px}.c4-card input{background:#fff;border-color:#c8d0c9;color:#20282b}.c4-card input::placeholder{color:#8b958c}.c4-card button{background:#263d35;color:#f2f5ed}.c4-card .form-bottom{color:#778479;border-color:#dbe0d9}.c4-card #error{color:#a9432c}.c4-footer{display:flex;justify-content:space-between;border-top:1px solid #cbd0cd;padding:22px 0;font-size:9px;color:#79837c}.appliance-drawing{max-width:400px;margin-top:35px}.device-top{background:#e2e6e1;border:1px solid #a6b1a7;border-radius:6px 6px 0 0;min-height:62px;display:flex;justify-content:space-between;align-items:center;padding:18px 24px;font-size:11px;color:#536354}.device-top>span:first-child{font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-weight:700;font-size:19px;letter-spacing:-.5px}.device-front{display:flex;align-items:center;justify-content:space-between;background:#34463d;padding:17px 22px;border:1px solid #293b31;border-radius:0 0 5px 5px;gap:15px}.vents{display:flex;gap:5px}.vents i{height:15px;width:3px;background:#1f3027}.ports{display:flex;gap:12px}.ports i{width:15px;height:15px;border:3px solid #d2b181;border-radius:50%;background:#24392d}.device-labels{display:flex;justify-content:space-between;margin-top:13px;font-size:8px;letter-spacing:.6px;color:#7a877c}.signal-path{display:flex;align-items:center;gap:13px;margin-top:30px;font-size:10px;color:#627167}.signal-path span{border:1px solid #bdc9be;padding:7px 10px;background:#eef1ec}.signal-path span:nth-of-type(2){background:#dfe8db;border-color:#a8bca4;color:#314d37}.signal-path b{font-weight:400;color:#9b7949}@media(min-width:1600px){.visual-copy{margin-top:12vh}.network{margin-top:45px}}@media(max-width:1050px){.central-visual{padding:30px}.central-visual .product-tag{display:none}.central-form{padding:40px 30px 70px}.edition{left:30px}.visual-copy{margin-top:55px}.c4-workspace{grid-template-columns:1fr 350px;gap:6%}.c4-card{padding:25px}.c4-login{padding:0 4%}}@media(max-width:720px){.central-login{grid-template-columns:1fr}.central-visual{min-height:auto;padding:24px;border-right:0;border-bottom:1px solid #354043}.visual-copy,.network,.central-visual footer{display:none}.central-visual .product-tag{display:block;font-size:8px}.central-form{min-height:calc(100vh - 95px);padding:44px 25px 75px}.central-form .form-wrap{max-width:360px}.edition{left:25px;bottom:22px}.c4-login{padding:0 22px}.c4-top{padding:22px 0}.c4-top .product-tag{font-size:7px;max-width:120px;line-height:1.8;text-align:right}.c4-workspace{grid-template-columns:1fr;gap:25px;padding:30px 0;max-width:420px}.c4-heading h1{font-size:35px}.c4-heading .eyebrow{margin-bottom:14px}.c4-heading>p:last-of-type{margin-bottom:0}.appliance-drawing,.signal-path{display:none}.c4-card{padding:25px}.c4-footer{font-size:8px}.card-index{margin-bottom:24px}}
