html.hts-account-document,html.hts-account-document body{background:#000;overscroll-behavior-y:none}
.hts-account{position:relative;isolation:isolate;min-height:100svh;display:flex;flex-direction:column;color:#fff;font:14px/1.5 Arial,sans-serif}
.hts-account *{box-sizing:border-box}.hts-account [hidden]{display:none!important}
.hts-account button,.hts-account input,.hts-account select{font:inherit;-webkit-tap-highlight-color:transparent}
.hts-account button{cursor:pointer}.hts-account button:disabled{cursor:wait;opacity:.65}
.hts-account button:focus-visible,.hts-account select:focus-visible{outline:2px solid #c6c6c6;outline-offset:3px}
.hts-account input:focus{outline:none}.hts-account input:focus-visible{border-color:#9c9c9c}
.hts-account input[type=checkbox]:focus-visible{outline:2px solid #c6c6c6;outline-offset:3px}
.hts-account-photos{position:fixed;inset:0;z-index:-1;background:#171717}
.hts-account-photos>div{position:absolute;inset:0;background-position:center;background-size:cover;opacity:0;transition:opacity 1.7s ease}
.hts-account-photos>div.active{opacity:1}.hts-account-photos:after{content:'';position:absolute;inset:0;background:#0004}
.hts-account-header{padding:26px 38px;display:flex;align-items:center}
.hts-account-brand{display:flex;align-items:center;width:355px;filter:drop-shadow(0 2px 8px #0008)}
.hts-account-drop{width:100px;height:100px;object-fit:contain;margin-left:-16px;margin-right:-8px}
.hts-account-brand>span{display:flex;flex-direction:column;gap:8px}
.hts-account-wordmark{position:relative;display:block;width:270px;height:39px;overflow:hidden}
.hts-account-wordmark img{position:absolute;top:-35px;left:-109px;width:631px;max-width:none}
.hts-account-services{font-size:13px;font-weight:600;letter-spacing:.06em;white-space:nowrap;color:#fff;text-shadow:0 1px 5px #000}
.hts-account-services b{color:#479bd2;padding:0 4px}
.hts-account-centre{flex:1;display:grid;place-items:center;padding:20px 24px 50px}
.hts-account-stack{width:100%;max-width:380px}
.hts-account-card{width:100%;background:#111111f7;border:1px solid #ffffff24;border-radius:16px;padding:32px;box-shadow:0 18px 75px #0005}
.hts-account-kicker{font-size:10px;font-weight:600;letter-spacing:.16em;color:#adadad}
.hts-account-card h1{font-size:27px;line-height:1.2;letter-spacing:-.03em;font-weight:500;margin:10px 0 8px;text-wrap:balance}
.hts-account-subtitle{font-size:13px;color:#b6b6b6;margin:0 0 27px}
.hts-account fieldset{border:0;padding:0;margin:0;min-width:0}.hts-account-field{margin-bottom:19px}
.hts-account-field label{display:block;font-size:12px;margin:0 0 7px;color:#e5e5e5}
.hts-account input:not([type=checkbox]){width:100%;height:46px;background:#202020;border:1px solid #454545;border-radius:8px;color:white;padding:0 12px;font-size:16px}
.hts-account-password{position:relative}.hts-account-password input{padding-right:65px}
.hts-account-show{position:absolute;right:4px;top:3px;height:40px;padding:0 10px;background:transparent;color:#c6c6c6;border:0;border-radius:6px;font-size:11px}
.hts-account-show:hover{color:#fff;background:#ffffff0a}
.hts-account-options{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:3px 0 23px;font-size:12px}
.hts-account-options label{display:flex;align-items:center;gap:7px;color:#cfcfcf}
.hts-account input[type=checkbox]{width:15px;height:15px;margin:0;accent-color:#fff}
.hts-account-text{border:0;background:transparent;color:#bcbcbc;font-size:12px;padding:8px 0;min-height:32px}
.hts-account-text:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
.hts-account-primary{min-height:46px;width:100%;background:#f4f4f4;border:1px solid #fff;border-radius:8px;color:#111;font-weight:600;display:flex;align-items:center;justify-content:space-between;padding:10px 16px;gap:12px}
.hts-account-primary:hover{background:#fff}.hts-account-back{display:block;margin:17px auto 0;min-height:40px}
.hts-account-message{font-size:12px;color:#ddd;background:#ffffff0a;border-radius:7px;padding:10px 12px;margin:0 0 16px}
.hts-account-message.error{background:#b936361c;border:1px solid #de666640;color:#ffbcbc}
.hts-account input[aria-invalid=true]{border-color:#cf7777}
.hts-account-identity{border:1px solid #ffffff20;background:#ffffff06;border-radius:8px;padding:11px 12px;margin:0 0 20px;overflow-wrap:anywhere}
.hts-account-identity span{display:block;font-size:10px;color:#aaa;margin-bottom:3px}
.hts-account-identity strong{font-size:13px;font-weight:400;color:#eee}
.hts-account-rules{list-style:none;padding:0;margin:-3px 0 21px;font-size:11px;color:#a5a5a5;display:grid;gap:5px}
.hts-account-rules li:before{content:'○';display:inline-block;width:18px;color:#777}
.hts-account-rules li.complete{color:#ddd}.hts-account-rules li.complete:before{content:'✓';color:#a1cdb1}
.hts-account-footer{display:flex;justify-content:space-between;align-items:center;padding:0 38px 34px;gap:16px;color:#eee;font-size:11px;text-shadow:0 1px 8px #000}
.hts-account-photo-controls{display:flex;align-items:center;gap:3px}
.hts-account-photo-dot{height:30px;width:24px;border:0;background:transparent;display:grid;place-items:center}
.hts-account-photo-dot:after{content:'';width:5px;height:5px;border-radius:99px;background:#ffffff65;transition:width .3s}
.hts-account-photo-dot[aria-pressed=true]:after{width:18px;background:white}
.hts-account-pause{border:0;background:transparent;color:white;width:36px;height:32px;font-size:12px;margin-left:8px}
.hts-account-shortcuts{margin-top:16px;background:#101010db;border:1px solid #ffffff20;border-radius:10px;padding:12px 14px}
.hts-account-shortcuts label{display:block;font-size:11px;color:#ccc;margin-bottom:7px}
.hts-account-shortcuts fieldset>div{display:flex;gap:8px}
.hts-account-shortcuts select{min-width:0;flex:1;background:#202020;border:1px solid #454545;color:#fff;border-radius:6px;padding:8px}
.hts-account-shortcuts button{border:1px solid #555;background:#242424;color:#fff;border-radius:6px;font-size:12px;padding:8px 10px}
@media(max-width:600px){
 .hts-account-header{padding: max(18px,env(safe-area-inset-top)) 22px 18px}
 .hts-account-brand{transform:scale(.69);transform-origin:left top;width:245px;height:75px}
 .hts-account-centre{padding:16px 20px 28px}.hts-account-stack{max-width:304px}
 .hts-account-card{padding:23px 21px;border-radius:14px}.hts-account-card h1{font-size:26px}
 .hts-account-subtitle{margin-bottom:20px}.hts-account-field{margin-bottom:15px}.hts-account-options{margin-bottom:20px}
 .hts-account-footer{padding:0 22px max(38px,env(safe-area-inset-bottom));font-size:10px;justify-content:center}
 .hts-account-photo-controls{display:none}.hts-account-photos{inset:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}
 .hts-account-identity{margin-bottom:17px}.hts-account-rules{margin-bottom:18px}
}
@media(max-width:380px){.hts-account-header{padding-left:16px;padding-right:16px}.hts-account-brand{transform:scale(.6);width:216px}.hts-account-centre{padding-left:16px;padding-right:16px}}
@media(max-height:700px) and (max-width:600px){.hts-account-header{padding-bottom:0}.hts-account-centre{padding-top:4px}.hts-account-footer{padding-bottom:max(22px,env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.hts-account-photos>div{transition:none}.hts-account-photo-dot:after{transition:none}}
