.rdl{--canvas:#0c0c0d;--surface:#161718;--raised:#1d1e20;--hover:#242527;--ink:#f2f3f4;--ink2:#c4c7ca;--muted:#9ca0a4;--faint:#8a8e92;--deco:#6e7377;--line:#222426;--line2:#2d3033;--signal:#86e4f0;--signal-ink:#03191c;--seg-bg:#0d0d0d;--seg-bd:#1d1d1d;--seg-in:inset 0 1px 2px #00000080;--pill:#232426;--pill-sh:inset 0 0 0 1px #ffffff12;--sans:var(--font-ui);--mono:var(--font-data);--r-card:24px;--r-panel:28px;--r-sm:14px;--out:cubic-bezier(.23,1,.32,1);--inout:cubic-bezier(.77,0,.175,1);--g:var(--page-gutter)}.rdl,.rdl *,.rdl :before,.rdl :after{font-synthesis:none}.rdl :where(p){margin:1em 0}.rdl :where(ul,ol){margin:1em 0;padding-left:40px}.rdl :where(figure){margin:1em 40px}.rdl :where(svg){vertical-align:baseline;display:inline}.rdl .num{font-family:var(--mono);font-weight:inherit;letter-spacing:normal;font-variant-numeric:tabular-nums}.rdl .ic{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:16px;height:16px}.rdl .sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.rdl .auth{isolation:isolate;min-height:calc(100svh - 100px);padding:40px var(--g) 96px;place-items:center;display:grid;position:relative;overflow:hidden}.rdl .wall{z-index:-1;grid-template-columns:repeat(var(--cols,6),minmax(0,1fr));opacity:.16;filter:grayscale(.7)brightness(.8);pointer-events:none;-webkit-mask-composite:source-in;align-content:start;gap:14px;display:grid;position:absolute;inset:-40px -20px;-webkit-mask:radial-gradient(70% 75% at 50% 48%,#00000040 0 28%,#000 70%),linear-gradient(#0000 4%,#000 24% 70%,#0000);-webkit-mask-composite:source-in,source-over;mask:radial-gradient(70% 75% at 50% 48%,#00000040 0 28%,#000 70%) intersect,linear-gradient(#0000 4%,#000 24% 70%,#0000)}.rdl .col{flex-direction:column;gap:14px;display:flex}.rdl .col:nth-child(2n){margin-top:-80px}.rdl .col img{aspect-ratio:16/9;object-fit:cover;background:#1a1b1d;border-radius:14px;width:100%;display:block}@media (max-width:760px){.rdl .wall{opacity:.14;gap:10px}.rdl .col{gap:10px}.rdl .col img{border-radius:10px}}.rdl .box{text-align:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-color:var(--line2);background:#141516db;width:100%;max-width:420px;padding:36px 32px 28px;box-shadow:0 30px 80px -30px #000000d9}.rdl .box .wm{align-items:center;gap:8px;font-size:28px;display:inline-flex}.rdl .box h1{font:600 28px/1.1 var(--sans);letter-spacing:-.025em;margin:22px 0 0}.rdl .box h1:focus{outline:none}.rdl .box .sub{color:var(--muted);margin:8px 0 0;font-size:15px}.rdl .stack{flex-direction:column;gap:10px;margin-top:28px;display:flex}.rdl .oauth{border:1px solid var(--line2);height:48px;color:var(--ink);font:600 15px/1 var(--sans);cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .1s var(--out);background:#ffffff0a;border-radius:999px;justify-content:center;align-items:center;gap:10px;display:flex}.rdl .oauth:hover{background:#ffffff14;border-color:#3a3d41}.rdl .oauth svg{flex:none;width:18px;height:18px}.rdl .or{color:var(--muted);font:500 12px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:12px;margin:22px 0;display:flex}.rdl .or:before,.rdl .or:after{content:"";background:var(--line2);flex:1;height:1px}.rdl .field{background:var(--seg-bg);border:1px solid var(--seg-bd);height:48px;box-shadow:var(--seg-in);color:var(--muted);border-radius:999px;align-items:center;gap:10px;padding:0 18px;transition:border-color .2s;display:flex}.rdl .field:focus-within{outline:2px solid var(--signal);outline-offset:2px;border-color:#86e4f073}.rdl .field.bad{border-color:var(--ink2);animation:rdl-nudge .24s var(--out)}.rdl .err{color:var(--ink);justify-content:center;align-items:center;gap:7px;margin:10px 0 0;font-size:13.5px;line-height:1.4;display:none}.rdl .err.on{display:flex}.rdl .err .ic{color:var(--ink)}.rdl .field input{min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:16px}.rdl .field input::placeholder{color:var(--muted)}.rdl .field.code input{font-family:var(--mono);letter-spacing:.42em;text-align:center;padding-left:.42em;font-size:20px}.rdl .send{width:100%;margin-top:10px}.rdl .terms{color:var(--muted);margin:22px 0 0;font-size:12.5px;line-height:1.5}.rdl .terms a{color:var(--ink2);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--line2);text-decoration-color:var(--line2)}.rdl .terms a:hover{color:var(--ink)}.rdl .col-c{width:100%;max-width:420px}.rdl .cue{color:var(--muted);text-align:center;margin:20px 0 0;font-size:13.5px}.rdl .cue .ic{vertical-align:-3px;color:var(--ink2);margin-right:7px;display:inline-block}.rdl .cue span{text-wrap:balance}.rdl .demo{border:1px solid var(--line2);color:var(--ink2);font:500 12px/1.3 var(--mono);border-radius:999px;align-items:center;gap:6px;margin:18px 0 0;padding:6px 12px;display:inline-flex}.rdl .intent{color:var(--ink2);margin:10px 0 0;font-size:14px}.rdl .intent b{color:var(--ink);font-weight:600}.rdl .step[hidden]{display:none}.rdl .step.in{animation:rdl-boxin .24s var(--out) both}.rdl .mail{border:1px solid var(--line2);width:56px;height:56px;color:var(--ink);background:#ffffff0d;border-radius:18px;place-items:center;margin:4px auto 0;display:grid}.rdl .mail .ic{width:22px;height:22px}.rdl .mail.ok{color:var(--signal)}.rdl .step .mail+h1{margin-top:20px}.rdl .sub b{color:var(--ink);overflow-wrap:anywhere;font-weight:500}.rdl .linkbtn{min-height:44px;color:var(--ink2);font:500 14px/1 var(--sans);cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:var(--line2);text-decoration-color:var(--line2);text-underline-offset:3px;background:0 0;border:0;border-radius:999px;align-items:center;margin-top:14px;padding:0 12px;display:inline-flex}.rdl .linkbtn:hover{color:var(--ink)}.rdl .go{margin-top:22px}@media (max-width:480px){.rdl .auth{place-items:start center;padding:24px 16px 64px}.rdl .box{margin-top:24px;padding:30px 20px 24px}}@media (prefers-reduced-motion:reduce){.rdl,.rdl *,.rdl :before,.rdl :after{transition:none!important;animation:none!important}}@keyframes rdl-boxin{0%{opacity:0;transform:translateY(8px)scale(.98)}}@keyframes rdl-nudge{30%{transform:translate(-4px)}60%{transform:translate(3px)}}.rdl .auth{margin:0 calc(-1 * var(--g))}@media (max-width:760px){.rdl .wall{--cols:3}.rdl .col:nth-child(n+4){display:none}}
