/* Rudolfsen Cloud Files — log in / create account / recovery screens.
   Scoped to .rcf-gate so the signed-in application is untouched.
   Fonts are bundled (Bricolage Grotesque, SIL OFL) — no third-party requests. */
@font-face{font-family:"RCF Bricolage";src:url("fonts/bricolage-grotesque-latin.woff") format("woff");font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:"RCF Bricolage Display";src:url("fonts/bricolage-grotesque-display.woff") format("woff");font-weight:200 800;font-style:normal;font-display:swap}

.rcf.rcf-gate{
  --g-ink:#1b1646;--g-violet:#5b3df5;--g-violet-d:#4326d6;--g-sun:#ffd43b;--g-mint:#14c78a;--g-mint-l:#c9f5e4;
  --g-pink:#ff5c8a;--g-pink-l:#ffdce6;--g-red:#c4163d;--g-paper:#fbfaff;--g-soft:#1b164626;
  --g-body:"RCF Bricolage",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --g-display:"RCF Bricolage Display","RCF Bricolage",ui-sans-serif,system-ui,sans-serif;
  display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);min-height:min(100dvh,900px);max-width:1240px;margin:30px auto;
  background:var(--g-paper);color:var(--g-ink);border:2px solid var(--g-ink);border-radius:var(--rcf-radius,8px);overflow:hidden;
  font-family:var(--g-body);font-size:16px;line-height:1.5;font-weight:420;
}
.rcf-page .rcf.rcf-gate{min-height:100dvh;max-width:none;margin:0;border:0;border-radius:0}
.rcf.rcf-gate :is(h1,h2,h3,p,ul){margin:0}
.rcf.rcf-gate a{color:var(--g-violet-d)}

