#app:not(.public-app) .obraativa-account-session-footer{flex:0 0 auto;margin-top:auto;padding:6px 0 0;border-top:1px solid #ffffff12;background:transparent}
#app:not(.public-app) .obraativa-account-session-footer button{display:flex;align-items:center;justify-content:flex-start;gap:7px;width:100%;min-height:38px;padding:8px 10px;border:1px solid transparent;border-radius:9px;background:transparent;color:#b9cee7;font-size:11px;line-height:1.2;font-weight:550;opacity:.78;cursor:pointer;transition:background .16s ease,color .16s ease,opacity .16s ease}
#app:not(.public-app) .obraativa-account-session-footer button:hover{border-color:transparent;background:#ffffff0a;color:#e8f3ff;opacity:1}
#app:not(.public-app) .obraativa-account-session-footer button:focus-visible{outline:3px solid #8fc7ff;outline-offset:2px}
#app:not(.public-app) .obraativa-account-session-footer button span:first-child{display:grid;place-items:center;width:auto;height:auto;border-radius:0;background:transparent;color:inherit;font-size:13px;line-height:1}
#app:not(.public-app) .obraativa-account-session-footer button span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:normal}
#app:not(.public-app) .obraativa-mobile-account-action{color:#a72d39!important;border-top:1px solid #edf0f3!important}
#app:not(.public-app) .obraativa-mobile-account-action .mobile-nav-icon{color:#c24751}
@media(min-width:761px){
  #app:not(.public-app) .obraativa-mobile-account-action{display:none!important}
}
@media (min-width:761px) and (max-width:1024px), (orientation:landscape) and (max-height:600px) and (max-width:1024px){
  #app:not(.public-app) .obraativa-account-session-footer{width:100%;padding:3px 0 0;border-top:1px solid #ffffff0d}
  #app:not(.public-app) .obraativa-account-session-footer button{flex-direction:column;justify-content:center;gap:1px;width:100%;height:38px;min-height:38px;max-height:40px;padding:3px 2px;border-radius:8px;font-size:8px;line-height:1.05;text-align:center;white-space:normal;overflow:hidden}
  #app:not(.public-app) .obraativa-account-session-footer button span:first-child{font-size:12px}
  #app:not(.public-app) .obraativa-account-session-footer button span:last-child{display:block;max-width:100%;text-align:center}
}
.obraativa-account-dialog{position:fixed;z-index:2200;inset:0;display:grid;place-items:center;padding:18px;background:#061425a8;backdrop-filter:blur(4px)}
.obraativa-account-dialog[hidden]{display:none}
.obraativa-account-dialog-card{position:relative;width:min(470px,100%);padding:23px;border:1px solid #d7e6e5;border-radius:18px;background:#fff;color:#142033;box-shadow:0 24px 70px #06142566}
.obraativa-account-dialog-close{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid #d6e3eb;border-radius:50%;background:#f6fafc;color:#31516b;font-size:22px;line-height:1;cursor:pointer}
.obraativa-account-dialog-kicker{display:block;color:#1d7655;font-size:10px;font-weight:900;letter-spacing:.12em}
.obraativa-account-dialog-card h2{margin:6px 0 5px;color:#173f55;font-size:22px}
.obraativa-account-dialog-card>p{margin:0;color:#637589;font-size:13px;line-height:1.5}
.obraativa-account-remember{display:flex;align-items:flex-start;gap:10px;margin-top:18px;padding:12px;border:1px solid #dbe9e3;border-radius:11px;background:#f6fbf8;cursor:pointer}
.obraativa-account-remember input{flex:none;width:19px;height:19px;margin-top:1px;accent-color:#1d7655}
.obraativa-account-remember span{display:grid;gap:4px}
.obraativa-account-remember b{color:#225744;font-size:13px}
.obraativa-account-remember small{color:#6a7f79;font-size:11px;line-height:1.45}
.obraativa-account-dialog-card footer{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}
.obraativa-account-dialog-card footer .btn{min-height:39px;font-size:12px}
.obraativa-remembered-account{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;margin:14px 0 2px;padding:13px;border:1px solid #cde5d7;border-radius:12px;background:#f2fbf6}
.obraativa-remembered-account>div{display:grid;gap:3px;min-width:0}
.obraativa-remembered-account small{color:#287756;font-size:9px;font-weight:900;letter-spacing:.08em}
.obraativa-remembered-account b{overflow:hidden;color:#1c4b3b;font-size:13px;text-overflow:ellipsis;white-space:nowrap}
.obraativa-remembered-account span{color:#6b7f78;font-size:10px;line-height:1.4}
.obraativa-remembered-account>[data-resume-account]{grid-column:2;grid-row:1 / span 2;min-height:39px;padding:7px 10px;font-size:11px;white-space:nowrap}
.obraativa-remembered-account>[data-forget-account]{grid-column:1 / -1;justify-self:start;margin:0;padding:2px 0;color:#3473b8;font-size:11px}
@media(max-width:760px){
  #app:not(.public-app) .obraativa-account-session-footer{display:none}
  .obraativa-account-dialog{align-items:end;padding:9px}
  .obraativa-account-dialog-card{padding:19px 16px;border-radius:16px}
  .obraativa-account-dialog-card footer{display:grid;grid-template-columns:1fr 1fr}
  .obraativa-account-dialog-card footer .btn{width:100%}
}
@media(max-width:760px){body.responsive-v3-landscape-phone #app:not(.public-app) .obraativa-account-session-footer{display:block}}
@media(max-width:440px){
  .obraativa-remembered-account{grid-template-columns:1fr}
  .obraativa-remembered-account>[data-resume-account]{grid-column:1;grid-row:auto;width:100%}
}

/* Experiência de acesso: somente apresentação, feedback e acessibilidade. */
body:has(#cloudGate){overflow:hidden}
#cloudGate.cloud-gate{padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));overscroll-behavior:contain;background:radial-gradient(circle at 76% 18%,#18815a2c,transparent 28%),linear-gradient(135deg,#061a30f5,#0b3d58f2 58%,#0d654ef0);backdrop-filter:blur(8px)}
#cloudGate .cloud-auth-card.obraativa-auth-experience{position:relative;width:min(480px,100%);max-height:calc(100dvh - 24px);padding:27px 28px 24px;border:1px solid #ffffff55;border-radius:20px;scrollbar-width:thin;scrollbar-color:#b9c9d4 transparent;box-shadow:0 28px 80px #020c1d8a,0 0 0 1px #092a3c12}
#cloudGate .obraativa-auth-experience .top-brand{margin:0 38px 17px 0}
#cloudGate .obraativa-auth-experience .top-brand span{color:#1671c9;font-size:9px;letter-spacing:.13em}
#cloudGate .obraativa-auth-experience .top-brand strong{color:#163b4c;font-size:18px}
#cloudGate .obraativa-auth-experience h1{margin:0 0 7px;color:#10283c;font-size:clamp(24px,3vw,30px);line-height:1.12;letter-spacing:-.035em}
#cloudGate .obraativa-auth-experience>p{margin:0;color:#5d7181;font-size:14px;line-height:1.48}
#cloudGate .obraativa-auth-experience .form{gap:12px;margin-top:18px}
#cloudGate .obraativa-auth-experience .field{min-width:0}
#cloudGate .obraativa-auth-experience .field>label{display:block;margin-bottom:6px;color:#2c4651;font-size:11px;font-weight:850;letter-spacing:.04em}
#cloudGate .obraativa-auth-experience input:not([type="checkbox"]):not([type="radio"]),#cloudGate .obraativa-auth-experience select,#cloudGate .obraativa-auth-experience textarea{width:100%;min-height:48px;padding:11px 13px;border:1px solid #cbd9e2;border-radius:10px;background:#fff;color:#122d3f;font-size:16px;line-height:1.25;box-shadow:inset 0 1px 2px #103a4d08;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}
#cloudGate .obraativa-auth-experience input:not([type="checkbox"]):not([type="radio"]):hover{border-color:#91adbd}
#cloudGate .obraativa-auth-experience input:not([type="checkbox"]):not([type="radio"]):focus,#cloudGate .obraativa-auth-experience select:focus,#cloudGate .obraativa-auth-experience textarea:focus{outline:0;border-color:#1675d1;box-shadow:0 0 0 3px #1675d124}
#cloudGate .obraativa-auth-experience input:not([type="checkbox"]):not([type="radio"])::placeholder{color:#83929c;opacity:1}
#cloudGate .obraativa-auth-experience .check-line{align-items:flex-start;gap:8px;color:#405966;font-size:12px;line-height:1.4}
#cloudGate .obraativa-auth-experience .check-line input[type="checkbox"]{flex:0 0 auto;width:18px;height:18px;min-height:18px;margin:0;accent-color:#0874c9}
#cloudGate .obraativa-auth-experience .obraativa-auth-primary{position:relative;min-height:50px;margin-top:3px;border-radius:10px;background:linear-gradient(135deg,#087bd5,#0757c7);color:#fff;font-size:15px;font-weight:850;box-shadow:0 9px 20px #096bc42e;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}
#cloudGate .obraativa-auth-experience .form>.obraativa-auth-primary{grid-column:1/-1;width:100%}
#cloudGate .obraativa-auth-experience .obraativa-auth-primary:hover{transform:translateY(-1px);filter:brightness(1.03);box-shadow:0 12px 24px #096bc43b}
#cloudGate .obraativa-auth-experience .obraativa-auth-primary:focus-visible,#cloudGate .obraativa-auth-experience .cloud-link:focus-visible,#cloudGate .obraativa-auth-experience summary:focus-visible{outline:3px solid #73b6f2;outline-offset:3px}
#cloudGate .obraativa-auth-experience .obraativa-auth-primary.is-loading{cursor:wait;opacity:.88}
#cloudGate .obraativa-auth-experience .obraativa-auth-primary.is-loading::before{content:'';display:inline-block;width:15px;height:15px;margin-right:8px;border:2px solid #ffffff75;border-top-color:#fff;border-radius:50%;vertical-align:-3px;animation:obraativa-auth-spin .8s linear infinite}
#cloudGate .obraativa-auth-experience .cloud-link{min-height:42px;margin-top:7px;padding:9px 6px;border-radius:8px;color:#1266bf;font-size:13px;font-weight:800;text-decoration:none}
#cloudGate .obraativa-auth-experience .cloud-link:hover{background:#edf6ff;color:#064f9b}
#cloudGate .obraativa-auth-experience .cloud-message{position:relative;margin-top:14px;padding:12px 13px 12px 38px;border:1px solid #c9dcee;border-radius:10px;background:#f2f8ff;color:#255b8d;font-size:13px;line-height:1.45}
#cloudGate .obraativa-auth-experience .cloud-message::before{position:absolute;left:13px;top:12px;content:'i';display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#2a75b7;color:#fff;font-size:11px;font-weight:900}
#cloudGate .obraativa-auth-experience .cloud-message.error{border-color:#efc8cd;background:#fff3f4;color:#9f2633}
#cloudGate .obraativa-auth-experience .cloud-message.error::before{content:'!';background:#c23542}
#cloudGate .obraativa-auth-experience .cloud-message.success{border-color:#bfe2ce;background:#f1fbf5;color:#176943}
#cloudGate .obraativa-auth-experience .cloud-message.success::before{content:'✓';background:#16945c}
#cloudGate .obraativa-auth-experience .obraativa-auth-trust{margin:13px 0 0;padding:10px 12px;border:1px solid #d9e8e1;border-radius:9px;background:#f7fbf9;color:#526f62;font-size:11px;line-height:1.45}
.obraativa-password-shell{position:relative}
.obraativa-password-shell input{padding-right:76px!important}
.obraativa-password-toggle{position:absolute;top:50%;right:7px;min-width:68px;min-height:38px;padding:6px 9px;border:0;border-radius:7px;background:#edf4f8;color:#235a76;font-size:11px;font-weight:850;transform:translateY(-50%);cursor:pointer}
.obraativa-password-toggle:hover{background:#ddebf2;color:#123f58}
.obraativa-password-toggle:focus-visible{outline:3px solid #73b6f2;outline-offset:1px}
.obraativa-password-strength{display:grid;grid-template-columns:minmax(80px,1fr) auto;align-items:center;gap:6px 9px;margin-top:7px;color:#61747f;font-size:10px}
.obraativa-password-meter{height:5px;overflow:hidden;border-radius:99px;background:#e3eaee}
.obraativa-password-meter i{display:block;width:0;height:100%;border-radius:inherit;background:#c3424c;transition:width .2s ease,background .2s ease}
.obraativa-password-strength[data-score="1"] .obraativa-password-meter i{width:33%;background:#c3424c}.obraativa-password-strength[data-score="2"] .obraativa-password-meter i{width:66%;background:#bd811a}.obraativa-password-strength[data-score="3"] .obraativa-password-meter i{width:100%;background:#188a58}
.obraativa-password-strength>b{color:#455e69;font-size:10px}
.obraativa-password-strength ul{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:4px 10px;margin:0;padding:0;list-style:none}
.obraativa-password-strength li{color:#70828b}.obraativa-password-strength li.done{color:#18734b}.obraativa-password-strength li i{font-style:normal;font-weight:900}
.obraativa-auth-step{display:inline-flex;margin:0 0 7px;padding:4px 7px;border-radius:99px;background:#eaf6f1;color:#1b7956;font-size:9px;font-weight:900;letter-spacing:.08em}
.obraativa-email-confirmation-heading{display:flex;align-items:center;gap:13px;margin:0 38px 12px 0}
.obraativa-email-confirmation-heading>div{display:grid;gap:3px;min-width:0}
.obraativa-email-confirmation-heading h1{margin:0!important}
.obraativa-email-confirmation-icon{display:grid;flex:0 0 auto;place-items:center;width:52px;height:52px;margin:0;border:1px solid #9ce5bf;border-radius:15px;background:linear-gradient(145deg,#e9fff3,#d9f7e8);color:#138454;box-shadow:0 12px 26px #0d8b5930}
.obraativa-email-confirmation-icon svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.obraativa-email-confirmation-lead b{color:#15543f;font-weight:900}
.obraativa-email-confirmation-address{display:grid;gap:3px;margin:16px 0 13px;padding:11px 13px;border:1px solid #cce4d8;border-radius:11px;background:#f1faf5;overflow:hidden}
.obraativa-email-confirmation-address small{color:#557269;font-size:10px;font-weight:750;letter-spacing:.02em}
.obraativa-email-confirmation-address b{overflow-wrap:anywhere;color:#145c43;font-size:14px;line-height:1.35}
.obraativa-email-confirmation-steps{display:grid;gap:9px;margin:0;padding:0;list-style:none;counter-reset:email-confirmation}
.obraativa-email-confirmation-steps li{position:relative;display:grid;gap:2px;min-height:37px;padding-left:43px;counter-increment:email-confirmation}
.obraativa-email-confirmation-steps li::before{position:absolute;left:0;top:0;content:counter(email-confirmation);display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#e8f2fb;color:#0a67b9;font-size:12px;font-weight:900}
.obraativa-email-confirmation-steps b{color:#173f55;font-size:12px;line-height:1.3}
.obraativa-email-confirmation-steps span{color:#617581;font-size:10px;line-height:1.4}
.obraativa-email-confirmation-note{margin:11px 0 13px;padding:9px 11px;border-left:3px solid #e0a225;border-radius:7px;background:#fff8e9;color:#745518;font-size:10px;line-height:1.45}
.obraativa-email-confirmation-note--warning{
  background:#fff0f2;
  border-left-color:#dc2626;
  color:#8f2d31;
}
.obraativa-email-code-form{display:grid;gap:8px;margin:12px 0 7px}
.obraativa-email-code-form label{color:#173f55;font-size:12px;font-weight:900;text-align:center}
#cloudGate .obraativa-email-code-form input{width:100%;min-height:52px;padding:8px 14px;border:1px solid #aac5d2;border-radius:11px;background:#f8fbfc;color:#0f2d4a;font-size:25px;font-weight:900;letter-spacing:.16em;text-align:center;font-variant-numeric:tabular-nums}
#cloudGate .obraativa-email-code-form input:focus{border-color:#16a34a;outline:3px solid #16a34a22}
.obraativa-email-code-form>small{color:#617581;font-size:9px;line-height:1.4;text-align:center}
#cloudGate .obraativa-email-code-form .btn{margin:0}
#cloudGate .obraativa-auth-confirmation .obraativa-email-confirmation-enter{width:100%;margin-top:0}
#cloudGate .obraativa-auth-confirmation .obraativa-email-confirmation-resend{display:block;width:100%;min-height:34px;margin:5px 0;color:#2563eb;border-radius:9px;font-size:11px}
#cloudGate .obraativa-auth-confirmation .obraativa-email-confirmation-resend:hover{background:#eef2ff;color:#1d4ed8}
#cloudGate .obraativa-auth-confirmation .obraativa-email-confirmation-change{display:block;width:100%;min-height:34px;margin-top:5px;color:#78909e;font-size:11px;font-weight:700}
#cloudGate .obraativa-auth-confirmation .obraativa-email-confirmation-change:hover{background:#f4f7f8;color:#365d70}
#cloudGate .obraativa-auth-confirmation>[data-usage-privacy]{display:none!important}
.obraativa-reception-access .obraativa-auth-confirmation .obraativa-email-code-form label{color:#f4f8fc!important}
.obraativa-reception-access .obraativa-auth-confirmation .obraativa-email-code-form>small{color:#c4d2df!important}
.obraativa-reception-access .obraativa-auth-confirmation .obraativa-email-confirmation-lead{color:#dce7ef!important}
.obraativa-reception-access .obraativa-auth-confirmation .obraativa-email-confirmation-lead b{color:#86efac!important}
.obraativa-reception-access .obraativa-auth-confirmation .obraativa-auth-step{color:#a7f3c4!important}
.obraativa-reception-access .obraativa-auth-confirmation .obraativa-email-confirmation-resend{color:#75baff!important}
.obraativa-reception-access .obraativa-auth-confirmation .obraativa-email-confirmation-change{color:#c4d2df!important}
.obraativa-reception-access .obraativa-auth-confirmation .obraativa-email-confirmation-resend:hover,.obraativa-reception-access .obraativa-auth-confirmation .obraativa-email-confirmation-change:hover{background:#ffffff12!important;color:#fff!important}
.obraativa-auth-optional{grid-column:1/-1;border:1px solid #d8e3e8;border-radius:10px;background:#f8fbfc}
.obraativa-auth-optional summary{padding:11px 12px;color:#24536a;font-size:12px;font-weight:850;cursor:pointer}
.obraativa-auth-optional summary small{color:#758891;font-weight:650}
.obraativa-auth-optional-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:2px 11px 12px}
#cloudGate .cloud-loading{display:grid;grid-template-columns:48px minmax(0,1fr) 25px;align-items:center;justify-items:start;gap:4px 12px;width:min(430px,calc(100vw - 24px));padding:14px 16px;border:1px solid #ffffff36;border-radius:16px;background:#071b2ee8;color:#fff;text-align:left;text-shadow:none;box-shadow:0 18px 50px #020b197a}
#cloudGate .cloud-loading .obraativa-loading-mark{grid-row:1/3;width:48px;height:48px;object-fit:cover;border-radius:12px;box-shadow:0 5px 14px #00101f80}
#cloudGate .cloud-loading b{grid-column:2;margin:0;font-size:16px;line-height:1.2}
#cloudGate .cloud-loading span{grid-column:2;font-size:11px;line-height:1.35;opacity:.86}
#cloudGate .cloud-loading .obraativa-auth-spinner{grid-column:3;grid-row:1/3}
.obraativa-auth-spinner{width:25px;height:25px;border:3px solid #ffffff48;border-top-color:#fff;border-radius:50%;animation:obraativa-auth-spin .8s linear infinite}
@keyframes obraativa-auth-spin{to{transform:rotate(360deg)}}
@media(max-width:560px){
  #cloudGate .cloud-auth-card.obraativa-auth-experience{padding:23px 18px 19px;border-radius:17px}
  #cloudGate .obraativa-auth-experience .top-brand{margin-bottom:13px}
  #cloudGate .obraativa-auth-experience h1{font-size:24px}
  .obraativa-auth-optional-grid{grid-template-columns:1fr}
  .obraativa-email-confirmation-heading{gap:10px;margin-bottom:9px}
  .obraativa-email-confirmation-icon{width:46px;height:46px;border-radius:13px}
  .obraativa-email-confirmation-icon svg{width:27px;height:27px}
}
@media(orientation:landscape) and (max-height:600px){
  #cloudGate.cloud-gate{align-items:center;padding:7px 10px}
  #cloudGate .cloud-auth-card.obraativa-auth-experience{width:min(690px,100%);max-height:calc(100dvh - 14px);padding:13px 18px 12px;border-radius:15px}
  #cloudGate .obraativa-auth-experience .top-brand{margin:0 38px 7px 0}
  #cloudGate .obraativa-auth-experience .top-brand img{width:35px!important;height:35px!important}
  #cloudGate .obraativa-auth-experience .top-brand span{font-size:7px}
  #cloudGate .obraativa-auth-experience .top-brand strong{font-size:14px}
  #cloudGate .obraativa-auth-experience h1{font-size:20px}
  #cloudGate .obraativa-auth-experience>p{font-size:11px;line-height:1.35}
  #cloudGate .obraativa-auth-experience .form{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px;margin-top:9px}
  #cloudGate .obraativa-auth-signin .form>.field.wide,#cloudGate .obraativa-auth-signup .form>.field.wide{grid-column:auto}
  #cloudGate .obraativa-auth-experience input:not([type="checkbox"]):not([type="radio"]){min-height:44px;padding-top:8px;padding-bottom:8px;font-size:14px}
  #cloudGate .obraativa-auth-experience .obraativa-auth-primary{grid-column:1/-1;min-height:44px;margin:0}
  #cloudGate .obraativa-auth-experience .cloud-link{display:inline-flex;width:auto;min-height:40px;margin:3px 6px 0 0;padding:7px 9px}
  #cloudGate .obraativa-auth-experience .obraativa-auth-trust{display:inline-block;margin-top:4px;padding:6px 8px;font-size:9px}
  .obraativa-password-strength ul{gap:2px 7px;font-size:9px}
  .obraativa-auth-step{margin-bottom:4px}
  .obraativa-email-confirmation-heading{gap:9px;margin-bottom:6px}
  .obraativa-email-confirmation-icon{width:40px;height:40px;border-radius:11px}
  .obraativa-email-confirmation-icon svg{width:23px;height:23px}
  .obraativa-email-confirmation-address{margin:8px 0;padding:7px 10px}
  .obraativa-email-confirmation-address small{font-size:8px}
  .obraativa-email-confirmation-address b{font-size:11px}
  .obraativa-email-confirmation-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
  .obraativa-email-confirmation-steps li{min-height:0;padding:6px 6px 6px 29px;border:1px solid #dce7ed;border-radius:8px;background:#f8fbfc}
  .obraativa-email-confirmation-steps li::before{left:5px;top:6px;width:19px;height:19px;border-radius:6px;font-size:9px}
  .obraativa-email-confirmation-steps b{font-size:9px}
  .obraativa-email-confirmation-steps span{font-size:8px;line-height:1.3}
  .obraativa-email-confirmation-note{margin:7px 0;padding:6px 8px;font-size:8px}
  .obraativa-email-code-form{grid-template-columns:minmax(180px,.8fr) minmax(220px,1.2fr);align-items:center;gap:5px 10px;margin:6px 0}
  .obraativa-email-code-form label,.obraativa-email-code-form>small{text-align:left}
  .obraativa-email-code-form label{grid-column:1}
  #cloudGate .obraativa-email-code-form input{grid-column:1;grid-row:2;min-height:42px;font-size:20px}
  .obraativa-email-code-form>small{grid-column:2;grid-row:1/3}
  #cloudGate .obraativa-email-code-form .btn{grid-column:1/-1;min-height:40px}
  #cloudGate .obraativa-auth-confirmation .obraativa-email-confirmation-enter{min-height:42px}
  #cloudGate .obraativa-auth-confirmation .obraativa-email-confirmation-change{min-height:34px;margin-top:1px;padding:4px 6px}
  #cloudGate .cloud-loading{width:min(520px,calc(100vw - 20px));padding:10px 13px}
  #cloudGate .cloud-loading .obraativa-loading-mark{width:42px;height:42px;border-radius:10px}
}
@media(orientation:landscape) and (max-height:420px) and (max-width:700px){
  #cloudGate .obraativa-auth-confirmation{padding:9px 14px 8px}
  #cloudGate .obraativa-auth-confirmation .top-brand{margin-bottom:4px}
  #cloudGate .obraativa-auth-confirmation h1{font-size:18px}
  #cloudGate .obraativa-auth-confirmation>p{font-size:10px;line-height:1.25}
  .obraativa-email-confirmation-heading{gap:8px;margin:0 34px 4px 0}
  .obraativa-email-confirmation-icon{width:36px;height:36px}
  .obraativa-email-confirmation-icon svg{width:21px;height:21px}
  .obraativa-email-confirmation-address{margin:5px 0;padding:5px 8px}
  .obraativa-email-confirmation-steps{gap:4px}
  .obraativa-email-confirmation-steps li{padding-top:5px;padding-bottom:5px}
  .obraativa-email-confirmation-note{margin:4px 0;padding:5px 7px}
  .obraativa-email-code-form{grid-template-columns:minmax(150px,.7fr) minmax(220px,1.3fr);margin:4px 0}
  #cloudGate .obraativa-email-code-form input{min-height:36px;padding:4px 10px;font-size:18px}
  #cloudGate .obraativa-email-code-form .btn{min-height:36px}
  #cloudGate .obraativa-auth-confirmation .obraativa-email-confirmation-enter{min-height:38px}
  #cloudGate .obraativa-auth-confirmation .obraativa-email-confirmation-change{min-height:28px;margin-top:0;padding:2px 5px}
}
@media(prefers-reduced-motion:reduce){
  #cloudGate .obraativa-auth-experience *,#cloudGate .cloud-loading *{scroll-behavior:auto!important;transition:none!important;animation-duration:.001ms!important;animation-iteration-count:1!important}
}