/* The account area extends the website's shared typography, palette and menu. */
.account-page{--accent:var(--hark-inkwell);--muted:#666d72;--border:var(--hark-gray-2);--danger:#b82e39;--success:#17644e;background:var(--hark-gray);color:var(--hark-charcoal)}
.account-page button,.account-page input{font:inherit}.account-page button{cursor:pointer}.account-page button:disabled{cursor:wait;opacity:.5}
.account-page #content{min-height:calc(100svh - 160px);padding:clamp(55px,7.5vw,120px) clamp(16px,1.755vw,36px) clamp(64px,7vw,112px)}
.account-page #content:focus{outline:none}.account-page #content a:hover{text-decoration:underline;text-underline-offset:4px}.account-page .hark-brand:hover,.account-page .menu-item:hover{text-decoration:none}
.auth-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(36px,6vw,110px);align-items:start}
.auth-aside{position:sticky;top:100px;min-width:0;padding-top:4px}.auth-aside .news-label{margin:0 0 clamp(30px,4vw,62px)}
.auth-aside h1{font:400 clamp(60px,7.5vw,128px)/.96 Aeonikpro,Arial,sans-serif;letter-spacing:-.045em;margin:0;color:var(--hark-inkwell)}
.auth-aside>p:not(.news-label){font-size:clamp(20px,2vw,30px);line-height:1.25;max-width:25ch;margin:clamp(25px,3vw,48px) 0 0}
.aside-bottom{margin-top:clamp(65px,9vw,145px);padding-top:20px;border-top:1px solid var(--border);max-width:420px}.aside-bottom>span{font-size:14px;color:var(--hark-cerulean)}.aside-bottom p{font-size:16px;line-height:1.5;max-width:32ch;margin:17px 0 0;color:var(--muted)}
.auth-form-stack{min-width:0;display:grid;gap:10px}.account-cover{height:clamp(100px,14vw,205px);overflow:hidden;border-radius:5px;background:var(--hark-cerulean)}.account-cover img{width:100%;height:100%;object-fit:cover}
.auth-form-panel{padding:clamp(24px,3.2vw,48px);border-radius:5px;background:var(--hark-white)}
.eyebrow{display:flex;align-items:center;gap:9px;font-size:14px;color:var(--hark-cerulean);margin:0 0 24px}.eyebrow::before{content:'';width:7px;height:7px;flex:none;border-radius:50%;background:var(--hark-cerulean)}.eyebrow>svg{display:none}
.auth-form-panel h2{font:400 clamp(32px,3.1vw,50px)/1.08 'Suisseworks Webs',Georgia,serif;letter-spacing:-.035em;margin:0 0 19px;text-wrap:balance}
.lead{font-size:17px;line-height:1.5;color:var(--muted);margin:0 0 35px;max-width:42ch}
.field{display:flex;flex-direction:column;gap:10px;margin-bottom:23px}.field>span,.field>label{font-size:14px;font-weight:400}.field input{width:100%;height:49px;border:1px solid var(--hark-gray-2);border-radius:3px;background:var(--hark-white);color:var(--hark-inkwell);padding:0 14px;font-size:16px}.field input:hover{border-color:var(--hark-pewter)}.field input:focus{outline:2px solid var(--hark-cobalt);outline-offset:2px}.field input::placeholder{color:var(--hark-pewter)}.field small,.hint{font-size:12px;color:var(--muted);line-height:1.5}
.password-wrap{position:relative;display:flex}.password-wrap input{padding-right:47px}.show-password{position:absolute;right:6px;top:7px;display:flex;align-items:center;justify-content:center;width:35px;height:35px;color:var(--hark-pewter);border-radius:3px}.show-password:hover{background:var(--hark-gray)}
.account-page #content svg{width:18px;height:18px;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.account-page .hark-site-header svg{width:14px;height:14px;stroke:none;stroke-width:0}.account-page .hark-site-header svg path{stroke:currentColor;stroke-width:1}
.form-row{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:0 0 30px;font-size:14px;color:var(--hark-cerulean)}
.button{display:inline-flex;align-items:flex-end;justify-content:space-between;gap:18px;min-height:52px;padding:15px 17px;border:1px solid var(--border);border-radius:3px;background:var(--hark-gray);color:var(--hark-inkwell);font-size:15px;font-weight:400;line-height:1.25;transition:background .2s,color .2s}.button:hover{background:var(--hark-inkwell);color:var(--hark-white);text-decoration:none!important}.button.primary{min-height:68px;background:var(--hark-inkwell);border-color:var(--hark-inkwell);color:var(--hark-white)}.button.primary:hover{background:var(--hark-cobalt);border-color:var(--hark-cobalt)}.button.primary svg{transform:rotate(-45deg)}.button.full{width:100%}.button.danger{color:var(--danger)}.button.danger:hover{background:var(--danger);color:white}.button svg{width:17px;height:17px}
.switch-copy{font-size:14px;color:var(--muted);margin:30px 0 0;line-height:1.7}.switch-copy a{color:var(--hark-inkwell);text-decoration:underline;text-underline-offset:4px}.privacy-note{font-size:12px;line-height:1.7;color:var(--muted);margin:23px 0 0}.privacy-note a{text-decoration:underline;text-underline-offset:3px}
.divider{height:1px;background:var(--border);margin:28px 0}.notice{border-left:2px solid var(--hark-cobalt);padding:13px 16px;background:var(--hark-gray);font-size:14px;line-height:1.5;margin-bottom:25px;overflow-wrap:anywhere}.notice.error{border-color:var(--danger);color:var(--danger)}.notice.success{border-color:var(--success);color:var(--success)}.notice:empty{display:none}
.page-footer{display:flex;justify-content:space-between;align-items:center;gap:25px;margin:0 clamp(16px,1.755vw,36px);padding:25px 0 32px;border-top:1px solid var(--border);font-size:14px;color:var(--hark-cerulean)}.page-footer>div{display:flex;gap:28px;flex-wrap:wrap}.initial,.noscript{padding:40px 0;color:var(--muted)}
.qr{display:block;width:190px;height:190px;padding:8px;background:white;border:1px solid var(--border);border-radius:3px;margin:0 auto 24px}.secret{display:block;overflow-wrap:anywhere;word-break:break-all;background:var(--hark-gray);padding:14px;font:14px/1.8 ui-monospace,monospace;letter-spacing:1px;margin:15px 0}.code-input{font:22px ui-monospace,monospace!important;letter-spacing:4px}.inline-actions{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.subtle-link{font-size:14px;color:var(--muted);cursor:pointer}.recovery-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:25px 0}.recovery-grid code{font:12px ui-monospace,monospace;text-align:center;padding:12px 6px;background:var(--hark-gray);border-radius:3px;white-space:nowrap}.check-row{display:flex;gap:10px;align-items:flex-start;margin:24px 0;font-size:14px;cursor:pointer}.check-row input{accent-color:var(--hark-inkwell);margin-top:4px}
.account-shell{display:grid;grid-template-columns:230px minmax(0,1fr);gap:clamp(30px,7vw,115px);max-width:1400px;margin:auto}.account-nav{position:sticky;top:110px;align-self:start}.account-label{font-size:14px;color:var(--hark-cerulean);margin:0 0 35px}.account-nav a{display:flex;align-items:center;gap:12px;padding:16px 0;border-top:1px solid var(--border);font-size:23px;letter-spacing:-.025em;color:var(--hark-inkwell)}.account-nav a svg{width:17px;height:17px}.account-nav .button{margin-top:30px;width:100%;font-size:14px}.account-header{margin-bottom:45px}.account-header h1{font-size:clamp(44px,5.5vw,88px);font-weight:400;line-height:.98;letter-spacing:-.045em;color:var(--hark-inkwell);max-width:12ch}.account-header p:not(.eyebrow){font-size:20px;line-height:1.4;max-width:35ch;margin-top:24px}
.account-card{background:white;border-radius:5px;margin-bottom:12px;overflow:hidden;scroll-margin-top:100px}.card-heading{display:flex;align-items:center;gap:15px;padding:30px clamp(24px,3vw,46px) 0}.card-heading>svg{display:none}.card-heading h2{font:400 clamp(28px,2.6vw,40px)/1.15 'Suisseworks Webs',Georgia,serif;letter-spacing:-.035em}.card-body{padding:28px clamp(24px,3vw,46px) 32px}.card-body .field{max-width:500px}.data-row{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;overflow-wrap:anywhere}.data-row strong{font-weight:400;font-size:19px}.data-row small{display:block;font-size:13px;color:var(--muted);margin-top:7px}.badge{color:var(--success);background:#edf5ef;padding:5px 10px;font-size:12px;border-radius:3px;white-space:nowrap}.account-card details{margin:0 clamp(24px,3vw,46px);border-top:1px solid var(--border)}.account-card details summary{padding:21px 0;font-size:16px;color:var(--hark-cerulean);cursor:pointer;list-style-position:inside}.account-card details form{padding:0 0 28px}.section-text{font-size:16px;color:var(--muted);line-height:1.5;margin:0 0 25px}.danger-zone h2{color:var(--danger)}
button.loading svg{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1600px){.auth-shell{max-width:1560px;margin:auto}}
@media(max-width:991px){.auth-shell{gap:32px}.auth-aside h1{font-size:clamp(52px,7.5vw,78px)}.auth-form-panel{padding:25px}.auth-form-panel h2{font-size:34px}.auth-aside>p:not(.news-label){font-size:21px}.account-shell{grid-template-columns:170px minmax(0,1fr);gap:28px}.account-nav a{font-size:20px}.recovery-grid{grid-template-columns:1fr}}
@media(max-width:700px){.account-page #content{padding-top:48px}.auth-shell{grid-template-columns:1fr;gap:34px}.auth-aside{position:static}.auth-aside .news-label{margin-bottom:28px}.auth-aside h1{font-size:clamp(50px,10vw,75px)}.auth-aside h1 br:last-child{display:none}.auth-aside>p:not(.news-label){font-size:19px;max-width:30ch;margin-top:22px}.aside-bottom{display:none}.account-cover{height:130px}.auth-form-panel{padding:27px 24px}.auth-form-panel h2{font-size:34px}.eyebrow{font-size:13px;margin-bottom:22px}.lead{font-size:16px;margin-bottom:29px}.field{margin-bottom:22px}.button.primary{min-height:62px}.page-footer{align-items:flex-start;font-size:12px;gap:20px}.page-footer>div{gap:14px}.page-footer>div a:last-child{display:none}.recovery-grid{grid-template-columns:1fr 1fr}.recovery-grid code{font-size:10px}.account-shell{display:block}.account-nav{position:static;display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-bottom:45px}.account-label{display:none}.account-nav a{border:0;padding:0;font-size:16px}.account-nav a svg{display:none}.account-nav .button{margin:0 0 0 auto;width:auto;min-height:35px;padding:9px;font-size:12px}.account-header h1{font-size:54px}.account-header p:not(.eyebrow){font-size:18px}.card-heading{padding:26px 24px 0}.card-body{padding:25px 24px}.account-card details{margin:0 24px}.data-row strong{font-size:16px}}
@media(prefers-reduced-motion:reduce){.account-page *{animation:none!important;transition:none!important}}

/* Match the homepage team paragraph, including its actual font and metrics. */
.auth-form-panel,.auth-form-panel p,.auth-form-panel input,.auth-form-panel button,.field{font-family:Aeonikpro,Arial,sans-serif;font-weight:400}.lead{font-size:16px;line-height:1.4}.auth-aside h1{max-width:10ch;text-wrap:balance}