*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{outline-offset:3px}button{cursor:pointer}a{text-decoration:none}button:disabled{cursor:default;opacity:.6}input:not([type=checkbox]):not([type=hidden]),select{max-width:100%}label{display:block}input[type=checkbox]{width:auto;vertical-align:middle}button svg{width:18px;height:18px}svg{max-width:100%}.error{padding:12px 14px;margin:0 0 20px;font-size:13px;line-height:1.5;background:#fff3f2;color:#a22828;border-left:3px solid #d83b36}.muted{color:#75828b}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.check{display:flex;align-items:center;gap:6px;font-size:13px}.check input{margin:0}.field{margin-bottom:19px}.field label{margin-bottom:7px}input[type=text],input[type=password],input[type=email]{width:100%;padding:11px;border:1px solid #bbc4cb;border-radius:3px;background:#fff}.button{border:0;padding:11px 19px;border-radius:3px}.small{font-size:12px;line-height:1.6}.row{display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:10px}.brand svg{width:38px;height:38px}.brand b{font-size:25px}.form-end{margin-top:23px}.remember{margin:17px 0}.legal{font-size:11px;line-height:1.6}h1,h2,p{overflow-wrap:anywhere}table{border-collapse:collapse;width:100%}td,th{text-align:left}pre,code{white-space:pre-wrap;overflow-wrap:anywhere}[hidden]{display:none!important}@media(max-width:600px){.row{flex-wrap:wrap}}
body{font:14px Arial,sans-serif;color:#333;background:#17344e;min-height:100vh;overflow-x:hidden}.landscape{position:fixed;inset:0;z-index:-1;background:linear-gradient(155deg,#c5dce5 0%,#91becf 35%,#386b8a 65%,#183c57 100%)}.landscape svg{width:100%;height:100%;position:absolute;bottom:0;object-fit:cover}.nas-top{padding:29px 40px;color:white;text-shadow:0 1px 4px #234}.synology{font:bold 32px Georgia,serif;letter-spacing:-1px}.nas-top small{display:block;margin-top:4px;font-size:13px;letter-spacing:.5px;opacity:.86}.login-area{min-height:calc(100vh - 180px);display:flex;justify-content:flex-end;align-items:center;padding:15px 13% 70px}.dsm-box{width:360px;background:#fff;border-radius:9px;box-shadow:0 15px 50px #18324644;padding:36px 34px 29px}.dsm-box h1{font-size:27px;font-weight:400;margin:0 0 12px}.dsm-box .server{font-size:14px;color:#818991;margin:0 0 32px}.dsm-box input[type=text],.dsm-box input[type=password]{border:0;border-bottom:1px solid #ccd4d9;border-radius:0;padding:13px 3px;font-size:16px}.dsm-box input:focus{outline:0;border-bottom-color:#057bd8}.dsm-box .button{background:#057bd8;color:white;border-radius:5px;width:100%;margin-top:9px;padding:13px}.dsm-box .check{color:#868e96;font-size:12px;margin:18px 0}.dsm-help{display:block;color:#1684ce;font-size:12px;margin:22px 0 0}.back{color:#6b7a85;font-size:12px;display:block;margin-bottom:22px}.nas-footer{position:fixed;bottom:24px;left:40px;right:40px;color:#d3e1e7;display:flex;justify-content:space-between;font-size:11px}.dsm-box .error{font-size:12px}@media(max-width:700px){.nas-top{padding:24px}.login-area{justify-content:center;padding:30px 20px 100px}.dsm-box{width:360px;max-width:100%;padding:30px}.nas-footer{left:24px;right:24px;gap:20px;position:absolute}.synology{font-size:28px}}