:root{--g:#23a81a;--gd:#1d8915;--ink:#1f2933;--txt:#383739;--mut:#5b6570;--line:#d6dce3;--dhl-bg:url(/panel/assets/login/1.jpg)}
html,body{height:100%;margin:0}
body{font-family:"Roboto",Helvetica,Arial,sans-serif;color:var(--txt);background:#0d1b22;-webkit-font-smoothing:antialiased}
*,*::before,*::after{box-sizing:border-box}
.hidden{display:none!important}

/* sayfa ve kart */
.dhl-page{min-height:100%;display:flex;align-items:center;justify-content:center;padding:32px 16px;background:linear-gradient(rgba(8,20,28,.45),rgba(8,20,28,.55)),var(--dhl-bg) center/cover no-repeat}
.dhl-split{display:grid;grid-template-columns:340px minmax(0,1fr);width:100%;max-width:820px;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 18px 50px rgba(0,0,0,.28)}
.dhl-card{background:#fff;padding:38px 44px 32px;min-width:0}
.dhl-logo{display:flex;align-items:center;min-height:44px;margin:0 0 18px}
.dhl-logo img{display:block;height:auto}
.dhl-only-phone{display:none}
.dhl-title{margin:0 0 4px;font-size:22px;font-weight:700;line-height:1.3;color:var(--ink)}
.dhl-accent{color:var(--g)}
@supports ((-webkit-background-clip:text) or (background-clip:text)){.dhl-accent{background:linear-gradient(90deg,#15900e 0%,#1d8915 50%,#23a81a 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}}
.dhl-sub{margin:0 0 20px;font-size:14px;color:var(--mut)}

/* yeşil yan panel */
.dhl-side{background:linear-gradient(160deg,#1a7d12 0%,#1d8915 100%);color:#fff;padding:38px 32px;display:flex;flex-direction:column}
.dhl-side .dhl-logo img{width:100%;max-width:240px;filter:brightness(0) invert(1)}
.dhl-side h2{margin:auto 0 8px;font-size:22px;line-height:1.3;font-weight:700;color:#fff}
.dhl-side p{margin:0 0 20px;font-size:14.5px;line-height:1.5;color:rgba(255,255,255,.92)}
.dhl-side ul{list-style:none;margin:0 0 24px;padding:0;font-size:14.5px}
.dhl-side li{display:flex;gap:8px;align-items:center;margin:0 0 8px}
.dhl-side li::before{content:"";width:18px;height:18px;flex:0 0 18px;border-radius:50%;background:rgba(255,255,255,.22) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3 3 7-7' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}
.dhl-white{display:flex;align-items:center;justify-content:center;height:46px;border-radius:10px;background:#fff;color:var(--gd);font-size:16px;font-weight:700;text-decoration:none;box-shadow:0 6px 16px rgba(0,0,0,.15)}
.dhl-white:hover,.dhl-white:focus{background:#f2f8f1;color:var(--gd)}

/* form */
.dhl-field{margin:0 0 14px}
.dhl-label{display:block;margin:0 0 6px;font-size:13.5px;font-weight:700;color:var(--txt)}
.dhl-input{position:relative}
.dhl-input .dhl-ico{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#8a95a1;pointer-events:none}
.dhl-input input{width:100%;height:48px;margin:0;border:1px solid var(--line);border-radius:10px;background:#fff;padding:0 14px 0 42px;font-size:16px;color:var(--txt);font-family:inherit;outline:0;box-shadow:none;transition:border-color .15s,box-shadow .15s}
.dhl-input input::placeholder{color:#a3acb6}
.dhl-input input:focus{border-color:var(--g);box-shadow:0 0 0 3px rgba(35,168,26,.15)}
.dhl-input.has-eye input{padding-right:48px}
.dhl-eye{position:absolute;right:2px;top:50%;transform:translateY(-50%);width:44px;height:44px;padding:0;border:0;background:none;color:#8a95a1;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:8px}
.dhl-eye:hover,.dhl-eye[aria-pressed="true"]{color:var(--gd)}
.dhl-eye .dhl-eye-off,.dhl-eye[aria-pressed="true"] .dhl-eye-on{display:none}
.dhl-eye[aria-pressed="true"] .dhl-eye-off{display:block}
.dhl-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 18px;min-height:44px}
.dhl-check{display:flex;align-items:center;gap:10px;margin:0;font-size:15px;font-weight:400;color:var(--txt);cursor:pointer;min-height:44px}
.dhl-check input{width:20px;height:20px;margin:0;flex:0 0 20px;accent-color:var(--g)}
.dhl-link{display:inline-flex;align-items:center;min-height:44px;font-size:15px;font-weight:700;color:var(--gd);text-decoration:none;white-space:nowrap}
.dhl-link:hover,.dhl-link:focus{color:#15700f;text-decoration:underline}
.dhl-submit{display:block;width:100%;height:46px;margin:0;border:0;border-radius:10px;background:var(--gd);color:#fff;font-size:16.5px;font-weight:700;font-family:inherit;cursor:pointer;box-shadow:0 6px 16px rgba(35,168,26,.28)}
.dhl-submit:hover,.dhl-submit:focus{background:#176e11}
.dhl-submit[aria-busy="true"]{opacity:.8;cursor:progress}
.dhl-or{display:flex;align-items:center;gap:12px;margin:18px 0;color:#6b7785;font-size:12.5px;text-transform:uppercase;letter-spacing:.06em}
.dhl-or::before,.dhl-or::after{content:"";flex:1;height:1px;background:#e3e7ec}
.dhl-google .social-signin-btns{display:flex;justify-content:center;min-height:44px}
.dhl-google .g_id_signin{display:block!important;padding:0!important;margin:0!important;border:0!important;background:none!important;box-shadow:none!important;height:auto!important}

/* WHMCS uyarıları ve Google bağlantı mesajı */
.dhl-card .alert{margin:0 0 16px;padding:12px 14px;border-radius:10px;border:1px solid;font-size:14.5px;line-height:1.45}
.dhl-card .alert-danger{background:#fdf1f0;border-color:#f3c9c6;color:#8f1f1b}
.dhl-card .alert-success{background:#f2f8f1;border-color:#cfe6cb;color:#1b5e14}
.dhl-card .alert-warning{background:#fff8e6;border-color:#f1dca3;color:#7a5600}
.dhl-card .alert-info{background:#eef5fb;border-color:#cddff0;color:#1f4f7a}
.dhl-card .alert img{vertical-align:-3px}
.dhl-card .alert .fas{display:none}

@media (max-width:700px){
  .dhl-page{padding:20px 16px}
  .dhl-side-desktop{display:none}
  .dhl-split{grid-template-columns:1fr;border-radius:16px}
  .dhl-card{padding:24px 20px 20px}
  .dhl-only-phone{display:block}
  .dhl-only-phone .dhl-logo img{width:100%;max-width:300px;margin:0 auto}
  .dhl-title,.dhl-sub{text-align:center}
  .dhl-title{font-size:20px}
  .dhl-side{order:2;padding:20px}
  .dhl-side .dhl-logo,.dhl-side ol{display:none}
  .dhl-side h2{margin:0 0 4px;font-size:17px}
  .dhl-side p{margin:0 0 14px;font-size:14px}
}

/* şifre sıfırlama */
.dhl-steps{list-style:none;counter-reset:dhl;margin:0 0 24px;padding:0;font-size:14.5px}
.dhl-steps li{counter-increment:dhl;display:flex;gap:10px;align-items:center;margin:0 0 10px}
.dhl-steps li::before{content:counter(dhl);width:24px;height:24px;flex:0 0 24px;border-radius:50%;background:rgba(255,255,255,.22);color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center}
.dhl-submit-link{display:flex;align-items:center;justify-content:center;text-decoration:none}
.dhl-submit-link:hover,.dhl-submit-link:focus{color:#fff;text-decoration:none}
input.dhl-submit{-webkit-appearance:none;appearance:none}
.dhl-submit:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}
.dhl-back{margin:18px 0 0;text-align:center}
.dhl-captcha{margin:0 0 16px}
.dhl-captcha .row,.dhl-captcha [class*="col-"]{margin:0;padding:0;width:auto;float:none}
.dhl-captcha .captchaimage{margin:0 0 8px}
.dhl-captcha input{width:100%;height:48px;border:1px solid var(--line);border-radius:10px;padding:0 14px;font-size:16px}
.dhl-card .alert h2{margin:0 0 4px;font-size:15px}
.dhl-card .alert ul{margin:6px 0 0;padding-left:18px}
.dhl-sub a{color:var(--gd);font-weight:700}
.dhl-field.has-error .dhl-input input{border-color:#c9302c}
.dhl-field.has-error .dhl-input input:focus{box-shadow:0 0 0 3px rgba(201,48,44,.14)}
.dhl-field.has-success .dhl-input input{border-color:var(--g)}
#inputNewPassword2Msg .help-block{margin:6px 0 0;font-size:13.5px;color:#b5332a}
.dhl-strength .progress{height:8px;margin:2px 0 12px;border-radius:99px;background:#e9edf1;overflow:hidden}
.dhl-strength .progress-bar{height:100%;width:0;background:#c9302c;transition:width .2s}
.dhl-strength .progress-bar-warning{background:#e0a400}
.dhl-strength .progress-bar-success{background:var(--g)}
.dhl-strength .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.dhl-strength .alert{margin:0;font-size:13.5px}
.dhl-strength > br{display:none}
.dhl-card > .alert-success + .dhl-sub{margin-bottom:18px}

/* tek kart (2FA) */
.dhl-single{width:100%;max-width:480px;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 18px 50px rgba(0,0,0,.28)}
.dhl-logo-center{justify-content:center}
.dhl-logo-center img{width:100%;max-width:260px;margin:0 auto}
.dhl-2fa .dhl-title,.dhl-2fa .dhl-sub{text-align:center}
.dhl-2fa-challenge{text-align:center}
.dhl-2fa-challenge p{margin:0 0 10px;font-size:14.5px;line-height:1.5;color:var(--mut)}
.dhl-2fa-challenge p strong{color:var(--ink)}
.dhl-2fa-challenge h3{margin:0 0 8px;font-size:17px;color:var(--ink)}
.dhl-2fa-challenge label{display:block;margin:14px 0 8px;font-size:13.5px;font-weight:700;color:var(--txt)}
.dhl-2fa-challenge br{display:none}
.dhl-2fa-challenge input[type=text],.dhl-2fa-challenge input[type=number],.dhl-2fa-challenge input[type=tel]{display:block;width:100%;height:56px;margin:0 0 16px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:0 14px;font-size:18px;color:var(--txt);text-align:center;outline:0;box-shadow:none;transition:border-color .15s,box-shadow .15s}
.dhl-2fa-challenge input[type=text]:focus,.dhl-2fa-challenge input[type=number]:focus,.dhl-2fa-challenge input[type=tel]:focus{border-color:var(--g);box-shadow:0 0 0 3px rgba(35,168,26,.15)}
.dhl-2fa-challenge input.dhl-otp{font-size:28px;font-weight:700;letter-spacing:.4em;text-indent:.4em;font-family:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;color:var(--ink)}
.dhl-2fa-challenge input.dhl-otp::placeholder{color:#b6bec7}
.dhl-2fa .btn-primary,.dhl-2fa input[type=submit]{display:block;width:100%;height:46px;margin:0;border:0;border-radius:10px;background:var(--gd);color:#fff;font-size:16.5px;font-weight:700;font-family:inherit;cursor:pointer;box-shadow:0 6px 16px rgba(35,168,26,.28);-webkit-appearance:none;appearance:none}
.dhl-2fa .btn-primary:hover,.dhl-2fa input[type=submit]:hover{background:#176e11}
.dhl-2fa [aria-busy="true"]{opacity:.8;cursor:progress}
.dhl-2fa-alt{margin:16px 0 0;text-align:center;font-size:14px;line-height:1.5;color:var(--mut)}
.dhl-2fa-alt .dhl-link{display:inline;min-height:0;font-size:14px;white-space:normal}
.dhl-2fa-alt .dhl-link{padding:14px 0}
@media (max-width:700px){.dhl-single{border-radius:16px}}

/* giriş yan paneli: logo çevresinde avantajlar */
.dhl-side-orbit .dhl-logo{justify-content:center}
.dhl-side-orbit h2.dhl-slogan{margin:18px auto 16px;text-align:center}
.dhl-orbit{position:relative;width:100%;max-width:340px;aspect-ratio:1/1.1;margin:auto}
@supports not (aspect-ratio:1/1){.dhl-orbit::before{content:"";display:block;padding-top:110%}.dhl-orbit .dhl-orbit-core{height:0;padding-top:26%}.dhl-orbit .dhl-orbit-core img{position:absolute;left:19%;top:19%;width:62%}}
.dhl-orbit-ring{position:absolute;left:14%;top:17.27%;width:72%;height:65.45%;border-radius:50%;border:1.5px dashed rgba(255,255,255,.38)}
.dhl-orbit-core{position:absolute;left:50%;top:50%;width:26%;aspect-ratio:1/1;transform:translate(-50%,-50%);border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 10px rgba(255,255,255,.12),0 0 0 22px rgba(255,255,255,.06),0 10px 30px rgba(0,0,0,.18)}
.dhl-orbit-core img{display:block;width:62%;height:auto}
.dhl-orbit-node{position:absolute;width:34%;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;transform:translate(-50%,-21px)}
.dhl-orbit-node.is-up{flex-direction:column-reverse;transform:translate(-50%,calc(-100% + 21px))}
.dhl-orbit-n1{left:50%;top:17.27%}
.dhl-orbit-n2{left:81.18%;top:33.64%}
.dhl-orbit-n3{left:81.18%;top:66.36%}
.dhl-orbit-n4{left:50%;top:82.73%}
.dhl-orbit-n5{left:18.82%;top:66.36%}
.dhl-orbit-n6{left:18.82%;top:33.64%}
.dhl-orbit-n1,.dhl-orbit-n4{width:28%}
.dhl-orbit-ico{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:#fff;color:var(--gd);box-shadow:0 4px 12px rgba(0,0,0,.18)}
.dhl-orbit-node b{font-size:11.5px;line-height:1.25;font-weight:700;letter-spacing:.03em;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.18)}
.dhl-side h2{margin-top:auto}
@supports ((-webkit-background-clip:text) or (background-clip:text)){.dhl-side h2.dhl-slogan{width:fit-content;background:linear-gradient(90deg,#ffffff 0%,#e3f9d4 50%,#b6ef90 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}}

/* çıkış, kurtarma kodu, e-posta doğrulama */
.dhl-done{width:56px;height:56px;margin:0 auto 14px;border-radius:50%;background:#e7f5e5;color:var(--gd);display:flex;align-items:center;justify-content:center}
.dhl-outline{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:46px;margin:12px 0 0;border:1.5px solid var(--g);border-radius:10px;background:#fff;color:var(--gd);font-size:16px;font-weight:700;text-decoration:none}
.dhl-outline:hover,.dhl-outline:focus{background:#f2f8f1;color:var(--gd);text-decoration:none}
.dhl-code-box{display:flex;align-items:center;gap:10px;margin:0 0 14px;padding:10px 10px 10px 16px;border:1px dashed #b9d9b4;border-radius:12px;background:#f6fbf5}
.dhl-code-box code{flex:1;min-width:0;font-family:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;font-size:19px;font-weight:700;letter-spacing:.06em;color:var(--ink);background:none;padding:0;word-break:break-all}
.dhl-copy{flex:0 0 auto;min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--txt);font-size:14px;font-weight:700;font-family:inherit;cursor:pointer}
.dhl-copy:hover{border-color:var(--g);color:var(--gd)}
.dhl-note{margin:14px 0 0;text-align:center;font-size:13px;line-height:1.5;color:var(--mut)}
.dhl-2fa .dhl-sub strong{color:var(--ink)}
.dhl-stage{position:relative}

/* geri yönlü düğmeler: çerçevesiz, gri */
.dhl-secondary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:46px;margin:12px 0 0;border:0;border-radius:10px;background:#eef1f4;color:var(--txt);font-size:16px;font-weight:700;font-family:inherit;text-decoration:none;cursor:pointer}
.dhl-secondary:hover,.dhl-secondary:focus{background:#e3e7ec;color:var(--ink);text-decoration:none}
.dhl-2fa-alt .dhl-link-btn{display:inline;padding:14px 0;margin:0;border:0;background:none;color:var(--gd);font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.dhl-2fa-alt .dhl-link-btn:hover{text-decoration:underline}
.dhl-2fa-alt .dhl-link-btn:disabled{color:var(--mut);cursor:default;text-decoration:none}

/* geniş ekran */
@media (min-width:1100px){
  .dhl-split{max-width:960px;grid-template-columns:400px minmax(0,1fr)}
  .dhl-split .dhl-card{padding:48px 80px 40px}
  .dhl-side{padding:44px 40px}
}

/* hesap seçimi */
.dhl-accounts{display:flex;flex-direction:column;gap:10px;margin:0}
.dhl-account{display:flex;align-items:center;gap:14px;width:100%;min-height:64px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--txt);font-family:inherit;font-size:15px;text-align:left;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}
.dhl-account:hover,.dhl-account:focus-visible{border-color:var(--g);background:#f6fbf5;box-shadow:0 4px 14px rgba(35,168,26,.14);outline:0}
.dhl-account-current{border-color:#b9d9b4}
a.dhl-account{text-decoration:none}
.dhl-account-ico{flex:0 0 40px;width:40px;height:40px;border-radius:50%;background:#e7f5e5;color:var(--gd);display:flex;align-items:center;justify-content:center}
.dhl-account-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:3px}
.dhl-account-name{font-size:15.5px;font-weight:700;line-height:1.3;color:var(--ink);overflow-wrap:break-word}
.dhl-account-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;line-height:1.4;color:var(--mut)}
.dhl-account-tag{display:inline-block;padding:1px 8px;border-radius:999px;background:#e7f5e5;color:var(--gd);font-size:12px;font-weight:700}
.dhl-account-tag-closed{background:#eef1f4;color:var(--mut)}
.dhl-account-select{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-width:64px;height:36px;padding:0 16px;border-radius:9px;background:var(--gd);color:#fff;font-size:14.5px;font-weight:700;box-shadow:0 4px 10px rgba(35,168,26,.22);transition:background-color .15s ease}
.dhl-account:hover .dhl-account-select,.dhl-account:focus-visible .dhl-account-select{background:#176e11}
.dhl-account[disabled]{cursor:not-allowed;background:#f7f8fa;border-style:dashed;box-shadow:none}
.dhl-account[disabled] .dhl-account-ico{background:#eef1f4;color:#8a95a1}
.dhl-account[disabled] .dhl-account-name{color:var(--mut)}
.dhl-account-num{font-size:16px;font-weight:700;font-variant-numeric:tabular-nums}
@media (max-width:700px){.dhl-account{min-height:60px;padding:10px 12px;gap:12px}.dhl-account-select{min-width:56px;height:34px;padding:0 12px}}

/* hesap seçimi: hesap kartı ve yanında ayrı hesap ayarları kartı; panel başlığın altından başlar */
.dhl-switch{display:grid;grid-template-columns:minmax(0,1fr) 340px;grid-template-rows:auto auto;column-gap:20px;width:100%;max-width:920px;align-items:start}
.dhl-switch-card{grid-column:1;grid-row:1/3;max-width:none;align-self:stretch}
.dhl-switch-card .dhl-logo-center{justify-content:flex-start}
.dhl-switch-card .dhl-logo-center img{max-width:220px;margin:0}
.dhl-switch-main{min-width:0}
.dhl-empty{display:flex;align-items:center;gap:14px;padding:14px;border:1px dashed var(--line);border-radius:12px;background:#f7f8fa}
.dhl-aside{grid-column:2;grid-row:1/3;display:flex;flex-direction:column;min-width:0;padding:22px;border-radius:18px;background:linear-gradient(160deg,#1a7d12 0%,#1d8915 100%);color:#fff;box-shadow:0 18px 50px rgba(0,0,0,.28)}
@supports (grid-template-rows:subgrid){
  .dhl-switch-card{display:grid;grid-template-rows:subgrid;align-content:start}
  .dhl-aside{grid-row:2}
}
.dhl-aside-user{display:flex;align-items:center;gap:12px;margin:0 0 16px}
.dhl-aside-avatar{flex:0 0 44px;width:44px;height:44px;border-radius:50%;background:#fff;color:var(--gd);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}
.dhl-aside-who{min-width:0;display:flex;flex-direction:column;gap:2px}
.dhl-aside-who b{font-size:15px;line-height:1.3;font-weight:700;color:#fff;overflow-wrap:break-word}
.dhl-aside-who span{font-size:13px;line-height:1.35;color:rgba(255,255,255,.88);overflow-wrap:anywhere}
.dhl-aside-label{margin:0 0 8px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.78)}
.dhl-aside-links{display:flex;flex-direction:column;padding:4px;border-radius:12px;background:rgba(255,255,255,.1)}
.dhl-aside-link{position:relative;display:flex;align-items:center;gap:12px;min-height:48px;padding:7px 10px;border-radius:9px;color:#fff;text-decoration:none;transition:background-color .15s ease}
.dhl-aside-link+.dhl-aside-link::before{content:"";position:absolute;top:0;left:54px;right:10px;border-top:1px solid rgba(255,255,255,.14)}
.dhl-aside-link:hover,.dhl-aside-link:focus-visible{background:rgba(255,255,255,.16);color:#fff;text-decoration:none;outline:0}
.dhl-aside-link:focus-visible{box-shadow:0 0 0 2px #fff}
.dhl-aside-link:hover::before,.dhl-aside-link:hover+.dhl-aside-link::before{border-color:transparent}
.dhl-aside-link-ico{flex:0 0 32px;width:32px;height:32px;border-radius:9px;background:rgba(255,255,255,.18);color:#fff;display:flex;align-items:center;justify-content:center}
.dhl-aside-link-text{flex:1 1 auto;min-width:0;font-size:14.5px;font-weight:500;line-height:1.3;color:#fff}
.dhl-aside-link-go{flex:0 0 auto;color:rgba(255,255,255,.7);transition:transform .15s ease}
.dhl-aside-link:hover .dhl-aside-link-go{color:#fff;transform:translateX(2px)}
.dhl-aside-logout{display:flex;align-items:center;gap:8px;min-height:44px;margin:16px 0 0;padding:10px 2px 0;border-top:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.85);font-size:14px;font-weight:500;text-decoration:none}
.dhl-aside-logout:hover,.dhl-aside-logout:focus{color:#fff;text-decoration:underline}

@media (max-width:820px){
  .dhl-switch{grid-template-columns:1fr;grid-template-rows:none;row-gap:16px;max-width:560px}
  .dhl-switch-card{grid-column:1;grid-row:auto;display:block}
  .dhl-aside{grid-column:1;grid-row:auto}
}
@media (max-width:700px){
  .dhl-switch-card .dhl-logo-center{justify-content:center}
  .dhl-switch-card .dhl-logo-center img{max-width:260px;margin:0 auto}
  .dhl-aside{border-radius:16px;padding:20px}
}