body.private-page{--bg:#132331;--text:#eaf1f4;--muted:#afc4cf;--blue:#9cc7e0;--line:#4a6b7d;background:#132331 url('/gate-assets/paper-grain.svg');color:#eaf1f4;font-family:'DM Sans',system-ui,sans-serif}
.private-page header{max-width:1250px;border-bottom:1px dashed #617f905c;padding:26px 35px}
.private-page .brand{font-family:'DM Sans',system-ui,sans-serif;letter-spacing:-.4px}
.private-page .brand-mark{border:2px solid #9dbfce;background:#fff;transform:rotate(-6deg);border-radius:50%;width:35px;height:35px}
.private-page .brand span:last-child{color:#9ebbc9;border-color:#517383}
.private-page .top-actions{gap:16px}
.private-page .small-link{color:#c5dce7;font-size:12px}
.private-page .small-link:hover{color:#fff}
.private-page button[data-logout]{border:1px dashed #b5cfd8;border-radius:5px;background:#e9eee7;color:#2e536a;padding:8px 14px;font:600 11px 'DM Sans',sans-serif}
.private-page .portal{max-width:1110px;margin:35px auto 70px}
.private-page .portal>h1,.private-page .welcome-hero h1{font-family:Caveat,cursive;font-size:55px;line-height:1.05;letter-spacing:-.5px;color:#e4f0f4}
.private-page .eyebrow{font:500 12px Caveat,cursive;letter-spacing:1px;text-transform:none;color:#bad4e3}
.private-page .portal>.intro{color:#afc4cf;max-width:680px}
.private-page .welcome-hero{position:relative;min-height:212px;padding:30px 34px;margin-bottom:31px;border:1px dashed #7b9cac;border-radius:5px;background:#1c3d53;box-shadow:5px 6px 0 #0c1d2b;gap:25px;overflow:hidden}
.private-page .welcome-hero:after{content:'626';position:absolute;right:185px;bottom:15px;font:700 34px Caveat,cursive;color:#89afc255;transform:rotate(-12deg);pointer-events:none}
.private-page .welcome-hero>div{flex:1;position:relative;z-index:1}
.private-page .welcome-hero .intro{color:#bdd1dc;margin-bottom:0;font-size:13px}
.private-page .welcome-hero img{width:140px;height:140px;object-fit:contain;background:#fff;border:6px solid #edf0e7;border-radius:1px;transform:rotate(6deg);box-shadow:3px 4px 0 #09233366}
.private-page .portal-grid{gap:27px}
.private-page .card{--text:#25495f;--muted:#627b87;--blue:#356f94;--line:#b9ced2;position:relative;background:#f0f2e9;color:#25495f;border:1px solid #b8cbd0;border-radius:2px 8px 8px 2px;padding:31px 32px 30px 38px;box-shadow:4px 5px 0 #0b1f2e}
.private-page .card:before{content:'';position:absolute;left:21px;top:0;bottom:0;border-left:1px solid #bd9d8a50;pointer-events:none}
.private-page .card:after{content:'';position:absolute;right:17px;top:-10px;width:62px;height:21px;background:#a8bec1b3;transform:rotate(5deg);border-left:1px dashed #e6ece27a;border-right:1px dashed #e6ece27a;pointer-events:none}
.private-page .card h2{font:700 29px/1.15 Caveat,cursive;letter-spacing:0;color:#2d5b76;margin-bottom:13px}
.private-page .card :is(p,li){color:#5b7481;font-size:12px}
.private-page .card strong{color:#2d5065}
.private-page .card .eyebrow{font:500 16px Caveat,cursive;color:#5d7d8e;letter-spacing:.2px}
.private-page .card .submit{background:#315f7c;color:#f2f5ed;border:1px solid #2a5470;border-radius:5px;box-shadow:2px 3px 0 #a5bbc0;font:600 12px 'DM Sans',sans-serif}
.private-page .card .submit:hover{background:#244e6a}
.private-page .card .secondary{background:#e6eee9;border:1px dashed #8eafb9;border-radius:5px;color:#315f7c}
.private-page .card .tip{background:#e0eae6;border-left:2px solid #78a0b6;color:#4c6d7e;border-radius:0 6px 6px 0}
.private-page .card .code-row{background:#e2ece9;border:1px dashed #98b6bf;border-radius:5px}
.private-page .card .code-row code{color:#315f7c;font-size:11px}
.private-page .card .copy-button{background:#315f7c;color:#edf5f6;border-color:#315f7c;border-radius:4px}
.private-page .field label{color:#345668;font-size:11px}
.private-page .card .field input{background:#fcfcf4;color:#294b60;border:1px solid #aec4cb;border-radius:5px;font:14px 'DM Sans',sans-serif}
.private-page .card .field input:focus{border-color:#5287a6;outline-color:#6c9db633;background:#fffef9}
.private-page .card .field input::placeholder{color:#8a9ea5}
.private-page .field .help{color:#708892}
.private-page .field .input-wrap>svg,.private-page .field .reveal{color:#7595a5;stroke:#7595a5}
.private-page .card .message{color:#9e4b34}
.private-page .account-art{display:flex;gap:19px;align-items:center;justify-content:space-between;margin:0 0 25px;padding:13px 17px;background:#dbe8e5;border:1px dashed #97b4bd;transform:rotate(-1deg)}
.private-page .account-art img:first-child{width:96px;height:96px;object-fit:contain;border:4px solid #f9faf3;background:#fff;box-shadow:2px 3px 0 #94aeb555;transform:rotate(-4deg)}
.private-page .account-art p{font:500 21px Caveat,cursive;color:#3e6d85;margin:0;line-height:1.15}
.private-page .account-art img:last-child{width:94px;height:62px;object-fit:contain;mix-blend-mode:multiply}
.private-page .device-art{float:right;width:86px;height:125px;object-fit:cover;border:4px solid #fff;box-shadow:2px 3px 0 #a3bac0;margin:0 0 15px 18px;transform:rotate(5deg)}
.private-page footer{max-width:1250px;border-top:1px dashed #617f9040;padding:21px 35px 25px;color:#829faf}
@media(max-width:700px){.private-page header{padding:21px 22px}.private-page .top-actions{gap:12px}.private-page .small-link{font-size:10px}.private-page button[data-logout]{font-size:10px;padding:7px 10px}.private-page .portal{padding:0 23px;margin-top:29px}.private-page .portal>h1,.private-page .welcome-hero h1{font-size:40px}.private-page .welcome-hero{min-height:180px;padding:24px 20px;gap:12px}.private-page .welcome-hero img{width:85px;height:85px;border-width:4px}.private-page .welcome-hero:after{right:110px;font-size:28px;bottom:9px}.private-page .welcome-hero .intro{font-size:11px}.private-page .card{padding:28px 22px 25px 31px}.private-page .card:before{left:16px}.private-page .card h2{font-size:27px}.private-page .portal-grid{gap:25px}.private-page .card .field input{font-size:16px}.private-page .account-art{gap:12px;padding:12px}.private-page .account-art img:first-child{width:70px;height:70px}.private-page .account-art img:last-child{display:none}.private-page .account-art p{font-size:20px}.private-page .device-art{width:65px;height:95px;margin-left:10px}.private-page .card .code-row code{font-size:10px}.private-page footer{padding:20px 23px;font-size:8px}}
.private-page .card .field input{background:#192f40;border-color:#405e71;color:#eaf2f7;box-shadow:inset 0 2px 4px #07141e33}
.private-page .card .field input::placeholder{color:#9fb4c2}
.private-page .card .field input:focus{background:#203b4d;border-color:#77a7c0;outline-color:#54809c26}
.private-page .field .input-wrap>svg{stroke:#9cb9ca}
.private-page .field .reveal{color:#adc6d4}
.private-page .card .submit{background:#16384f;border-color:#153146}
.private-page .card .code-row{background:#1b3548;border-color:#617f91}
.private-page .card .code-row code{color:#c6e0ed}
.private-page .card .copy-button{background:#d8e6e9;color:#244e65;border-color:#adc4cf}
