/* Light account entry: Notarica card proportions, Mini-App.pro palette. */
#ma-account-dialog,#ma-account-dialog *{box-sizing:border-box}
#ma-account-dialog{width:min(460px,calc(100% - 32px));height:fit-content;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:0;border:1px solid #dcece8;border-radius:28px;overflow:auto;overscroll-behavior:contain;background:#fff;color:#171c1b;font:400 16px/1.55 Manrope,Inter,system-ui,sans-serif;box-shadow:0 32px 100px #163b3533;scrollbar-width:thin}
#ma-account-dialog[open]{display:block}
#ma-account-dialog .ma-login-frame-wrap{background:#f5fcf9;min-height:240px}
#ma-account-dialog .ma-login-frame{display:block;width:100%;height:560px;border:0;background:#fff}
#ma-account-dialog .ma-login-frame[hidden],#ma-account-dialog .ma-login-connecting[hidden]{display:none!important}
#ma-account-dialog .ma-login-connecting{margin:0;padding:50px 30px;text-align:center;color:#55756a;font-size:16px;line-height:1.6}
#ma-account-dialog .ma-login-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
#ma-account-dialog::backdrop{background:rgba(14,35,32,.38);backdrop-filter:blur(8px)}
#ma-account-dialog .ma-login-head{display:flex;align-items:center;justify-content:space-between;gap:16px;height:auto;min-height:80px;padding:20px 24px;background:#fff;border:0}
#ma-account-dialog .ma-logo{display:flex;align-items:center;gap:5px;text-decoration:none;color:#111}
#ma-account-dialog .ma-logo img{width:32px;height:32px;max-width:none;flex:none;border-radius:0}
#ma-account-dialog .ma-wordmark,#ma-account-dialog .ma-login-wordmark{color:#111;font:800 23px/1.2 Manrope,Inter,sans-serif;letter-spacing:-1px}
#ma-account-dialog .ma-wordmark>span,#ma-account-dialog .ma-login-wordmark>span{color:#00b9ab}
#ma-account-dialog .ma-login-close{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;padding:0;border:0;border-radius:50%;color:#294c45;background:#edf7f4;cursor:pointer;transition:background .15s}
#ma-account-dialog .ma-login-close:hover{background:#d8f0e9}
#ma-account-dialog .ma-login-body{padding:24px 36px 30px;text-align:center;background:radial-gradient(ellipse at 50% 0%,#e9faf5 0%,#f7fcfa 44%,#fff 78%)}
#ma-account-dialog .ma-login-symbol{display:grid;place-items:center;width:68px;height:68px;margin:0 auto 19px;color:#178576;background:#dbf5ed;border:1px solid #cbece1;border-radius:22px}
#ma-account-dialog .ma-login-eyebrow{display:flex;align-items:center;justify-content:center;gap:7px;margin:0 0 12px;color:#288678;font:700 13px/1.5 Manrope,Inter,sans-serif;letter-spacing:.07em;text-transform:uppercase}
#ma-account-dialog .ma-login-eyebrow::before{content:"";width:5px;height:5px;border-radius:50%;background:#00b9ab}
#ma-account-dialog #ma-login-title{margin:0;color:#151b19;font:700 34px/1.19 Manrope,Inter,sans-serif;letter-spacing:-.8px;text-transform:none}
#ma-account-dialog #ma-login-title em{display:inline-block;margin-top:4px;color:#00a99b;font:italic 500 37px/1.19 Georgia,"Times New Roman",serif;letter-spacing:-.6px}
#ma-account-dialog #ma-login-description{margin:19px 0 26px;color:#63716c;font:400 15px/1.65 Manrope,Inter,sans-serif;letter-spacing:0;word-break:normal;overflow-wrap:normal}
#ma-account-dialog .ma-login-primary{display:flex;align-items:center;justify-content:center;gap:10px;min-height:54px;width:100%;padding:15px 14px;border:1px solid #132c27;border-radius:14px;background:#132c27;color:#fff;text-decoration:none;font:700 15px/1.5 Manrope,Inter,sans-serif;letter-spacing:0;word-break:normal;overflow-wrap:normal;transition:background .15s,box-shadow .15s}
#ma-account-dialog .ma-login-primary:hover{background:#21463d;box-shadow:0 6px 18px #132c2718}
#ma-account-dialog .ma-login-primary svg{display:block;flex:none;color:#70e3ce}
#ma-account-dialog .ma-login-primary::after{content:none}
#ma-account-dialog .ma-login-hint{margin:13px 0 0;color:#6d7a75;font:400 14px/1.6 Manrope,Inter,sans-serif}
#ma-account-dialog .ma-login-help{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:3px 7px;padding:19px 24px;border-top:1px solid #e8efec;background:#f7faf8;color:#69756f;font:400 14px/1.6 Manrope,Inter,sans-serif;text-align:center}
#ma-account-dialog .ma-login-help a{color:#087e70;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;font-weight:600}
#ma-account-dialog :focus-visible{outline:3px solid #00a99b;outline-offset:4px}
@media(max-width:480px){
  #ma-account-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px);border-radius:24px}
  #ma-account-dialog .ma-login-head{min-height:74px;padding:16px 20px}
  #ma-account-dialog .ma-login-body{padding:22px 24px 26px}
  #ma-account-dialog #ma-login-title{font-size:31px}
  #ma-account-dialog #ma-login-title em{font-size:34px}
  #ma-account-dialog #ma-login-description{font-size:16px;line-height:1.6;margin:18px 0 24px}
  #ma-account-dialog .ma-login-primary{font-size:16px;padding:14px 10px}
  #ma-account-dialog .ma-login-hint,#ma-account-dialog .ma-login-help{font-size:15px}
  #ma-account-dialog .ma-login-wide-break{display:none}
  #ma-account-dialog .ma-login-help{padding:17px 20px}
}
@media(max-width:350px){
  #ma-account-dialog .ma-login-body{padding-inline:18px}
  #ma-account-dialog .ma-login-head{padding-inline:16px}
  #ma-account-dialog .ma-wordmark,#ma-account-dialog .ma-login-wordmark{font-size:21px}
  #ma-account-dialog .ma-logo img{width:28px;height:28px}
  #ma-account-dialog .ma-login-primary{font-size:15px;gap:8px}
}
@media(max-height:650px){
  #ma-account-dialog .ma-login-symbol{width:52px;height:52px;border-radius:17px;margin-bottom:14px}
  #ma-account-dialog .ma-login-body{padding-top:16px;padding-bottom:20px}
}