/* RIP Tweaks website, V6 account area. Same look as the WordPress pieces it
   replaces (rt-myaccount.php, rt-device-reset.php, the Ripple bubble). */

/* ---------------------------------------------------------------- shared */
.rtv6-msg{margin:0 0 16px;padding:12px 14px;border-radius:8px;font-size:14px;line-height:1.5;font-family:'Space Grotesk','Rubik',system-ui,sans-serif;border:1px solid transparent;text-align:start}
.rtv6-msg[hidden]{display:none}
.rtv6-msg--ok{background:rgba(39,194,101,.12);border-color:rgba(39,194,101,.35);color:#7ee2a5}
.rtv6-msg--err{background:rgba(255,77,77,.1);border-color:rgba(255,77,77,.35);color:#ff6b6b}
.rtv6-msg--info{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.14);color:#cfcfd4}
.rtv6-card{max-width:480px;margin:24px auto;padding:28px;border:1px solid #222;border-radius:12px;background:#0a0a0a;color:#eee;font-family:'Space Grotesk','Rubik',system-ui,sans-serif}
.rtv6-card h3{margin:0 0 8px;color:#fff;font-size:22px}
.rtv6-center{text-align:center}
.rtv6-center p{color:#bbb;margin:0 0 16px}
.rtv6-muted{color:#aaa;font-size:14px;margin:0 0 14px}
.rtv6-lead{color:#bbb;font-size:15px;margin:0 0 18px;line-height:1.5}
.rtv6-small{color:#777;font-size:12.5px;margin:12px 0 0;line-height:1.5}
.rtv6-quote{color:#fff;font-weight:700;margin:0 0 18px}
.rtv6-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 22px;background:#0a84ff;color:#fff!important;font-weight:800;font-size:15px;border:0;border-radius:8px;cursor:pointer;text-decoration:none;font-family:'Space Grotesk','Rubik',system-ui,sans-serif;transition:background .2s,transform .2s;box-shadow:0 0 15px rgba(10,132,255,.35)}
.rtv6-btn:hover{background:#0670dc;transform:translateY(-1px)}
.rtv6-btn:disabled{opacity:.6;cursor:default;transform:none}
.rtv6-btn--ghost{background:transparent;border:1px solid rgba(255,255,255,.2);box-shadow:none}
.rtv6-btn--ghost:hover{background:rgba(255,255,255,.06)}
.rtv6-btn--wide{width:100%}
.rtv6-reset{text-align:center}
.rtv6-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}
/* ================================================================ AUTH (owner: auth pages)
   Log in, register, my-account signed out, lost password, the 2-step code, the 3 email-link pages.
   The 2026-10 card (V6/brand/work/concepts/web-login + web-register). Everything is scoped to
   .rtv6-auth (the page wrapper); the old rt-wrapper-universal / tab CSS blocks are no longer loaded. */
.rtv6-auth{--a:#0A84FF;--aH:#3395ff;--aP:#0670dc;--dng:#ff4d4d;--ln:rgba(255,255,255,.12);--dim:rgba(255,255,255,.46);position:relative;padding:48px 16px 96px;color:#fff;text-align:start;interpolate-size:allow-keywords}
.rtv6-auth:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(640px 440px at 50% 45%,rgba(10,132,255,.13),transparent 70%)}
.rtv6-auth-card{position:relative;z-index:1;box-sizing:border-box;width:100%;max-width:460px;margin:0 auto;padding:36px;background:#0b0b0d;border:1px solid rgba(255,255,255,.065);border-radius:14px;box-shadow:0 40px 100px -30px rgba(10,132,255,.35)}
.rtv6-auth-card *{box-sizing:border-box}
.rtv6-auth .rt-wrapper-universal{margin:0;padding:0}
.rtv6-auth .rt-outside-title,.rtv6-auth .rt-tab-header{margin:0;text-align:start}
.rtv6-auth .rt-outside-title h2,.rtv6-auth .rt-tab-header h2{margin:0;padding:0;color:#fff;font-size:28px;font-weight:700;line-height:1.15;letter-spacing:-.02em;text-transform:none;text-align:start}
.rtv6-auth .rt-outside-title p,.rtv6-auth .rt-tab-header p{margin:8px 0 0;color:var(--dim);font-size:15px;line-height:1.5;text-align:start}
[dir=rtl] .rtv6-auth h2{letter-spacing:0}
/* my-account: Log In | Register switch */
.rtv6-auth .rt-auth-tabs{display:flex;gap:2px;margin:24px 0 0;padding:3px;border:1px solid rgba(255,255,255,.065);border-radius:11px;background:rgba(255,255,255,.035)}
.rtv6-auth .rt-tab{flex:1;height:34px;margin:0;padding:0 12px;border:0;border-radius:8px;background:none;color:rgba(255,255,255,.55);font-size:13.5px;font-weight:600;line-height:1;text-transform:none;cursor:pointer;transition:background .15s,color .15s,box-shadow .15s}
.rtv6-auth .rt-tab:hover{background:rgba(255,255,255,.04);color:#fff}
.rtv6-auth .rt-tab.active{background:var(--a);color:#fff;box-shadow:0 4px 14px -4px rgba(10,132,255,.8)}
.rtv6-auth .rt-form-area{display:none}
.rtv6-auth .rt-form-area.active{display:block;animation:rtv6AuthIn .3s ease}
.rtv6-auth .rt-form-area .rt-outside-title{display:none}
@keyframes rtv6AuthIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
/* Google first (Google's own button sits invisibly on top of ours) */
.rtv6-auth .rt-google-wrapper{position:relative;width:100%;height:48px;margin:26px 0 0;overflow:hidden;border-radius:12px}
.rtv6-auth .rt-google-signin-container{position:absolute;top:0;left:0;z-index:20;opacity:.0001;width:100%!important;height:100%!important;transform-origin:top left;transform:scale(3,2)}
.rtv6-auth .rt-custom-google-btn{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:100%;margin:0;padding:0 16px;border:0;border-radius:12px;background:#fff;color:#111;font-size:15.5px;font-weight:600;letter-spacing:0;text-transform:none;pointer-events:none;transition:background .15s}
.rtv6-auth .rt-custom-google-btn span{color:#111}
.rtv6-auth .rt-google-wrapper:hover .rt-custom-google-btn{background:#e9e9ee}
.rtv6-auth .rt-google-icon{flex:none;width:18px;height:18px}
.rtv6-auth .rtv6-google-off .rt-custom-google-btn{pointer-events:auto;cursor:not-allowed;opacity:.55}
.rtv6-auth .rt-separator{display:flex;align-items:center;gap:12px;margin:22px 0 4px;color:rgba(255,255,255,.32);font-size:12px;font-weight:400;letter-spacing:0;text-transform:none}
.rtv6-auth .rt-separator:before,.rtv6-auth .rt-separator:after{content:"";flex:1;height:1px;border:0;background:var(--ln)}
.rtv6-auth .rt-separator span{padding:0;color:rgba(255,255,255,.32)}
/* fields */
.rtv6-auth .rt-input-group{position:relative;margin:16px 0 0}
.rtv6-auth .rtv6-lbl{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 7px}
.rtv6-auth .rt-input-group label{display:block;margin:0 0 7px;padding:0;color:rgba(255,255,255,.75);font-size:13px;font-weight:600;letter-spacing:0;text-transform:none}
.rtv6-auth .rtv6-lbl label{margin:0}
.rtv6-auth .rt-forgot-link{margin:0;font-size:13px;text-align:end}
.rtv6-auth .rt-forgot-link a{color:var(--a);font-weight:600;text-decoration:none}
.rtv6-auth .rt-forgot-link a:hover{color:var(--aH);text-decoration:underline}
.rtv6-auth .rtv6-field{position:relative}
.rtv6-fi{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.rtv6-auth .rtv6-field>.rtv6-fi{position:absolute;top:50%;inset-inline-start:14px;width:16px;height:16px;margin-top:-8px;color:rgba(255,255,255,.38);pointer-events:none;transition:color .15s}
.rtv6-auth .rtv6-field:focus-within>.rtv6-fi{color:rgba(255,255,255,.75)}
:root .rtv6-auth .rt-input-group input{display:block;width:100%;height:46px;margin:0;padding:0 14px;border:1px solid var(--ln);border-radius:11px;background:#0b0b0d;color:#fff;font-size:14.5px;line-height:normal;outline:none;box-shadow:none;transition:border-color .15s,box-shadow .15s}
:root .rtv6-auth .rtv6-field>.rtv6-fi+input{padding-inline-start:40px}
:root .rtv6-auth .rtv6-field input:not(:last-child){padding-inline-end:46px}
:root .rtv6-auth .rt-input-group input::placeholder{color:rgba(255,255,255,.38);opacity:1}
:root .rtv6-auth .rt-input-group input:hover{border-color:rgba(255,255,255,.2)}
:root .rtv6-auth .rt-input-group input:focus{border-color:rgba(10,132,255,.6);background:#0b0b0d;color:#fff;box-shadow:0 0 0 3px rgba(10,132,255,.15)}
:root .rtv6-auth .rt-input-group input[aria-invalid=true]{border-color:rgba(255,77,77,.6)}
:root .rtv6-auth .rt-input-group input[aria-invalid=true]:focus{box-shadow:0 0 0 3px rgba(255,77,77,.14)}
/* Browser autofill (Chrome/Brave/Edge) paints filled fields light blue and our white text vanishes:
   paint the dark field back over it with an inset shadow, on every form of the site. */
input:-webkit-autofill,input:-webkit-autofill:hover,textarea:-webkit-autofill,select:-webkit-autofill,input:autofill{-webkit-text-fill-color:#fff!important;caret-color:#fff;-webkit-box-shadow:0 0 0 1000px #0b0b0d inset!important;box-shadow:0 0 0 1000px #0b0b0d inset!important;transition:background-color 600000s 0s,color 600000s 0s}
input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px #0b0b0d inset,0 0 0 3px rgba(10,132,255,.15)!important;box-shadow:0 0 0 1000px #0b0b0d inset,0 0 0 3px rgba(10,132,255,.15)!important}
:root .rtv6-auth .rtv6-mfa .rt-input-group input{direction:ltr;font-family:'IBM Plex Mono',ui-monospace,Consolas,monospace!important;font-size:20px;font-weight:500;letter-spacing:4px;text-align:center}
.rtv6-auth .rtv6-eye{position:absolute;top:50%;inset-inline-end:6px;display:grid;place-items:center;width:34px;height:34px;margin:-17px 0 0;padding:0;border:0;border-radius:8px;background:none;color:rgba(255,255,255,.45);cursor:pointer;transition:color .15s,background .15s}
.rtv6-auth .rtv6-eye:hover,.rtv6-auth .rtv6-eye:focus-visible{background:rgba(255,255,255,.06);color:#fff}
.rtv6-auth .rtv6-eye .rtv6-fi{width:17px;height:17px}
.rtv6-auth .rtv6-eye[aria-pressed=false] .rtv6-eye-on,.rtv6-auth .rtv6-eye[aria-pressed=true] .rtv6-eye-off{display:none}
/* the primary button (+ its loading state; RT.busy disables it, so no double submit) */
.rtv6-auth #rt-submit-btn,.rtv6-auth #rt-signup-btn,.rtv6-auth .rt-btn,.rtv6-auth .rtv6-btn{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;height:48px;margin:24px 0 0;padding:0 24px;border:0;border-radius:12px;background:var(--a);color:#fff;font-size:15.5px;font-weight:600;letter-spacing:0;text-transform:none;text-decoration:none;cursor:pointer;box-shadow:0 6px 22px -6px rgba(10,132,255,.75),inset 0 1px 0 rgba(255,255,255,.18);transition:background .15s,box-shadow .15s,transform .15s}
.rtv6-auth #rt-submit-btn:hover:not(:disabled),.rtv6-auth #rt-signup-btn:hover:not(:disabled),.rtv6-auth .rt-btn:hover:not(:disabled),.rtv6-auth .rtv6-btn:hover:not(:disabled){background:var(--aH);color:#fff;box-shadow:0 8px 30px -4px rgba(10,132,255,.95),inset 0 1px 0 rgba(255,255,255,.2);transform:none}
.rtv6-auth #rt-submit-btn:active:not(:disabled),.rtv6-auth #rt-signup-btn:active:not(:disabled),.rtv6-auth .rt-btn:active:not(:disabled),.rtv6-auth .rtv6-btn:active:not(:disabled){background:var(--aP);transform:translateY(1px)}
.rtv6-auth #rt-submit-btn:disabled,.rtv6-auth #rt-signup-btn:disabled,.rtv6-auth .rt-btn:disabled,.rtv6-auth .rtv6-btn:disabled{background:var(--a);opacity:.7;cursor:default;box-shadow:none;transform:none}
.rtv6-auth button[aria-busy=true]:disabled{opacity:.85}
.rtv6-auth button[aria-busy=true]:before{content:"";flex:none;width:15px;height:15px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:rtv6Spin .7s linear infinite}
@keyframes rtv6Spin{to{transform:rotate(360deg)}}
.rtv6-auth .rtv6-btn--ghost,.rtv6-auth .rtv6-btn--ghost:hover:not(:disabled){background:rgba(255,255,255,.015);border:1px solid rgba(255,255,255,.14);box-shadow:none}
.rtv6-auth .rtv6-btn--ghost:hover:not(:disabled){background:rgba(255,255,255,.05)}
/* messages: one line under the button, grows open (no jump) */
.rtv6-auth .rtv6-msg{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4M12 8h.01'/%3E%3C/svg%3E");display:flex;align-items:flex-start;gap:8px;margin:12px 0 0;padding:0;border:0;border-radius:0;background:none;color:rgba(255,255,255,.62);font-size:13.5px;line-height:1.45;text-align:start;overflow:hidden;transition:height .25s ease,opacity .25s ease,margin-top .25s ease}
.rtv6-auth .rtv6-msg[hidden]{display:none}
@starting-style{.rtv6-auth .rtv6-msg{height:0;margin-top:0;opacity:0}}
.rtv6-auth .rtv6-msg:before{content:"";flex:none;width:15px;height:15px;margin-top:1.5px;background:currentColor;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
.rtv6-auth .rtv6-msg--err{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 8v4M12 16h.01'/%3E%3C/svg%3E");color:var(--dng)}
.rtv6-auth .rtv6-msg--ok{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m8 12 3 3 5-6'/%3E%3C/svg%3E");color:#4ADE80}
.rtv6-auth form:has(button[aria-busy=true])>.rtv6-msg{opacity:.4}
.rtv6-auth>.rtv6-msg{position:relative;z-index:1;max-width:460px;margin:0 auto 14px}
.rtv6-auth .rtv6-switch{margin:18px 0 0;color:var(--dim);font-size:14.5px;line-height:1.5;text-align:center}
.rtv6-auth .rtv6-switch a{color:var(--a);font-weight:600;text-decoration:none}
.rtv6-auth .rtv6-switch a:hover{color:var(--aH);text-decoration:underline}
.rtv6-auth .rt-link{display:block;margin:18px 0 0;color:var(--dim);font-size:14px;font-weight:500;text-align:center;text-decoration:none}
.rtv6-auth .rt-link:hover{color:#fff}
.rtv6-auth .rtv6-lead{margin:24px 0 0;color:var(--dim);font-size:15px;line-height:1.5}
.rtv6-auth .rtv6-small{margin:12px 0 0;color:rgba(255,255,255,.4);font-size:13px;line-height:1.5}
/* "already logged in", "check your inbox", the email-link results */
.rtv6-auth .rtv6-card{max-width:none;margin:24px 0 0;padding:0;border:0;border-radius:0;background:none;text-align:center}
.rtv6-auth .rtv6-card h3{margin:0 0 8px;color:#fff;font-size:20px;font-weight:700}
.rtv6-auth .rtv6-card p{margin:0;color:var(--dim);font-size:15px;line-height:1.55}
.rtv6-auth .rtv6-account-page{margin:22px 0 0}
.rtv6-auth .rtv6-account-page>.rtv6-msg:first-child{margin-top:0}
@media(max-width:560px){.rtv6-auth{padding:24px 16px 64px}.rtv6-auth-card{padding:26px 20px}.rtv6-auth .rt-outside-title h2,.rtv6-auth .rt-tab-header h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){.rtv6-auth .rtv6-msg,.rtv6-auth .rt-tab{transition:none}.rtv6-auth .rt-form-area.active{animation:none}}
/* ============================================================ end AUTH */

/* signed-in pill in the header (never present for signed-out visitors) */

/* ------------------------------------------------------ My Account (SPA) */
/* The 2026-10 look (V6/brand/work/concepts/web-account*.png): one card level, hairline borders,
   one blue, violet only for Premium. Every [data-slot] waits for GET /v2/web/account and has the
   same height as its skeleton (fixed plan card, tile min-heights per width below), so nothing
   on the page moves when the data arrives. */
.rtma{--a:#0A84FF;--aH:#3395ff;--aP:#0670dc;--card:#0b0b0d;--ln:rgba(255,255,255,.065);--dim:rgba(255,255,255,.46);--faint:rgba(255,255,255,.32);--vioG:#A78BFA;--rtEase:cubic-bezier(.16,1,.3,1)}
.rtma,.rtma *{box-sizing:border-box;font-family:'Space Grotesk','Rubik',system-ui,sans-serif}
.rtma{display:grid;grid-template-columns:260px minmax(0,1fr);gap:28px;align-items:start;max-width:1232px;margin:0 auto;padding:44px 16px 120px;min-height:calc(100vh - 150px);color:#fff;text-align:start;-webkit-font-smoothing:antialiased}
.rtma .rtma-mono{font-family:'IBM Plex Mono','Space Grotesk','Rubik',ui-monospace,Consolas,monospace;font-weight:500}
.rtma-aside{position:sticky;top:28px;min-width:0}
.rtma-side{display:flex;flex-direction:column;padding:8px;background:var(--card);border:1px solid var(--ln);border-radius:14px}
.rtma .rtma-nav{display:flex;align-items:center;gap:12px;width:100%;height:46px;margin:0;padding:0 14px;border:0;border-radius:10px;background:transparent;color:rgba(255,255,255,.62);font-size:15px;font-weight:600;line-height:1.2;letter-spacing:0;text-transform:none;text-align:start;white-space:nowrap;cursor:pointer;transition:background .15s,color .15s}
.rtma .rtma-nav:hover{background:rgba(255,255,255,.04);color:#fff}
.rtma .rtma-nav.is-active{background:rgba(10,132,255,.1);color:#fff;box-shadow:inset 3px 0 0 var(--a)}
[dir=rtl] .rtma .rtma-nav.is-active{box-shadow:inset -3px 0 0 var(--a)}
.rtma .rtma-nav:focus-visible,.rtma .rtma-btn:focus-visible{outline:2px solid rgba(10,132,255,.6);outline-offset:2px}
.rtma-nav-ic{display:flex;flex:none}
.rtma-nav-ic svg{width:17px;height:17px}
.rtma-nav.is-active .rtma-nav-ic{color:var(--a)}
.rtma-side-sep{height:1px;margin:8px 10px;background:var(--ln)}
.rtma .rtma-logout,.rtma .rtma-logout:hover{color:#ff6b6b}
.rtma .rtma-logout:hover{background:rgba(255,77,77,.08)}
.rtma-foot{margin:0;padding:14px 6px;font-size:12.5px;line-height:1.4;color:var(--faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rtma-foot strong{color:#fff;font-weight:400}
.rtma-main{min-width:0}
.rtma-panel{display:flex;flex-direction:column;gap:20px}
.rtma-panel[hidden]{display:none}
.rtma-head{margin-bottom:8px}
.rtma .rtma-h1{margin:0;font-size:36px;font-weight:700;line-height:1.15;letter-spacing:-.02em;color:#fff}
.rtma-name{color:var(--a)}
.rtma .rtma-sub{margin:6px 0 0;font-size:16px;line-height:1.5;color:var(--dim)}
.rtma-slot{display:flex;flex-direction:column;gap:20px}
.rtma-notices:empty,.rtma-slot:empty{display:none}
.rtma .rtv6-msg{margin:0;border-radius:11px;font-family:inherit}
.rtma .rtma-card{margin:0;padding:24px;background:var(--card);border:1px solid var(--ln);border-radius:14px;color:#fff}
.rtma-ico{display:flex;flex:none;color:var(--a)}
.rtma-ico svg{width:21px;height:21px}
.rtma-ico--blu{color:#5865F2}
.rtma-ico--prem{color:var(--vioG)}
.rtma-ico--warn{color:#FFB547}
/* chips */
.rtma .rtma-chip{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:6px;font-size:11.5px;font-weight:600;line-height:1;white-space:nowrap}
.rtma .rtma-chip.rtma-mono{font-size:12px}
.rtma-chip--p{background:rgba(139,92,246,.14);color:#C4B5FD}
.rtma-chip--a{background:rgba(10,132,255,.12);color:#5AB0FF}
.rtma-chip--g{background:rgba(34,197,94,.1);color:#4ADE80}
.rtma-chip--n{background:rgba(255,255,255,.06);color:rgba(255,255,255,.7)}
/* buttons (the class names stay: --red is the primary, blue now) */
.rtma .rtma-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;align-self:flex-start;height:40px;margin:0;padding:0 18px;border:1px solid transparent;border-radius:11px;font-size:14px;font-weight:600;line-height:1;letter-spacing:0;text-transform:none;white-space:nowrap;text-decoration:none!important;color:#fff!important;cursor:pointer;transition:background .15s,box-shadow .15s,border-color .15s,filter .15s}
.rtma .rtma-btn--sm{height:36px;padding:0 13px;border-radius:9px;font-size:13px}
.rtma .rtma-btn--red{background:var(--a);box-shadow:0 6px 22px -6px rgba(10,132,255,.75),inset 0 1px 0 rgba(255,255,255,.18)}
.rtma .rtma-btn--red:hover:not(:disabled){background:var(--aH);box-shadow:0 8px 30px -4px rgba(10,132,255,.95),inset 0 1px 0 rgba(255,255,255,.2)}
.rtma .rtma-btn--red:active:not(:disabled){background:var(--aP)}
.rtma .rtma-btn--ghost{background:rgba(255,255,255,.015);border-color:rgba(255,255,255,.14)}
.rtma .rtma-btn--ghost:hover:not(:disabled){background:rgba(255,255,255,.05)}
.rtma .rtma-btn--blu{background:#5865F2}
.rtma .rtma-btn--blu:hover{background:#4752c4}
.rtma .rtma-btn--danger{background:rgba(255,77,77,.12);border-color:rgba(255,77,77,.35);color:#ff6b6b!important}
.rtma .rtma-btn--danger:hover:not(:disabled){background:rgba(255,77,77,.2)}
.rtma .rtma-btn--prem{background:linear-gradient(135deg,#7C3AED,#8B5CF6 55%,#A78BFA);box-shadow:0 6px 24px -6px rgba(139,92,246,.9),inset 0 1px 0 rgba(255,255,255,.22)}
.rtma .rtma-btn--prem:hover{filter:brightness(1.08)}
.rtma .rtma-btn:disabled{opacity:.55;cursor:default}
/* skeleton bars (static, no shimmer loop) */
.rtma-sk{display:block;max-width:100%;height:12px;border-radius:6px;background:linear-gradient(90deg,rgba(255,255,255,.05),rgba(255,255,255,.09),rgba(255,255,255,.05))}
.rtma-sk--t{width:160px;height:18px}
.rtma-sk--l1{width:92%;margin-top:5px}
.rtma-sk--l2{width:70%;margin-top:10px}
.rtma-sk--btn{width:150px;height:36px;border-radius:9px}
.rtma-sk--pt{width:210px;height:20px}
.rtma-sk--ps{width:260px}
.rtma-sk--pbtn{flex:none;width:140px;height:40px;border-radius:11px}
.rtma-sk--row{width:60%;height:14px}
@keyframes rtmaFade{from{opacity:0}to{opacity:1}}
.rtma-in>*{animation:rtmaFade .25s ease}
/* plan card: fixed height, skeleton or filled */
.rtma .rtma-plan{display:flex;align-items:center;gap:18px;height:100px;padding:0 26px}
.rtma .rtma-plan--prem{border-color:rgba(139,92,246,.4);background:radial-gradient(500px 160px at 0 0,rgba(139,92,246,.16),transparent),var(--card);box-shadow:0 0 40px -16px rgba(139,92,246,.6)}
[dir=rtl] .rtma .rtma-plan--prem{background:radial-gradient(500px 160px at 100% 0,rgba(139,92,246,.16),transparent),var(--card)}
.rtma-plan-ic{display:flex;flex:none;color:rgba(255,255,255,.5)}
.rtma-plan-ic svg{width:26px;height:26px}
.rtma-plan--prem .rtma-plan-ic{color:var(--vioG);filter:drop-shadow(0 0 10px rgba(167,139,250,.8))}
.rtma-plan-txt{flex:1;min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:26px auto;grid-template-areas:"t c" "s s";column-gap:10px;align-items:center}
.rtma-plan-t{grid-area:t;min-width:0;font-size:20px;font-weight:600;letter-spacing:-.01em;line-height:26px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rtma-plan-txt .rtma-chip{grid-area:c;justify-self:start}
.rtma-plan-s:empty{display:none}
.rtma-plan-s{grid-area:s;min-width:0;margin-top:6px;font-size:14px;line-height:20px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rtma .rtma-plan .rtma-btn{flex:none;align-self:center}
/* tiles: 2x2, equal, fixed minimum height */
.rtma-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.rtma-grid>.rtma-tile:last-child:nth-child(odd){grid-column:1/-1}
.rtma .rtma-tile{display:flex;flex-direction:column}
.rtma .rtma-grid>.rtma-tile{min-height:208px}
.rtma-tile-h{display:flex;align-items:center;gap:12px;min-height:24px}
.rtma .rtma-tile h3,.rtma .rtma-uname-head h3,.rtma .rtma-aff-chart h3{margin:0;font-size:18px;font-weight:600;line-height:1.3;letter-spacing:-.01em;color:#fff}
.rtma .rtma-tile p{flex:1;margin:12px 0 0;font-size:14.5px;line-height:1.55;color:var(--dim)}
.rtma-tile-f{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.rtma-tile-f:empty{display:none}
/* verify banner */
.rtma .rtma-banner{display:flex;align-items:center;gap:14px;padding:16px 20px;border-color:rgba(255,181,71,.3)}
.rtma-banner-txt{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.rtma-banner-txt strong{font-size:15px;font-weight:600;line-height:1.45}
/* orders */
.rtma .rtma-row{display:flex;align-items:center;gap:14px;padding:18px 20px}
.rtma-row-main{flex:1;min-width:0}
.rtma-row-title{font-size:16px;font-weight:600}
.rtma-row-meta{display:flex;align-items:center;gap:10px;margin-top:6px;flex-wrap:wrap}
.rtma .rtma-row .rtma-btn{align-self:center}
.rtma-muted{font-size:13px;color:var(--dim)}
.rtma .rtma-list{padding:0}
.rtma-line{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;padding:12px 20px}
.rtma-line+.rtma-line{border-top:1px solid var(--ln)}
.rtma-line-main{min-width:0}
.rtma-line-title{font-size:14.5px;font-weight:600}
.rtma-line-right{display:flex;align-items:center;gap:12px;flex:none}
.rtma-amt{font-size:14px;color:#fff}
.rtma .rtma-empty{margin:0;padding:8px;text-align:center;font-size:14.5px;color:var(--dim)}
.rtma .rtma-orders-note{margin:0;font-size:14px;color:var(--dim)}
.rtma-orders-note a,.rtma-hint a,.rtma-small{color:var(--a)!important;text-decoration:none}
.rtma-orders-note a:hover,.rtma-hint a:hover,.rtma-small:hover{text-decoration:underline}
/* account & billing forms */
.rtma-uname-head{display:flex;align-items:flex-start;gap:12px}
.rtma-uname-head .rtma-ico{margin-top:2px}
.rtma .rtma-uname-head p{margin:4px 0 0;font-size:14.5px;line-height:1.55;color:var(--dim)}
.rtma-form>form,.rtma-2fa,.rtma-sessions{margin-top:18px}
.rtma-uname-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
/* :root + input beat the theme's input[type=text]{background-color:var(--base-2)} (light boxes) */
:root input.rtma-input{display:block;width:100%;min-width:0;height:42px;margin:7px 0 0;padding:0 13px;background:#0b0b0d;border:1px solid rgba(255,255,255,.12);border-radius:11px;box-shadow:none;color:#fff;font-size:14px;outline:none;transition:border-color .15s,box-shadow .15s}
:root input.rtma-input:focus{border-color:rgba(10,132,255,.6);box-shadow:0 0 0 3px rgba(10,132,255,.15);background:#0b0b0d;color:#fff}
:root input.rtma-input:disabled{opacity:.5;cursor:not-allowed}
:root .rtma-uname-row input.rtma-input{flex:1;min-width:200px;width:auto;margin:0}
.rtma-stack{display:flex;flex-direction:column;gap:14px;max-width:460px}
.rtma-stack label{display:block;font-size:13px;font-weight:600;color:rgba(255,255,255,.75)}
.rtma .rtma-hint{margin:12px 0 0;font-size:13px;line-height:1.45;color:var(--dim)}
.rtma .rtma-hint.ok{color:#4ADE80}.rtma .rtma-hint.err{color:#ff6b6b}
.rtma-2fa>p{margin:0 0 12px;font-size:14px;line-height:1.55;color:var(--dim)}
.rtma-steps{margin:0 0 16px;padding-inline-start:20px;color:rgba(255,255,255,.7);line-height:1.6;font-size:14.5px}
.rtma-steps li{margin-bottom:10px}
.rtma .rtma-key{display:inline-block;margin:8px 0;padding:10px 14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.12);border-radius:11px;font-family:'IBM Plex Mono',ui-monospace,Consolas,monospace;font-size:18px;letter-spacing:2px;color:#fff;direction:ltr}
.rtma-small{display:block;font-size:13px}
.rtma-codes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-width:420px;margin:12px 0 18px;padding:0;list-style:none;direction:ltr}
.rtma .rtma-codes li{padding:8px 10px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:9px;text-align:center;font-family:'IBM Plex Mono',ui-monospace,Consolas,monospace;font-size:14px}
.rtma-sess{margin:0 0 16px;padding:0;list-style:none}
.rtma-sess li{display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-height:52px;padding:10px 0;border-top:1px solid var(--ln);font-size:14px}
.rtma-sess li:last-child{border-bottom:1px solid var(--ln)}
.rtma-sess-sk{display:flex;align-items:center;min-height:52px;margin-bottom:16px;border-top:1px solid var(--ln);border-bottom:1px solid var(--ln)}
/* affiliate (only for invited affiliates): stat tiles, the link row, the 30-day chart */
.rtma-stats{display:grid;gap:20px}
.rtma-stats--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.rtma-stats--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.rtma-stat{display:flex;flex-direction:column;gap:6px;min-width:0;padding:18px 20px;background:var(--card);border:1px solid var(--ln);border-radius:14px}
.rtma-stat-l{font-size:13px;line-height:1.35;color:var(--dim)}
.rtma .rtma-stat-v{font-size:24px;line-height:1.2;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rtma .rtma-stat-v--a{color:var(--a)}
.rtma-aff-chart .rtma-stats{gap:12px;margin-top:14px}
.rtma-aff-chart .rtma-stat{padding:0;background:none;border:0;border-radius:0}
.rtma-aff-chart .rtma-stat-v{font-size:18px}
.rtma-chart{display:block;width:100%;height:150px;margin-top:18px;direction:ltr}
.rtma-chart line{stroke:rgba(255,255,255,.12);stroke-width:1;vector-effect:non-scaling-stroke}
.rtma-chart rect.on{fill:var(--a)}
.rtma-chart rect.off{fill:rgba(255,255,255,.08)}
.rtma-chart rect.on:hover{fill:var(--aH)}
.rtma-chart-x{display:flex;justify-content:space-between;margin-top:8px;font-size:12px;color:var(--faint);direction:ltr}
.rtma .rtma-aff-chart>p{margin:12px 0 0}
.rtma-aff-link{margin-top:18px}
.rtma-ref{white-space:nowrap;color:rgba(255,255,255,.75)}
:root .rtma-aff-link input.rtma-input{direction:ltr;text-align:left;font-family:'IBM Plex Mono',ui-monospace,Consolas,monospace}
.rtma .rtma-uname-head p+p{margin-top:8px}
.rtma-uname-head h3 .rtma-chip{margin-inline-start:6px;vertical-align:2px}
@media(max-width:819px){.rtma-stats--4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:639px){.rtma-stats{gap:12px}.rtma-stat{padding:14px}.rtma .rtma-stat-v{font-size:20px}.rtma-stats--3 .rtma-stat-l{font-size:12px}}
/* billing notice (past due / locked) + invoices (loaded when the tab opens, last in the panel) */
.rtma .rtma-banner--err{border-color:rgba(255,77,77,.35)}
.rtma-banner--err .rtma-ico--warn{color:#ff6b6b}
.rtma .rtma-banner-sub{margin:4px 0 0;font-size:14px;line-height:1.5;color:var(--dim)}
.rtma-chip--w{background:rgba(255,181,71,.12);color:#FFB547}
.rtma-inv-list{margin:0;padding:0;list-style:none}
.rtma-inv-list li{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;min-height:64px;padding:12px 0;border-top:1px solid var(--ln)}
.rtma-inv-list li:last-child{border-bottom:1px solid var(--ln)}
.rtma-inv .rtma-sess-sk{min-height:64px;margin:0}
.rtma-inv .rtma-line-right .rtma-small{display:inline}
@keyframes rtmaRise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.rtma-run{animation:rtmaRise .35s var(--rtEase)}
@media(prefers-reduced-motion:reduce){.rtma-run,.rtma-in>*{animation:none}}
/* stacked: the nav becomes a card above the page (2 columns of tabs, log out below) */
@media(max-width:1099px){.rtma{grid-template-columns:minmax(0,1fr);gap:16px;padding:28px 16px 80px}.rtma-aside{position:static}.rtma-side{flex-direction:row;flex-wrap:wrap;gap:2px}.rtma .rtma-nav{width:auto}.rtma-side-sep{display:none}.rtma .rtma-logout{margin-inline-start:auto}.rtma-foot{padding:4px 6px 0}}
@media(max-width:819px){.rtma-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:639px){.rtma-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.rtma .rtma-nav{width:100%}.rtma .rtma-logout{grid-column:1/-1;margin:0}.rtma .rtma-h1{font-size:28px}.rtma .rtma-sub{font-size:15px}.rtma .rtma-card{padding:20px}.rtma .rtma-nav{min-width:0;padding:0 12px;font-size:14px;white-space:normal}
  .rtma .rtma-plan{flex-wrap:wrap;align-content:center;row-gap:16px;height:152px;padding:0 20px}.rtma .rtma-plan .rtma-btn,.rtma-plan .rtma-sk--pbtn{flex-basis:100%;width:100%}
  .rtma-plan-txt{grid-template-areas:"t t" "c s";grid-template-rows:24px 28px}.rtma-plan-s,.rtma-plan-s:empty{display:block;margin-top:6px}.rtma-plan-txt .rtma-chip{margin-top:6px}.rtma-plan-t{font-size:18px;line-height:24px}
  .rtma .rtma-grid>.rtma-tile{min-height:220px}.rtma .rtma-row{flex-wrap:wrap}.rtma-line{flex-wrap:wrap}}
/* tile min-heights 208 / 220 / 240 are measured: the longest text of all 8 languages fits at every width, so a skeleton tile and a filled one are the same height. Longer copy = measure again. */
@media(max-width:359px){.rtma .rtma-grid>.rtma-tile{min-height:240px}}

/* device reset (/reset-device/): the same card and button */
.rtv6-reset.rtv6-card{max-width:520px;margin:48px auto;padding:28px;background:#0b0b0d;border:1px solid rgba(255,255,255,.065);border-radius:14px;font-family:'Space Grotesk','Rubik',system-ui,sans-serif}
.rtv6-reset.rtv6-card h3{font-family:inherit;font-size:22px;font-weight:700;letter-spacing:-.01em}
.rtv6-reset .rtv6-muted{color:rgba(255,255,255,.46);font-size:14.5px;line-height:1.55}
.rtv6-reset .rtv6-btn,.rtv6-reset .rtv6-btn:focus{height:40px;padding:0 18px;border-radius:11px;font-family:inherit;font-size:14px;font-weight:600;background:#0A84FF;box-shadow:0 6px 22px -6px rgba(10,132,255,.75),inset 0 1px 0 rgba(255,255,255,.18);transform:none}
.rtv6-reset .rtv6-btn:hover:not(:disabled){background:#3395ff;box-shadow:0 8px 30px -4px rgba(10,132,255,.95),inset 0 1px 0 rgba(255,255,255,.2);transform:none}
.rtv6-reset .rtv6-btn:active:not(:disabled){background:#0670dc}

/* ------------------------------------------------------- support bubble */
#rt-ripple-root{--r:#0a84ff;--grad:linear-gradient(135deg,#0a84ff,#04529e);--gradH:linear-gradient(135deg,#3395ff,#0670dc);--bd:rgba(255,255,255,.1);--rbd:rgba(10,132,255,.55);--grey:#9a9aa3;--card:#111116;--card2:#17171e}
#rt-ripple-root.rtv6-rp-aim{--r:#2f80ff;--grad:linear-gradient(135deg,#2f80ff,#1a4fb0);--gradH:linear-gradient(135deg,#4a93ff,#1a66e0);--rbd:rgba(47,128,255,.55)}
#rt-ripple-root,#rt-ripple-root *{font-family:'Space Grotesk','Rubik',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;box-sizing:border-box}
#rtv6-rp-btn{position:fixed;right:24px;bottom:24px;width:64px;height:64px;border-radius:50%;background:var(--grad);border:1px solid rgba(10,132,255,.9);cursor:pointer;z-index:2147483000;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(10,132,255,.42),0 4px 14px rgba(0,0,0,.5);transition:transform .3s cubic-bezier(.34,1.4,.64,1)}
#rtv6-rp-btn:hover{transform:translateY(-3px) scale(1.06)}
#rtv6-rp-btn svg{width:28px;height:28px;stroke:#fff;pointer-events:none}
#rtv6-rp{position:fixed;right:24px;bottom:100px;width:404px;max-width:calc(100vw - 32px);height:600px;max-height:calc(100vh - 130px);background:#0a0a0a;border:1px solid var(--bd);border-radius:24px;z-index:2147483000;display:flex;flex-direction:column;overflow:hidden;color:#fff;box-shadow:0 32px 90px rgba(0,0,0,.7);animation:rtv6RpIn .3s cubic-bezier(.25,1,.5,1)}
#rtv6-rp[hidden]{display:none}
@keyframes rtv6RpIn{from{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:none}}
.rtv6-rp-hd{display:flex;align-items:center;gap:10px;padding:16px 16px 14px;border-bottom:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,rgba(5,15,26,.55),transparent)}
.rtv6-rp-id{display:flex;align-items:center;gap:11px;flex:1;min-width:0}
.rtv6-rp-av{width:34px;height:34px;flex:none;border-radius:50%;background:var(--r);display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff}
.rtv6-rp-t{font-size:17px;font-weight:700;line-height:1.1}
.rtv6-rp-s{font-size:12px;color:var(--grey);margin-top:2px}
.rtv6-rp-ic{width:38px;height:38px;flex:none;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}
.rtv6-rp-ic:hover{background:rgba(10,132,255,.28);border-color:var(--rbd)}
.rtv6-rp-ic svg{width:18px;height:18px}
.rtv6-rp-body{flex:1;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:12px}
.rtv6-rp-note{font-size:13px;color:var(--grey);line-height:1.5}
.rtv6-rp-note b{color:#fff}
.rtv6-rp-lb{font-size:12.5px;font-weight:600;color:#d6d6dc;margin-top:2px}
/* #rt-ripple-root in front: the theme's input[type=email] rule (white box) otherwise wins over a single class */
#rt-ripple-root .rtv6-rp-inp,#rt-ripple-root .rtv6-rp-ta{width:100%;background:#1c1c1e;border:1px solid rgba(255,255,255,.1);border-radius:14px;color:#f2f2f7;font-size:15px;padding:12px 14px;outline:none;box-shadow:none}
#rt-ripple-root .rtv6-rp-inp:focus,#rt-ripple-root .rtv6-rp-ta:focus{background:#1c1c1e;color:#f2f2f7;border-color:var(--rbd)}
#rt-ripple-root .rtv6-rp-inp::placeholder,#rt-ripple-root .rtv6-rp-ta::placeholder{color:#76767f;opacity:1}
.rtv6-rp-ta{min-height:110px;resize:vertical;line-height:1.5}
.rtv6-rp-err{color:#ff6b6b;font-size:13px;min-height:1px}
.rtv6-rp-link{align-self:flex-start;background:none;border:0;color:var(--grey);font-size:13px;font-weight:600;cursor:pointer;padding:2px 0;text-decoration:underline;text-underline-offset:3px}
.rtv6-rp-link:hover{color:#fff}
.rtv6-rp-foot{padding:12px 14px 14px;border-top:1px solid rgba(255,255,255,.07);background:rgba(0,0,0,.25)}
.rtv6-rp-cta{display:inline-flex;align-items:center;justify-content:center;gap:9px;width:100%;padding:14px 18px;border-radius:13px;background:var(--grad);border:1px solid rgba(10,132,255,.9);color:#fff;font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 8px 22px rgba(10,132,255,.32)}
.rtv6-rp-cta:hover{background:var(--gradH)}
.rtv6-rp-cta:disabled{opacity:.6;cursor:default}
.rtv6-rp-cta svg{width:18px;height:18px}
.rtv6-rp-ok{background:linear-gradient(160deg,rgba(10,132,255,.1),var(--card2));border:1px solid var(--rbd);border-radius:15px;padding:16px;display:flex;flex-direction:column;gap:6px}
.rtv6-rp-ok-t{font-size:15px;font-weight:700}
.rtv6-rp-ok-d{font-size:13px;color:var(--grey);line-height:1.5}
.rtv6-rp-ok-ref{font-size:19px;font-weight:800;color:var(--r);letter-spacing:.02em}
.rtv6-rp-chip{align-self:flex-start;padding:8px 14px;background:var(--card2);border:1px solid var(--rbd);border-radius:11px;font-size:14px;font-weight:700}
.rtv6-rp-step{font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--grey)}
.rtv6-rp-att{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;padding:9px 13px;border-radius:11px;border:1px dashed rgba(255,255,255,.24);color:var(--grey);font-size:12.5px;font-weight:600;cursor:pointer}
.rtv6-rp-att:hover{border-color:var(--rbd);color:#fff}
.rtv6-rp-att svg{width:15px;height:15px}
.rtv6-rp-files{display:flex;flex-wrap:wrap;gap:6px}
.rtv6-rp-file{display:inline-flex;align-items:center;gap:4px;font-size:12px;background:var(--card2);border:1px solid var(--bd);border-radius:8px;padding:4px 4px 4px 8px;max-width:100%}
.rtv6-rp-file button{background:none;border:0;color:#fff;cursor:pointer;padding:2px;display:flex}
.rtv6-rp-file svg{width:12px;height:12px}
@media(max-width:480px){#rtv6-rp{right:0;left:0;bottom:0;top:0;width:100%;max-width:100%;height:100vh;height:100dvh;max-height:100dvh;border-radius:0}#rtv6-rp-btn{right:16px;bottom:16px;width:60px;height:60px}}
[dir=rtl] #rtv6-rp-btn,[dir=rtl] #rtv6-rp{right:auto;left:24px}
@media(max-width:480px){[dir=rtl] #rtv6-rp{left:0;right:0}[dir=rtl] #rtv6-rp-btn{left:16px}}

/* ------------------------------------------------ /affiliates/ (public page + application form) */
/* tools/add-affiliates-page.mjs writes the page: hero (copy + the three numbers), how it works (a
   timeline), what you get, made for creators, FAQ (the site's <details> look from rt-theme.css, a
   bit roomier), a closing call to action, and the form in <dialog id="apply">. account.js opens it
   as a modal (.is-modal); without JS the #apply links show it as a plain section (:target). */
.rtv6-aff{--a:#0A84FF;--aH:#3395ff;--ice:#5AB0FF;--ln:rgba(255,255,255,.08);--ln2:rgba(255,255,255,.14);--card:#0b0b0d;--dim:rgba(255,255,255,.55);--soft:rgba(255,255,255,.74);--ease:cubic-bezier(.16,1,.3,1);
  max-width:1240px;margin:0 auto;padding:28px 20px 120px;color:#fff;text-align:start;font-family:'Space Grotesk','Rubik',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.rtv6-aff *{box-sizing:border-box}
.rtv6-aff [hidden]{display:none!important}
.rtv6-aff svg{display:block;flex:none}
.rtv6-aff-pts,.rtv6-aff-stats,.rtv6-aff-steps,.rtv6-aff-grid,.rtv6-aff-chips{margin:0;padding:0;list-style:none}
[dir=rtl] .entry-content .rtv6-aff :is(ul,ol){padding-right:0}
.rtv6-aff :is(a,button,summary):focus-visible{outline:2px solid var(--ice);outline-offset:3px}
.rtv6-aff-ic{display:inline-grid;place-items:center;width:46px;height:46px;flex:none;border:1px solid rgba(10,132,255,.3);border-radius:13px;background:rgba(10,132,255,.1);color:var(--ice);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.rtv6-aff-ic svg{width:22px;height:22px}
.rtv6-aff .rtv6-aff-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;margin:0;padding:0 26px;border:1px solid var(--a);border-radius:13px;background:var(--a);color:#fff!important;
  font:700 16px/1 'Space Grotesk','Rubik',system-ui,sans-serif;letter-spacing:0;text-decoration:none!important;white-space:nowrap;cursor:pointer;
  box-shadow:0 10px 30px -10px rgba(10,132,255,.9),inset 0 1px 0 rgba(255,255,255,.22);transition:background .16s ease,border-color .16s ease,box-shadow .2s ease,transform .2s var(--ease)}
.rtv6-aff .rtv6-aff-btn:hover{background:var(--aH);border-color:var(--aH);transform:translateY(-2px);box-shadow:0 16px 36px -10px rgba(10,132,255,1),inset 0 1px 0 rgba(255,255,255,.22)}
.rtv6-aff .rtv6-aff-btn--ghost{background:rgba(255,255,255,.04);border-color:var(--ln2);box-shadow:none}
.rtv6-aff .rtv6-aff-btn--ghost:hover{background:rgba(10,132,255,.1);border-color:var(--a);box-shadow:none}
.rtv6-aff-btn svg{width:18px;height:18px;transition:transform .2s var(--ease)}
.rtv6-aff-btn:hover svg{transform:translateX(3px)}
[dir=rtl] .rtv6-aff-btn svg{transform:scaleX(-1)}
[dir=rtl] .rtv6-aff-btn:hover svg{transform:scaleX(-1) translateX(3px)}
/* hero: copy and buttons, the three numbers beside it */
.rtv6-aff-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center;margin:0 0 136px}
.rtv6-aff-hero::before{content:"";position:absolute;inset:-64px -20px -48px;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:48px 48px;
  -webkit-mask:radial-gradient(ellipse 56% 74% at 76% 46%,#000,transparent 72%);mask:radial-gradient(ellipse 56% 74% at 76% 46%,#000,transparent 72%)}
[dir=rtl] .rtv6-aff-hero::before{-webkit-mask:radial-gradient(ellipse 56% 74% at 24% 46%,#000,transparent 72%);mask:radial-gradient(ellipse 56% 74% at 24% 46%,#000,transparent 72%)}
.rtv6-aff-hero .rt-sc-h1{margin:0 0 20px;text-wrap:balance}
.rtv6-aff-hero .rt-sc-lead{max-width:540px;margin:0}
.rtv6-aff-btns{display:flex;flex-wrap:wrap;gap:12px;margin:34px 0 0}
.rtv6-aff-pts{display:flex;flex-direction:column;gap:12px;margin-top:30px}
.rtv6-aff-pts li{display:flex;align-items:center;gap:9px;margin:0;color:var(--soft);font-size:14.5px;line-height:1.3}
.rtv6-aff-pts svg{width:20px;height:20px;padding:4px;border-radius:50%;background:rgba(10,132,255,.16);color:var(--ice);stroke-width:3}
.rtv6-aff-stats{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.rtv6-aff-stats::before{content:"";position:absolute;inset:-14% 0;z-index:-1;pointer-events:none;background:radial-gradient(closest-side,rgba(10,132,255,.2),rgba(10,132,255,0))}
.rtv6-aff-stat{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0;margin:0;padding:26px;border:1px solid var(--ln);border-radius:20px;
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.01)) var(--card);box-shadow:0 24px 60px -30px rgba(0,0,0,.9)}
.rtv6-aff-stat--main{grid-column:1/-1;padding:30px 32px 32px;border-color:rgba(10,132,255,.38);
  background:radial-gradient(480px 240px at 100% 0,rgba(10,132,255,.22),rgba(10,132,255,0) 70%),linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.01)) var(--card);
  box-shadow:0 30px 90px -40px rgba(10,132,255,.75),inset 0 1px 0 rgba(255,255,255,.06)}
[dir=rtl] .rtv6-aff-stat--main{background:radial-gradient(480px 240px at 0 0,rgba(10,132,255,.22),rgba(10,132,255,0) 70%),linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.01)) var(--card)}
.rtv6-aff-stat .rtv6-aff-ic{margin-bottom:6px}
.rtv6-aff-stat b{display:block;color:#fff;font-size:54px;font-weight:700;line-height:.95;letter-spacing:-.035em;white-space:nowrap}
.rtv6-aff-stat b small{margin-inline-start:.04em;color:var(--soft);font-size:.55em;font-weight:600;letter-spacing:0}
.rtv6-aff-stat b small.w{margin-inline-start:.26em;font-size:.4em}
.rtv6-aff-stat--main b{color:var(--a);font-size:96px;text-shadow:0 0 44px rgba(10,132,255,.45),0 0 14px rgba(10,132,255,.4)}
.rtv6-aff-stat--main b small{color:inherit}
.rtv6-aff-stat-t{color:var(--dim);font-size:15px;line-height:1.5}
.rtv6-aff-stat--main .rtv6-aff-stat-t{max-width:380px;color:var(--soft);font-size:17px}
[dir=rtl] .rtv6-aff-stat b{letter-spacing:0}
/* twelve bars = the twelve months a customer pays you for */
.rtv6-aff-months{display:flex;gap:6px;width:100%;margin-top:8px}
.rtv6-aff-months i{flex:1;height:6px;border-radius:3px;background:linear-gradient(90deg,var(--a),var(--ice));box-shadow:0 0 12px rgba(10,132,255,.4)}
/* sections */
.rtv6-aff-sec{margin:0 0 136px;scroll-margin-top:110px}
.rtv6-aff .rtv6-aff-h2{max-width:820px;margin:0 auto 56px;text-align:center;text-wrap:balance}
/* how it works: a timeline */
.rtv6-aff-steps{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.rtv6-aff-steps::before{content:"";position:absolute;top:35px;left:calc((100% - 48px)/6);right:calc((100% - 48px)/6);height:2px;background:repeating-linear-gradient(90deg,rgba(90,176,255,.55) 0 10px,transparent 10px 18px)}
.rtv6-aff-steps>li{display:flex;flex-direction:column;align-items:center;margin:0}
.rtv6-aff-node{position:relative;display:grid;place-items:center;width:72px;height:72px;flex:none;margin:0 0 24px;border:1px solid rgba(10,132,255,.5);border-radius:22px;
  background:radial-gradient(circle at 50% 0,rgba(10,132,255,.38),rgba(10,132,255,.08) 70%) #0b0b0d;color:#fff;box-shadow:0 14px 40px -10px rgba(10,132,255,.75)}
.rtv6-aff-node svg{width:28px;height:28px}
.rtv6-aff-step{flex:1;width:100%;padding:26px 24px;border:1px solid var(--ln);border-radius:20px;background:var(--card);text-align:center}
.rtv6-aff-step em{display:block;margin:0 0 10px;color:var(--ice);font:600 13px/1 'IBM Plex Mono',ui-monospace,Consolas,monospace;letter-spacing:.14em}
.rtv6-aff .rtv6-aff-step h3{margin:0 0 8px;color:#fff;font-size:20px;font-weight:700;line-height:1.25;letter-spacing:-.01em}
.rtv6-aff-step p{margin:0;color:var(--dim);font-size:15.5px;line-height:1.55}
/* what you get */
.rtv6-aff-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.rtv6-aff-feat{margin:0;padding:30px 28px;border:1px solid var(--ln);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,0)) var(--card);
  transition:transform .3s var(--ease),border-color .3s ease,box-shadow .3s ease}
.rtv6-aff-feat:hover{transform:translateY(-3px);border-color:rgba(10,132,255,.35);box-shadow:0 22px 60px -30px rgba(10,132,255,.6)}
.rtv6-aff .rtv6-aff-feat h3{margin:22px 0 8px;color:#fff;font-size:19px;font-weight:700;line-height:1.3;letter-spacing:-.01em}
.rtv6-aff-feat p{margin:0;color:var(--dim);font-size:15.5px;line-height:1.6}
/* made for creators */
.rtv6-aff-who{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center;padding:56px;border:1px solid var(--ln);border-radius:28px;
  background:radial-gradient(640px 320px at 0 0,rgba(10,132,255,.14),rgba(10,132,255,0) 70%) var(--card)}
[dir=rtl] .rtv6-aff-who{background:radial-gradient(640px 320px at 100% 0,rgba(10,132,255,.14),rgba(10,132,255,0) 70%) var(--card)}
.rtv6-aff .rtv6-aff-who .rtv6-aff-h2{margin:0 0 18px;text-align:start}
.rtv6-aff-who p{margin:0;color:var(--soft);font-size:17px;line-height:1.65}
.rtv6-aff .rtv6-aff-lbl{margin:0 0 12px;color:rgba(255,255,255,.42);font-size:12.5px;font-weight:700;line-height:1.3;letter-spacing:.09em;text-transform:uppercase}
[dir=rtl] .rtv6-aff .rtv6-aff-lbl{letter-spacing:0}
.rtv6-aff-chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}
.rtv6-aff-chips:last-child{margin-bottom:0}
.rtv6-aff-chips li{display:inline-flex;align-items:center;gap:9px;margin:0;padding:10px 15px;border:1px solid var(--ln2);border-radius:999px;background:rgba(255,255,255,.03);color:#fff;font-size:14.5px;font-weight:500;line-height:1.1}
.rtv6-aff-chips svg{width:16px;height:16px;color:var(--ice)}
/* FAQ */
.rtv6-aff-faq{max-width:820px;margin:0 auto}
.rtv6-aff .rtv6-aff-faq details{margin:0 0 12px!important;border-color:var(--ln)!important;border-radius:16px!important;background:var(--card)!important}
.rtv6-aff .rtv6-aff-faq details[open]{border-color:rgba(10,132,255,.35)!important}
.rtv6-aff .rtv6-aff-faq details>summary{padding-block:20px!important;padding-inline:24px 56px!important;font-size:16.5px!important;line-height:1.4!important}
.rtv6-aff .rtv6-aff-faq details>summary::after{inset-inline-end:24px}
.rtv6-aff .rtv6-aff-faq details>summary+*{padding:0 24px 22px!important;font-size:15.5px!important;line-height:1.65!important}
/* closing call to action */
.rtv6-aff-band{position:relative;isolation:isolate;overflow:hidden;margin:0;padding:80px 32px;border:1px solid rgba(10,132,255,.35);border-radius:32px;text-align:center;
  background:radial-gradient(760px 340px at 50% 0,rgba(10,132,255,.28),rgba(10,132,255,0) 70%) var(--card);box-shadow:0 40px 120px -60px rgba(10,132,255,.8)}
.rtv6-aff-band::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:44px 44px;-webkit-mask:radial-gradient(ellipse 60% 75% at 50% 0,#000,transparent);mask:radial-gradient(ellipse 60% 75% at 50% 0,#000,transparent)}
.rtv6-aff .rtv6-aff-band .rt-sc-h2{max-width:780px;margin:0 auto 16px;text-wrap:balance}
.rtv6-aff-band>p{max-width:600px;margin:0 auto 34px;color:var(--soft);font-size:17px;line-height:1.6}
.rtv6-aff .rtv6-aff-band .rtv6-aff-small{margin:20px auto 0;color:var(--dim);font-size:14.5px}
.rtv6-aff [data-aff-guest]{color:inherit}
.rtv6-aff-sub a,.rtv6-aff-small a{color:var(--ice)!important;font-weight:600;text-decoration:none!important}
.rtv6-aff-sub a:hover,.rtv6-aff-small a:hover{text-decoration:underline!important}
/* the form: a modal window (a full-height sheet on phones); without JS a plain section */
.rtv6-aff-dlg:not(.is-modal):target{display:block;position:static;width:auto;max-width:640px;height:auto;max-height:none;margin:96px auto 0;padding:0;border:1px solid var(--ln);border-radius:24px;background:var(--card);color:#fff;scroll-margin-top:110px}
.rtv6-aff-dlg:not(.is-modal) .rtv6-aff-x{display:none}
.rtv6-aff-dlg[open]{position:fixed;inset:0;display:flex;flex-direction:column;width:min(580px,calc(100% - 32px));max-width:none;height:fit-content;max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);margin:auto;padding:0;overflow:hidden;
  border:1px solid rgba(255,255,255,.1);border-radius:24px;background:radial-gradient(560px 240px at 50% -60px,rgba(10,132,255,.25),rgba(10,132,255,0) 70%) #0b0b0d;color:#fff;
  box-shadow:0 50px 140px -30px rgba(0,0,0,.95),0 30px 100px -50px rgba(10,132,255,.8);animation:rtv6AffIn .35s var(--ease)}
.rtv6-aff-dlg::backdrop{background:rgba(2,4,9,.7);-webkit-backdrop-filter:blur(10px) saturate(1.2);backdrop-filter:blur(10px) saturate(1.2);animation:rtv6AffFade .3s ease}
.rtv6-aff-dlg-in{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:40px 36px 36px}
.rtv6-aff .rtv6-aff-x{position:absolute;top:16px;inset-inline-end:16px;z-index:1;display:grid;place-items:center;width:40px;height:40px;margin:0;padding:0;border:1px solid rgba(255,255,255,.1);border-radius:12px;
  background:rgba(255,255,255,.04);color:rgba(255,255,255,.7);cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.rtv6-aff .rtv6-aff-x:hover,.rtv6-aff .rtv6-aff-x:focus{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);color:#fff}
.rtv6-aff-x svg{width:18px;height:18px}
.rtv6-aff-dlg-in>.rtv6-aff-ic{width:54px;height:54px;border-radius:16px;box-shadow:0 0 36px -6px rgba(10,132,255,.8),inset 0 1px 0 rgba(255,255,255,.08)}
.rtv6-aff-dlg-in>.rtv6-aff-ic svg{width:26px;height:26px}
.rtv6-aff .rtv6-aff-dlg h2{margin:22px 0 8px;color:#fff;font-size:30px!important;font-weight:700;line-height:1.15!important;letter-spacing:-.02em}
[dir=rtl] .rtv6-aff .rtv6-aff-dlg h2{letter-spacing:0}
.rtv6-aff-sub{margin:0 0 26px;color:var(--dim);font-size:15px;line-height:1.6}
.rtv6-aff-me{margin:0 0 18px;padding:12px 14px;border:1px solid rgba(10,132,255,.25);border-radius:12px;background:rgba(10,132,255,.08);color:var(--soft);font-size:14px;line-height:1.5}
.rtv6-aff-form{display:flex;flex-direction:column;gap:16px;margin:0}
.rtv6-aff-form .rtv6-msg{margin:0}
.rtv6-aff-field{display:flex;flex-direction:column;gap:8px;margin:0}
.rtv6-aff-field>span{color:rgba(255,255,255,.85);font-size:14px;font-weight:600}
.rtv6-aff-field input,.rtv6-aff-field select,.rtv6-aff-field textarea{width:100%;height:48px;margin:0;padding:0 15px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background-color:#111114;color:#fff;
  font:400 15px/1.4 'Space Grotesk','Rubik',system-ui,sans-serif;outline:none;box-shadow:none;color-scheme:dark;transition:border-color .15s,box-shadow .15s}
.rtv6-aff-field select{-webkit-appearance:none;appearance:none;padding-inline-end:44px;cursor:pointer;background:#111114 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-opacity='.6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 15px center/18px}
[dir=rtl] .rtv6-aff-field select{background-position:left 15px center}
.rtv6-aff-field textarea{height:auto;min-height:96px;padding:12px 15px;resize:vertical}
.rtv6-aff-field :is(input,select,textarea):hover{border-color:rgba(255,255,255,.2)}
.rtv6-aff-field :is(input,select,textarea):focus{border-color:var(--a);background-color:#111114;color:#fff;box-shadow:0 0 0 3px rgba(10,132,255,.2)}
.rtv6-aff-field input::placeholder,.rtv6-aff-field textarea::placeholder{color:rgba(255,255,255,.32)}
.rtv6-aff .rtv6-aff-send{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;height:52px;margin:6px 0 0;padding:0 24px;border:0;border-radius:13px;background:var(--a);color:#fff!important;
  font:700 16px/1 'Space Grotesk','Rubik',system-ui,sans-serif;text-decoration:none!important;cursor:pointer;box-shadow:0 10px 30px -10px rgba(10,132,255,.9),inset 0 1px 0 rgba(255,255,255,.22);transition:background .16s ease,box-shadow .2s ease}
.rtv6-aff .rtv6-aff-send:hover,.rtv6-aff .rtv6-aff-send:focus{background:var(--aH);color:#fff}
.rtv6-aff .rtv6-aff-send:disabled{opacity:.7;cursor:default}
.rtv6-aff-send[aria-busy=true]::before{content:"";width:16px;height:16px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:rtv6Spin .7s linear infinite}
/* sent (or already an affiliate) */
.rtv6-aff-done{padding:24px 0 4px;text-align:center}
.rtv6-aff-done::before{content:"";display:block;width:72px;height:72px;margin:0 auto 22px;border:1px solid rgba(74,222,128,.35);border-radius:50%;box-shadow:0 0 50px -8px rgba(74,222,128,.55);
  background:rgba(74,222,128,.1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234ADE80' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") no-repeat center/32px}
.rtv6-aff-done p{max-width:400px;margin:0 auto 26px;color:#fff;font-size:19px;font-weight:600;line-height:1.5}
.rtv6-aff .rtv6-aff-done .rtv6-aff-send{width:auto;min-width:180px}
@keyframes rtv6AffIn{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}
@keyframes rtv6AffUp{from{transform:translateY(100%)}to{transform:none}}
@keyframes rtv6AffFade{from{opacity:0}to{opacity:1}}
@media(max-width:1080px){
  .rtv6-aff-hero{grid-template-columns:minmax(0,1fr);gap:48px}
  .rtv6-aff-hero::before,[dir=rtl] .rtv6-aff-hero::before{-webkit-mask:radial-gradient(ellipse 70% 40% at 50% 72%,#000,transparent 72%);mask:radial-gradient(ellipse 70% 40% at 50% 72%,#000,transparent 72%)}
  .rtv6-aff-hero-t{max-width:680px}
  .rtv6-aff-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rtv6-aff-who{grid-template-columns:minmax(0,1fr);gap:36px;padding:44px}
}
@media(max-width:760px){
  .rtv6-aff{padding:24px 16px 88px}
  .rtv6-aff-hero,.rtv6-aff-sec{margin-bottom:96px}
  .rtv6-aff-hero::before{content:none}
  .rtv6-aff .rtv6-aff-h2{margin-bottom:36px}
  .rtv6-aff-steps{grid-template-columns:minmax(0,1fr);gap:16px}
  .rtv6-aff-steps::before{content:none}
  .rtv6-aff-steps>li{position:relative;flex-direction:row;align-items:flex-start;gap:16px}
  .rtv6-aff-steps>li:not(:last-child)::before{content:"";position:absolute;top:56px;bottom:-16px;inset-inline-start:27px;width:2px;background:repeating-linear-gradient(180deg,rgba(90,176,255,.55) 0 8px,transparent 8px 14px)}
  .rtv6-aff-node{width:56px;height:56px;margin:0;border-radius:18px}
  .rtv6-aff-node svg{width:24px;height:24px}
  .rtv6-aff-step{padding:20px;text-align:start}
  .rtv6-aff-grid{grid-template-columns:minmax(0,1fr);gap:14px}
  .rtv6-aff-feat{padding:24px 22px}
  .rtv6-aff .rtv6-aff-feat h3{margin-top:18px}
  .rtv6-aff-who{padding:32px 22px;border-radius:24px}
  .rtv6-aff-band{padding:56px 22px;border-radius:24px}
}
@media(max-width:639px){
  .rtv6-aff-dlg[open]{width:100%;height:100%;max-height:none;border:0;border-radius:0;animation-name:rtv6AffUp}
  .rtv6-aff-dlg-in{padding:28px 16px calc(28px + env(safe-area-inset-bottom))}
  .rtv6-aff .rtv6-aff-x{top:14px;inset-inline-end:12px}
  .rtv6-aff .rtv6-aff-dlg h2{font-size:26px!important}
}
@media(max-width:480px){
  .rtv6-aff-btns{flex-direction:column}
  .rtv6-aff .rtv6-aff-btn{width:100%}
  .rtv6-aff-stats{gap:12px}
  .rtv6-aff-stat{padding:20px}
  .rtv6-aff-stat--main{padding:24px}
  .rtv6-aff-stat b{font-size:44px}
  .rtv6-aff-stat--main b{font-size:76px}
}
@media(prefers-reduced-motion:reduce){.rtv6-aff-dlg[open],.rtv6-aff-dlg::backdrop{animation:none}.rtv6-aff .rtv6-aff-btn,.rtv6-aff-btn svg,.rtv6-aff-feat{transition:none}}
/* ------------------------------------------------ end /affiliates/ */
/* ------------------------------------------------ /staff-applications/ (tools/add-staff-page.mjs, staff.js) */
.rtv6-staff-hero{margin-bottom:112px}
.rtv6-staff-notes{display:flex;flex-direction:column;gap:16px}
.rtv6-staff-note{display:flex;align-items:flex-start;gap:18px;margin:0;padding:26px;border:1px solid var(--ln);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.01)) var(--card)}
.rtv6-staff-note--main{border-color:rgba(10,132,255,.4);background:radial-gradient(420px 220px at 100% 0,rgba(10,132,255,.2),rgba(10,132,255,0) 70%),linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.01)) var(--card);box-shadow:0 30px 90px -40px rgba(10,132,255,.7)}
[dir=rtl] .rtv6-staff-note--main{background:radial-gradient(420px 220px at 0 0,rgba(10,132,255,.2),rgba(10,132,255,0) 70%),linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.01)) var(--card)}
.rtv6-staff-note:not(.rtv6-staff-note--main) .rtv6-aff-ic{border-color:rgba(255,107,107,.3);background:rgba(255,107,107,.1);color:#ff8a8a}
.rtv6-aff .rtv6-staff-note h2{margin:2px 0 8px;color:#fff;font-size:20px!important;font-weight:700;line-height:1.3!important;letter-spacing:-.01em}
.rtv6-staff-note p{margin:0;color:var(--soft);font-size:15.5px;line-height:1.6}
/* the form card */
.rtv6-staff-apply{scroll-margin-top:96px}
.rtv6-staff-card{max-width:820px;margin:0 auto;padding:44px 44px 40px;border:1px solid rgba(255,255,255,.1);border-radius:28px;background:radial-gradient(620px 260px at 50% -80px,rgba(10,132,255,.2),rgba(10,132,255,0) 70%) var(--card);box-shadow:0 40px 120px -60px rgba(10,132,255,.6)}
.rtv6-staff-card>.rtv6-aff-ic{width:54px;height:54px;border-radius:16px;box-shadow:0 0 36px -6px rgba(10,132,255,.8),inset 0 1px 0 rgba(255,255,255,.08)}
.rtv6-aff .rtv6-staff-card>h2{margin:20px 0 8px;color:#fff;font-size:30px!important;font-weight:700;line-height:1.15!important;letter-spacing:-.02em}
.rtv6-staff-card>.rtv6-msg{margin:16px 0 0}
.rtv6-staff-guest .rtv6-aff-sub{margin-bottom:24px}
.rtv6-aff .rtv6-staff-guest .rtv6-aff-send{width:auto;padding:0 28px}
.rtv6-staff-guest .rtv6-aff-small{margin:18px 0 0;color:var(--dim);font-size:14.5px}
.rtv6-staff-form{display:flex;flex-direction:column;gap:22px;margin:0}
.rtv6-staff-form>.rtv6-msg{margin:0}
.rtv6-staff-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px}
.rtv6-staff-grid--age{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}
.rtv6-staff-q{min-width:0;margin:0;padding:0;border:0}
.rtv6-staff-q>legend{margin:0 0 10px;padding:0;color:rgba(255,255,255,.85);font-size:14px;font-weight:600;line-height:1.45}
.rtv6-staff-q>legend+.rtv6-staff-hint{display:block;margin:-6px 0 12px}
.rtv6-staff-hint{display:block;margin-top:8px;color:var(--dim);font-size:13px;line-height:1.5}
.rtv6-staff-meta{display:flex;justify-content:space-between;gap:12px}
.rtv6-staff-meta .rtv6-staff-hint:empty{display:none}
.rtv6-staff-count{flex:none;margin:8px 0 0 auto;color:var(--dim);font:500 12.5px/1.5 'IBM Plex Mono',ui-monospace,Consolas,monospace}
[dir=rtl] .rtv6-staff-count{margin:8px auto 0 0}
.rtv6-staff-count.is-ok{color:#4ADE80}
.rtv6-staff-sub{padding-inline-start:16px;border-inline-start:2px solid rgba(10,132,255,.45)}
.rtv6-staff-err{margin:8px 0 0;color:#ff6b6b;font-size:13.5px;font-weight:500;line-height:1.5}
.rtv6-staff-q.is-bad .rtv6-aff-field :is(input,select,textarea),.rtv6-staff-q.is-bad .rtv6-staff-role-box,.rtv6-staff-q.is-bad .rtv6-staff-yn span{border-color:rgba(255,77,77,.6)}
.rtv6-aff-field input[readonly]{color:var(--soft);background-color:rgba(255,255,255,.03);cursor:default}
.rtv6-aff-field input[readonly]:focus{border-color:rgba(255,255,255,.12);box-shadow:none}
.rtv6-staff-form textarea{line-height:1.55}
/* roles: tick cards */
.rtv6-staff-roles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.rtv6-staff-role{position:relative;display:block;margin:0;cursor:pointer}
.rtv6-staff-role input,.rtv6-staff-yn input,.rtv6-staff-ack input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
.rtv6-staff-role-box{display:flex;flex-direction:column;gap:6px;height:100%;padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:#111114;transition:border-color .15s,background .15s,box-shadow .15s}
.rtv6-staff-role-box::after{content:"";position:absolute;top:16px;inset-inline-end:16px;width:20px;height:20px;border:1.5px solid rgba(255,255,255,.3);border-radius:6px;background:transparent no-repeat center/14px;transition:background-color .15s,border-color .15s}
.rtv6-staff-role-ic{display:grid;place-items:center;width:38px;height:38px;margin-bottom:6px;border-radius:11px;background:rgba(10,132,255,.1);color:var(--ice)}
.rtv6-staff-role-ic svg{width:19px;height:19px}
.rtv6-staff-role b{padding-inline-end:26px;color:#fff;font-size:15px;font-weight:700;line-height:1.35}
.rtv6-staff-role small{color:var(--dim);font-size:13px;line-height:1.5}
.rtv6-staff-role:hover .rtv6-staff-role-box{border-color:rgba(255,255,255,.22)}
.rtv6-staff-role input:focus-visible+.rtv6-staff-role-box{outline:2px solid var(--ice);outline-offset:3px}
.rtv6-staff-role input:checked+.rtv6-staff-role-box{border-color:var(--a);background:linear-gradient(180deg,rgba(10,132,255,.14),rgba(10,132,255,.04)) #111114;box-shadow:0 14px 40px -24px rgba(10,132,255,.9)}
.rtv6-staff-role input:checked+.rtv6-staff-role-box::after{border-color:var(--a);background-color:var(--a);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")}
/* yes / no */
.rtv6-staff-yn{display:flex;gap:10px}
.rtv6-staff-yn label{position:relative;margin:0;cursor:pointer}
.rtv6-staff-yn span{display:inline-flex;align-items:center;justify-content:center;min-width:96px;height:44px;padding:0 22px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#111114;color:var(--soft);font-size:15px;font-weight:600;transition:border-color .15s,background .15s,color .15s}
.rtv6-staff-yn label:hover span{border-color:rgba(255,255,255,.22)}
.rtv6-staff-yn input:focus-visible+span{outline:2px solid var(--ice);outline-offset:3px}
.rtv6-staff-yn input:checked+span{border-color:var(--a);background:rgba(10,132,255,.16);color:#fff}
/* the unpaid tick */
.rtv6-staff-ack{position:relative;display:flex;align-items:flex-start;gap:12px;margin:0;padding:16px 18px;border:1px solid rgba(10,132,255,.3);border-radius:14px;background:rgba(10,132,255,.07);cursor:pointer}
.rtv6-staff-ack span{color:#fff;font-size:15px;font-weight:600;line-height:1.5}
.rtv6-staff-ack span::before{content:"";display:inline-block;width:20px;height:20px;margin-inline-end:12px;vertical-align:-4px;border:1.5px solid rgba(255,255,255,.4);border-radius:6px;background:transparent no-repeat center/14px}
.rtv6-staff-ack input:checked+span::before{border-color:var(--a);background-color:var(--a);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")}
.rtv6-staff-ack input:focus-visible+span::before{outline:2px solid var(--ice);outline-offset:3px}
.rtv6-staff-q.is-bad .rtv6-staff-ack{border-color:rgba(255,77,77,.6)}
.rtv6-aff .rtv6-staff-form .rtv6-aff-send{margin-top:4px}
.rtv6-aff .rtv6-staff-form .rtv6-aff-send svg,.rtv6-aff .rtv6-staff-guest .rtv6-aff-send svg{width:18px;height:18px}
[dir=rtl] .rtv6-staff-card .rtv6-aff-send svg{transform:scaleX(-1)}
.rtv6-aff .rtv6-aff-done h3{margin:0 0 12px;color:#fff;font-size:26px;font-weight:700;line-height:1.25}
.rtv6-aff .rtv6-staff-card .rtv6-aff-done p{max-width:520px;margin-bottom:8px;color:var(--soft);font-size:16.5px;font-weight:500}
@media(max-width:1080px){.rtv6-staff-notes{max-width:680px}}
@media(max-width:760px){
  .rtv6-staff-hero{margin-bottom:88px}
  .rtv6-staff-note{padding:20px;gap:14px}
  .rtv6-staff-note .rtv6-aff-ic{width:40px;height:40px;border-radius:12px}
  .rtv6-staff-card{padding:28px 18px 26px;border-radius:22px}
  .rtv6-aff .rtv6-staff-card>h2{font-size:26px!important}
  .rtv6-staff-grid,.rtv6-staff-grid--age{grid-template-columns:minmax(0,1fr)}
  .rtv6-staff-roles{grid-template-columns:minmax(0,1fr)}
  .rtv6-staff-role-box{padding:16px}
  .rtv6-staff-yn label{flex:1}
  .rtv6-staff-yn span{display:flex;min-width:0}
  .rtv6-aff .rtv6-staff-guest .rtv6-aff-send{width:100%}
}
/* ------------------------------------------------ end /staff-applications/ */