/* ---------- Hero ---------- */
.rcf-gate-hero{position:relative;isolation:isolate;display:flex;flex-direction:column;gap:28px;padding:clamp(26px,4vw,56px);background:var(--g-sun);overflow:hidden;border-right:2px solid var(--g-ink)}
.rcf-gate-hero::before{content:"";position:absolute;z-index:-1;width:min(560px,80%);aspect-ratio:1;border-radius:50%;background:var(--g-violet);right:-16%;bottom:-18%}
.rcf.rcf-gate .rcf-gate-brand{display:inline-flex;align-items:center;gap:12px;align-self:flex-start;color:var(--g-ink);text-decoration:none;font-size:15px;line-height:1.15}
.rcf-gate-mark{display:grid;place-items:center;width:44px;height:44px;border:2px solid var(--g-ink);border-radius:var(--rcf-radius,8px);background:var(--g-violet);color:#fff;box-shadow:3px 3px 0 var(--g-ink)}
.rcf-gate-mark svg{width:26px;height:26px;stroke-width:1.8}
.rcf-gate-word{font-weight:520}.rcf-gate-word b{display:block;font-family:var(--g-display);font-size:20px;font-weight:800;letter-spacing:-.02em}
.rcf-gate-pitch{max-width:41rem}
.rcf.rcf-gate .rcf-gate-pitch h2{font-family:var(--g-display);font-size:clamp(42px,5.6vw,80px);font-weight:800;line-height:.98;letter-spacing:-.025em;margin:0 0 20px}
.rcf-gate-pitch h2 span{display:block}
.rcf-gate-pitch>p{font-size:clamp(16px,1.5vw,19px);max-width:30rem;font-weight:480}
.rcf-gate-chips{display:flex;flex-wrap:wrap;gap:10px;padding:0;margin:22px 0 0!important;list-style:none}
.rcf-gate-chips li{display:inline-flex;align-items:center;gap:7px;padding:6px 13px 6px 10px;background:var(--g-paper);border:2px solid var(--g-ink);border-radius:var(--rcf-radius,8px);font-size:14px;font-weight:620}
.rcf-gate-chips svg{fill:none;stroke:var(--g-ink);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}

/* The one memorable thing: a looping upload. Static “finished” state unless motion is welcome. */
.rcf-scene{position:relative;width:min(410px,94%);margin:auto 2% 0 auto;transform:rotate(-2.5deg)}
.rcf-scene-card{background:#fff;border:2px solid var(--g-ink);border-radius:var(--rcf-radius,8px);box-shadow:8px 8px 0 var(--g-ink);padding:16px 18px 14px}
.rcf-scene-head{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:650;margin-bottom:12px}
.rcf-scene-dots{display:flex;gap:5px}.rcf-scene-dots i{width:10px;height:10px;border:2px solid var(--g-ink);border-radius:50%}
.rcf-scene-files{display:grid;gap:12px;padding:0;margin:0!important;list-style:none}
.rcf-scene-files li{display:grid;grid-template-columns:34px minmax(0,1fr) auto;grid-template-areas:"ext name size" "ext bar bar";column-gap:11px;row-gap:5px;align-items:center}
.rcf-ext{grid-area:ext;display:grid;place-items:center;width:34px;height:38px;border:2px solid var(--g-ink);border-radius:var(--rcf-radius,8px);font-size:10px;font-weight:800;letter-spacing:.03em}
.rcf-ext-pdf{background:var(--g-pink-l)}.rcf-ext-mov{background:#ffe9a3}.rcf-ext-wav{background:var(--g-mint-l)}
.rcf-scene-name{grid-area:name;font-size:14px;font-weight:620;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rcf-scene-size{grid-area:size;font-size:12px;color:#1b1646b3;font-weight:560}
.rcf-bar{grid-area:bar;display:block;height:10px;border:2px solid var(--g-ink);border-radius:var(--rcf-radius,8px);overflow:hidden;background:#fff}
.rcf-bar i{display:block;height:100%;background:var(--g-mint);transform-origin:left center}
.rcf-scene-foot{display:grid;margin-top:14px;font-size:14px}
.rcf-scene-foot b{grid-area:1/1;display:inline-flex;align-items:center;gap:7px;font-weight:720}
.rcf-s-up{opacity:0}.rcf-s-done svg{fill:none;stroke:var(--g-mint);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;background:var(--g-ink);border-radius:50%;padding:2px;width:18px;height:18px}
.rcf-sticker{position:absolute;top:-20px;right:-14px;padding:7px 15px;background:var(--g-mint);border:2px solid var(--g-ink);border-radius:var(--rcf-radius,8px);box-shadow:3px 3px 0 var(--g-ink);font-family:var(--g-display);font-size:22px;font-weight:800;line-height:1.2;transform:rotate(8deg)}

@media (prefers-reduced-motion:no-preference){
  .rcf-row-0 .rcf-bar i{animation:rcf-fill0 10s ease-in-out infinite}
  .rcf-row-1 .rcf-bar i{animation:rcf-fill1 10s ease-in-out infinite}
  .rcf-row-2 .rcf-bar i{animation:rcf-fill2 10s ease-in-out infinite}
  .rcf-s-up{animation:rcf-up 10s infinite}.rcf-s-done{animation:rcf-done 10s infinite}
  .rcf-sticker{animation:rcf-pop 10s infinite}
  .rcf-scene-card{animation:rcf-bump 10s infinite}
}
@keyframes rcf-fill0{0%,4%{transform:scaleX(0);background:var(--g-violet)}26%{transform:scaleX(1);background:var(--g-violet)}30%,93%{transform:scaleX(1);background:var(--g-mint)}97%{transform:scaleX(1);opacity:0}98%{transform:scaleX(0);opacity:0}100%{transform:scaleX(0);opacity:1}}
@keyframes rcf-fill1{0%,10%{transform:scaleX(0);background:var(--g-violet)}38%{transform:scaleX(1);background:var(--g-violet)}42%,93%{transform:scaleX(1);background:var(--g-mint)}97%{transform:scaleX(1);opacity:0}98%{transform:scaleX(0);opacity:0}100%{transform:scaleX(0);opacity:1}}
@keyframes rcf-fill2{0%,16%{transform:scaleX(0);background:var(--g-violet)}54%{transform:scaleX(1);background:var(--g-violet)}58%,93%{transform:scaleX(1);background:var(--g-mint)}97%{transform:scaleX(1);opacity:0}98%{transform:scaleX(0);opacity:0}100%{transform:scaleX(0);opacity:1}}
@keyframes rcf-up{0%{opacity:1}56%{opacity:1;transform:none}60%,97%{opacity:0;transform:translateY(-6px)}100%{opacity:1;transform:none}}
@keyframes rcf-done{0%,56%{opacity:0;transform:translateY(6px)}60%,92%{opacity:1;transform:none}96%,100%{opacity:0}}
@keyframes rcf-pop{0%,58%{transform:scale(0) rotate(-24deg)}64%{transform:scale(1.2) rotate(12deg)}68%,92%{transform:scale(1) rotate(8deg)}96%,100%{transform:scale(0) rotate(8deg)}}
@keyframes rcf-bump{0%,58%{transform:none}61%{transform:translateY(-5px)}65%,100%{transform:none}}

/* ---------- Form side ---------- */
.rcf-gate-panel{display:flex;align-items:center;justify-content:center;padding:clamp(24px,5vw,64px);min-width:0}
.rcf-gate-card{width:100%;max-width:440px;min-width:0}
.rcf.rcf-gate .rcf-gate-title{font-family:var(--g-display);font-size:clamp(34px,3.6vw,46px);font-weight:800;line-height:1.02;letter-spacing:-.03em;margin:0 0 20px}
.rcf-gate-sub{color:#1b1646cc;margin:18px 0 4px!important;font-size:16px}
.rcf.rcf-gate .rcf-gate-h2{font-family:var(--g-display);font-size:24px;font-weight:760;margin:34px 0 4px}
.rcf.rcf-gate .rcf-gate-back{display:inline-flex;align-items:center;gap:6px;margin-bottom:22px;font-size:14px;font-weight:650;text-decoration:none}
.rcf-gate-back svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* Tabs: a segmented control with a sliding pill. They are real links, so they work without JavaScript. */
.rcf-gate-tabs{position:relative;display:grid;grid-template-columns:1fr 1fr;padding:4px;background:#fff;border:2px solid var(--g-ink);border-radius:var(--rcf-radius,8px)}
.rcf-gate-tabs::before{content:"";position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);background:var(--g-violet);border-radius:var(--rcf-radius,8px)}
.rcf-gate[data-tab=signup] .rcf-gate-tabs::before{transform:translateX(100%)}
.rcf.rcf-gate .rcf-gate-tabs a{position:relative;display:flex;align-items:center;justify-content:center;min-height:48px;padding:8px 12px;border-radius:var(--rcf-radius,8px);color:var(--g-ink);font-weight:700;font-size:16px;text-decoration:none;text-align:center}
.rcf.rcf-gate .rcf-gate-tabs a[aria-selected=true]{color:#fff}
.rcf.rcf-gate .rcf-gate-tabs a:not([aria-selected=true]):hover{background:#5b3df514}
@media (prefers-reduced-motion:no-preference){.rcf-gate-tabs::before{transition:transform .28s cubic-bezier(.3,1.35,.5,1)}.rcf-gate-tabs a{transition:color .18s}[role=tabpanel]:not([hidden]){animation:rcf-in .26s ease-out}}
@keyframes rcf-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

.rcf.rcf-gate .rcf-form{max-width:none;margin:20px 0 0;gap:18px}
.rcf.rcf-gate .rcf-field label{font-size:14px;font-weight:680;margin-bottom:7px}
.rcf.rcf-gate .rcf-field label>span{color:var(--g-red)}
.rcf.rcf-gate .rcf-field input:not([type=checkbox]):not([type=hidden]):not([type=file]),.rcf.rcf-gate .rcf-field select{min-height:54px;padding:12px 14px;background:#fff;border:2px solid var(--g-ink);border-radius:var(--rcf-radius,8px);color:var(--g-ink);font-family:var(--g-body);font-size:17px;font-weight:480;box-shadow:none}
.rcf.rcf-gate .rcf-field input::placeholder{color:#1b164699}
.rcf.rcf-gate .rcf-field input:not([type=checkbox]):not([type=hidden]):focus{border-color:var(--g-violet);box-shadow:4px 4px 0 var(--g-violet);outline:0}
.rcf.rcf-gate .rcf-password input{padding-right:58px!important}
.rcf.rcf-gate .rcf-password-toggle{right:6px;top:6px;bottom:6px;width:44px;color:var(--g-ink);border-radius:var(--rcf-radius,8px)}
.rcf.rcf-gate .rcf-password-toggle:hover{background:#5b3df51a}
.rcf.rcf-gate .rcf-password-toggle[aria-pressed=true]{background:var(--g-sun)}
.rcf.rcf-gate :is(a,button,input,select,summary,label):focus-visible{outline:3px solid var(--g-violet);outline-offset:3px;border-radius:var(--rcf-radius,8px)}
.rcf.rcf-gate .rcf-field-hint{font-size:13.5px;color:#1b1646b3;margin:2px 0 0}

/* Mobile number: one bordered control, the flag opens the country list. */
.rcf.rcf-gate .rcf-phone-row{display:flex;align-items:stretch;gap:0;min-height:54px;background:#fff;border:2px solid var(--g-ink);border-radius:var(--rcf-radius,8px);overflow:hidden}
.rcf.rcf-gate .rcf-phone-row:focus-within{border-color:var(--g-violet);box-shadow:4px 4px 0 var(--g-violet)}
.rcf.rcf-gate .rcf-phone-choice{flex:0 0 74px;border-right:2px solid var(--g-ink);background:#f1eeff}
.rcf.rcf-gate .rcf-phone-choice:focus-within{outline:3px solid var(--g-violet);outline-offset:-3px}
.rcf.rcf-gate .rcf-phone-choice img{border-color:var(--g-ink);border-radius:var(--rcf-radius,8px)}
.rcf.rcf-gate .rcf-phone-dial{display:flex;align-items:center;padding:0 4px 0 12px;font-size:17px;font-weight:620}
.rcf.rcf-gate .rcf-phone-row input{font-size:17px!important;min-height:0!important;padding:0 12px 0 4px!important;border:0!important;box-shadow:none!important}
.rcf.rcf-gate .rcf-phone-row input:focus{box-shadow:none!important}

/* Password strength */
.rcf-meter{display:flex;align-items:center;gap:12px;margin:-6px 0 0;font-size:13.5px}
.rcf-meter-bars{display:flex;gap:4px;flex:0 0 112px}
.rcf-meter-bars i{flex:1;height:8px;border:2px solid var(--g-ink);border-radius:var(--rcf-radius,8px);background:#fff}
.rcf-meter[data-score="1"] .rcf-meter-bars i:nth-child(-n+1){background:var(--g-pink)}
.rcf-meter[data-score="2"] .rcf-meter-bars i:nth-child(-n+2){background:var(--g-sun)}
.rcf-meter[data-score="3"] .rcf-meter-bars i:nth-child(-n+3){background:var(--g-mint)}
.rcf-meter[data-score="4"] .rcf-meter-bars i:nth-child(-n+4){background:var(--g-mint)}
.rcf-meter-label{color:#1b1646cc;font-weight:560}

/* Checkboxes */
.rcf.rcf-gate .rcf-check{gap:11px;font-size:14.5px;font-weight:480;line-height:1.45}
.rcf.rcf-gate .rcf-check input[type=checkbox]{appearance:none;-webkit-appearance:none;flex:0 0 24px;width:24px;height:24px;margin:0;background:#fff;border:2px solid var(--g-ink);border-radius:var(--rcf-radius,8px);display:grid;place-items:center;cursor:pointer}
.rcf.rcf-gate .rcf-check input[type=checkbox]:checked{background:var(--g-violet) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3.2 3.2L13 4.8' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}
.rcf.rcf-gate .rcf-form-options{flex-wrap:wrap;gap:10px 16px}
.rcf.rcf-gate .rcf-link{font-size:14.5px;font-weight:650}
.rcf.rcf-gate .rcf-legal-links{gap:6px 16px;margin-top:-4px;padding-left:35px}.rcf.rcf-gate .rcf-legal-links .rcf-link{font-size:13.5px}

/* Buttons: they press down. */
.rcf.rcf-gate .rcf-button{min-height:56px;padding:12px 22px;background:var(--g-violet);color:#fff;border:2px solid var(--g-ink);border-radius:var(--rcf-radius,8px);box-shadow:4px 4px 0 var(--g-ink);font-family:var(--g-display);font-size:19px;font-weight:760;letter-spacing:-.01em;filter:none}
.rcf.rcf-gate .rcf-button:hover{background:var(--g-violet-d);filter:none;box-shadow:5px 5px 0 var(--g-ink);transform:translate(-1px,-1px)}
.rcf.rcf-gate .rcf-button:active{box-shadow:0 0 0 var(--g-ink);transform:translate(4px,4px)}
.rcf.rcf-gate .rcf-form>.rcf-button{align-self:stretch;width:100%;margin:6px 0 2px}
.rcf.rcf-gate .rcf-button.rcf-secondary{background:#fff;color:var(--g-ink)}
.rcf.rcf-gate .rcf-button[aria-busy=true]{pointer-events:none;background:var(--g-ink);box-shadow:0 0 0 var(--g-ink);transform:translate(4px,4px)}
.rcf.rcf-gate .rcf-button[aria-busy=true] .rcf-button-label::before{content:"";display:inline-block;width:15px;height:15px;margin-right:10px;vertical-align:-2px;border:3px solid #fff5;border-top-color:#fff;border-radius:50%}
@media (prefers-reduced-motion:no-preference){.rcf.rcf-gate .rcf-button{transition:transform .08s,box-shadow .08s,background-color .12s}.rcf.rcf-gate .rcf-button[aria-busy=true] .rcf-button-label::before{animation:rcf-spin .7s linear infinite}}
@keyframes rcf-spin{to{transform:rotate(1turn)}}

/* Messages */
.rcf.rcf-gate .rcf-notice{display:flex;gap:11px;align-items:flex-start;margin:18px 0 0;padding:12px 14px;border:2px solid var(--g-ink);border-radius:var(--rcf-radius,8px);background:#fff;color:var(--g-ink);font-size:15px;font-weight:540}
.rcf.rcf-gate .rcf-notice::before{content:"!";flex:0 0 24px;display:grid;place-items:center;width:24px;height:24px;border:2px solid var(--g-ink);border-radius:50%;background:var(--g-pink);font-size:14px;font-weight:800;line-height:1}
.rcf.rcf-gate .rcf-notice-error{background:var(--g-pink-l)}
.rcf.rcf-gate .rcf-notice-success{background:var(--g-mint-l)}
.rcf.rcf-gate .rcf-notice-success::before{content:"✓";background:var(--g-mint)}
.rcf-gate-alt{margin-top:6px!important;text-align:center}
.rcf-gate-state{margin-top:22px;padding:22px;background:#fff;border:2px solid var(--g-ink);border-radius:var(--rcf-radius,8px);box-shadow:6px 6px 0 var(--g-ink)}
.rcf-gate-state>*+*{margin-top:12px!important}
.rcf.rcf-gate .rcf-gate-state h2{font-family:var(--g-display);font-size:26px;font-weight:800;line-height:1.1;margin:0}
.rcf-gate-badge{display:grid;place-items:center;width:58px;height:58px;margin-bottom:4px;background:var(--g-sun);border:2px solid var(--g-ink);border-radius:var(--rcf-radius,8px);box-shadow:3px 3px 0 var(--g-ink);transform:rotate(-5deg)}
.rcf-gate-badge svg{width:30px;height:30px;fill:none;stroke:var(--g-ink);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.rcf-gate-inbox .rcf-gate-badge{background:var(--g-mint)}
.rcf-gate-admin{padding:14px;background:var(--g-sun);border:2px dashed var(--g-ink);border-radius:var(--rcf-radius,8px);font-size:14.5px}
.rcf-gate-admin ul{margin:8px 0 10px!important;padding-left:20px}.rcf-gate-admin li{margin:4px 0}
.rcf-gate-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 16px;margin-top:34px;padding-top:18px;border-top:2px dashed var(--g-soft);font-size:13.5px;color:#1b1646b3}
.rcf.rcf-gate .rcf-gate-foot .rcf-link{font-size:13.5px}

/* On the full-page screen the hero stays in view while a long form scrolls. */
@media (min-width:961px){.rcf-page .rcf-gate-hero{position:sticky;top:0;align-self:start;height:100dvh;min-height:640px}}

/* ---------- Tablet and phone ---------- */
@media (max-width:960px){
  .rcf.rcf-gate{grid-template-columns:1fr;max-width:680px;min-height:0;border-radius:var(--rcf-radius,8px)}
  .rcf-page .rcf.rcf-gate{display:flex;flex-direction:column;max-width:none;border-radius:0;min-height:100dvh}
  .rcf-gate-hero{gap:16px;padding:22px 24px 26px;border-right:0;border-bottom:2px solid var(--g-ink)}
  .rcf-gate-hero::before{display:none}
  .rcf-scene,.rcf-gate-pitch>p,.rcf-gate-chips{display:none}
  .rcf.rcf-gate .rcf-gate-pitch h2{font-size:clamp(34px,8.5vw,52px);margin:0}
  .rcf-gate-pitch h2 span{display:inline}
  .rcf-gate-panel{align-items:flex-start;padding:28px 24px 34px;flex:1}
  .rcf-gate-card{max-width:520px}
}
@media (max-width:420px){
  .rcf-gate-hero{padding:18px 18px 22px}
  .rcf-gate-panel{padding:24px 18px 30px}
  .rcf.rcf-gate .rcf-gate-title{font-size:32px}
  .rcf-gate-tabs a{font-size:15px}
  .rcf.rcf-gate .rcf-phone-choice{flex-basis:66px}
  .rcf.rcf-gate .rcf-form-options{flex-direction:column;align-items:flex-start}
}
/* Compact controls on the login and registration pages (same height as the dashboard) */
.rcf.rcf-gate{--rcf-ctl-h:30px}
.rcf.rcf-gate :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]),select),.rcf.rcf-gate .rcf-field :is(input,select){min-height:var(--rcf-ctl-h)!important;padding-top:3px!important;padding-bottom:3px!important;font-size:15px!important}
.rcf.rcf-gate .rcf-phone-row,.rcf.rcf-gate .rcf-phone-choice{min-height:var(--rcf-ctl-h)!important}
.rcf.rcf-gate .rcf-phone-row input{min-height:0!important;padding-top:0!important;padding-bottom:0!important;font-size:15px!important}
.rcf.rcf-gate .rcf-button{min-height:var(--rcf-ctl-h)!important;padding-top:4px!important;padding-bottom:4px!important;font-size:15px}
.rcf.rcf-gate .rcf-field label{margin-bottom:3px!important;line-height:1.25}
.rcf.rcf-gate .rcf-form{gap:11px}
.rcf.rcf-gate .rcf-field-hint{margin:3px 0 0}
/* Same look as the signed-in dashboard: 1 px light grey frames, soft blue buttons, no hard shadows */
.rcf.rcf-gate{--g-line:#bccbd7;--g-blue:#4a86d8;--g-blue-d:#3f76c2}
.rcf.rcf-gate .rcf-field label{font-size:13px;font-weight:650}
.rcf.rcf-gate :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]),select),.rcf.rcf-gate .rcf-field :is(input,select){height:var(--rcf-ctl-h)!important;line-height:1.2!important;border:1px solid var(--g-line)!important;box-shadow:none!important;font-size:14px!important;font-weight:400!important;padding-left:12px!important;padding-right:12px!important}
.rcf.rcf-gate .rcf-field input:not([type=checkbox]):not([type=hidden]):focus{border-color:var(--g-blue)!important;box-shadow:none!important}
.rcf.rcf-gate .rcf-password input{padding-right:44px!important}
.rcf.rcf-gate .rcf-password-toggle{top:0;bottom:0;right:2px;width:36px}
.rcf.rcf-gate .rcf-phone-row{border:1px solid var(--g-line)!important;min-height:var(--rcf-ctl-h)!important;height:var(--rcf-ctl-h)}
.rcf.rcf-gate .rcf-phone-row:focus-within{border-color:var(--g-blue)!important;box-shadow:none!important}
.rcf.rcf-gate .rcf-phone-choice{border-right:1px solid var(--g-line)!important;background:#f4f7fa}
.rcf.rcf-gate .rcf-phone-choice img{border:1px solid var(--g-line)}
.rcf.rcf-gate .rcf-phone-dial,.rcf.rcf-gate .rcf-phone-row input{font-size:14px!important;font-weight:400}
.rcf.rcf-gate .rcf-check input[type=checkbox]{border:1px solid var(--g-line)!important;width:20px;height:20px;flex:0 0 20px}
.rcf.rcf-gate .rcf-check input[type=checkbox]:checked{background-color:var(--g-blue)}
.rcf-meter-bars i{border:1px solid var(--g-line);height:6px}
.rcf-gate-tabs{border:1px solid var(--g-line)!important}
.rcf-gate-tabs::before{background:var(--g-blue)!important}
.rcf.rcf-gate .rcf-gate-tabs a{min-height:var(--rcf-ctl-h)!important;font-size:14px;font-weight:650}
.rcf.rcf-gate .rcf-gate-tabs a:not([aria-selected=true]):hover{background:#4a86d814}
.rcf.rcf-gate .rcf-button,.rcf.rcf-gate .rcf-button:hover,.rcf.rcf-gate .rcf-button:active{box-shadow:none!important;transform:none!important;border:1px solid var(--g-blue-d)!important;font-family:inherit;font-size:14px!important;font-weight:650!important;letter-spacing:0}
.rcf.rcf-gate .rcf-notice,.rcf.rcf-gate .rcf-gate-state{border:1px solid var(--g-line)!important;box-shadow:none!important}
.rcf.rcf-gate{border:1px solid var(--g-line)!important}
.rcf.rcf-gate :is(a,button,input,select,summary,label):focus-visible{outline:2px solid var(--g-blue)}
.rcf.rcf-gate .rcf-password-toggle{top:50%!important;bottom:auto!important;right:4px!important;width:30px!important;color:var(--g-ink)}
/* 0.9.44 — soft cream panel (same as the Home camera section) and the transfer card right under the chips */
.rcf-gate-hero{background:#f6efdc}
.rcf-scene{margin:clamp(22px,3.6vh,40px) auto 0 clamp(4px,2.5%,22px)}
/* ===== 0.9.53 — Standard felt og standard knapp =====
   The same as the "Activate account" button in the email: 48 px high, full width, 8 px corners, 2 px dark frame.
   Use: wrap a form in <div class="rcf-std">. First used on "Verify your email" (after Activate account). */
.rcf.rcf-gate .rcf-std .rcf-form{gap:14px;max-width:none}
.rcf.rcf-gate .rcf-std .rcf-field :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]),select){box-sizing:border-box;width:100%!important;height:48px!important;min-height:48px!important;padding:0 14px!important;border:2px solid #1b1646!important;border-radius:8px!important;background:#fff;font-size:16px!important;line-height:22px!important}
.rcf.rcf-gate .rcf-std .rcf-field input:focus{border-color:#4a86d8!important;box-shadow:0 0 0 3px #4a86d833!important}
.rcf.rcf-gate .rcf-std .rcf-field label{font-size:14px;margin-bottom:6px!important}
.rcf.rcf-gate .rcf-std .rcf-button,.rcf.rcf-gate .rcf-std .rcf-button:hover,.rcf.rcf-gate .rcf-std .rcf-button:active{box-sizing:border-box;display:flex;align-self:stretch;justify-content:center;align-items:center;width:100%;height:48px;min-height:48px!important;padding:11px 20px!important;border:2px solid #1b1646!important;border-radius:8px!important;background:#4a86d8!important;color:#fff!important;font-size:16px!important;line-height:22px;font-weight:700!important;text-align:center}
.rcf.rcf-gate .rcf-std .rcf-button:hover{background:#3f76c2!important}
.rcf.rcf-gate .rcf-std .rcf-captcha-row{margin:0}
.rcf.rcf-gate .rcf-std .cf-turnstile{width:100%}
.rcf.rcf-gate .rcf-std [data-verification-panel] .rcf-form{margin-bottom:8px}
/* ===== 0.9.54 — live password match check ===== */
.rcf .rcf-match{margin:6px 0 0;font-size:13px;font-weight:650;line-height:1.35}
.rcf .rcf-mismatch .rcf-match{color:#c62828}.rcf .rcf-matched .rcf-match{color:#1e7a3c}
.rcf .rcf-mismatch .rcf-match::before{content:"✕ "}.rcf .rcf-matched .rcf-match::before{content:"✓ "}
.rcf.rcf-gate .rcf-field.rcf-mismatch input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]),.rcf .rcf-field.rcf-mismatch input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]){border-color:#e53935!important;background:#fff5f5!important;box-shadow:0 0 0 3px #e5393526!important}
.rcf.rcf-gate .rcf-field.rcf-matched input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]),.rcf .rcf-field.rcf-matched input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]){border-color:#2e9e57!important}

/* ===== 0.9.55 — Standard felt og standard knapp on all account pages, mobile only (767 px and narrower) =====
   Log in, sign up, forgot password, new password and verify: every field and button 48 px, full width,
   2 px dark frame, 8 px corners (the same as the button in the activation email). Desktop keeps the compact 30 px. */
@media (max-width:767px){
  .rcf.rcf-gate{--rcf-ctl-h:48px}
  .rcf.rcf-gate .rcf-form{gap:14px}
  .rcf.rcf-gate .rcf-field label{font-size:14px;margin-bottom:6px!important}
  .rcf.rcf-gate .rcf-field :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]),select){box-sizing:border-box;width:100%!important;height:48px!important;min-height:48px!important;padding:0 14px!important;border:2px solid #1b1646!important;border-radius:8px!important;background:#fff;font-size:16px!important;line-height:22px!important}
  .rcf.rcf-gate .rcf-field :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]),select):focus{border-color:#4a86d8!important;box-shadow:0 0 0 3px #4a86d833!important}
  .rcf.rcf-gate .rcf-password input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]){padding-right:46px!important}
  .rcf.rcf-gate .rcf-field .rcf-phone-row{box-sizing:border-box;height:48px!important;min-height:48px!important;border:2px solid #1b1646!important;border-radius:8px!important}
  .rcf.rcf-gate .rcf-field .rcf-phone-row:focus-within{border-color:#4a86d8!important;box-shadow:0 0 0 3px #4a86d833!important}
  .rcf.rcf-gate .rcf-field .rcf-phone-row input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]){height:100%!important;min-height:0!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0 12px 0 6px!important}
  .rcf.rcf-gate .rcf-phone-choice{border-right:2px solid #1b1646!important}
  .rcf.rcf-gate .rcf-button,.rcf.rcf-gate .rcf-button:hover,.rcf.rcf-gate .rcf-button:active{box-sizing:border-box;display:flex;align-self:stretch;justify-content:center;align-items:center;width:100%;height:48px;min-height:48px!important;padding:11px 20px!important;border:2px solid #1b1646!important;border-radius:8px!important;background:#4a86d8!important;color:#fff!important;font-size:16px!important;line-height:22px;font-weight:700!important;text-align:center}
  .rcf.rcf-gate .rcf-button:hover{background:#3f76c2!important}
  .rcf.rcf-gate .rcf-gate-tabs a{min-height:48px!important;font-size:15px}
  .rcf.rcf-gate .rcf-field.rcf-mismatch input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]){border-color:#e53935!important}
  .rcf.rcf-gate .rcf-field.rcf-matched input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]){border-color:#2e9e57!important}
}