.auth-seal{--seal-arcane:var(--font-cinzel), "Trajan Pro", Optima, Palatino, "Times New Roman", serif;--seal-reading:var(--font-eb-garamond), "EB Garamond", Georgia, "Times New Roman", serif;--seal-sans:var(--font-geist-sans), ui-sans-serif, system-ui, sans-serif;--leather-light:85% 42% at 50% 0%;--leather-vignette:110% 80% at 50% 0%;--leather-shade:54%;--leather-vignette-edge:78%;--gr-cta-ink:var(--brand)}.auth-seal .gr-cta-dia{display:none}@media (max-width:1023.98px){.auth-seal .back-row{z-index:20;margin:0;position:absolute;top:16px;right:16px}.auth-seal .back-row .hbtn{margin-left:0}}@media (min-width:640px) and (max-width:1023.98px){.auth-seal .back-row{top:20px;right:24px}}@media (min-width:1024px){.auth-seal{--leather-light:42% 60% at 25% 0%;--leather-vignette:90% 110% at 40% 0%}.auth-seal.grimoire-leather{background:linear-gradient(to bottom, transparent 0%, transparent 22%, color-mix(in srgb, var(--gr-leather-deep) 70%, transparent) 52%, var(--gr-leather-deep) 78%), radial-gradient(var(--leather-vignette), transparent 35%, color-mix(in srgb, var(--surface-0) var(--leather-vignette-edge,90%), transparent)), radial-gradient(var(--leather-light), color-mix(in srgb, var(--ramp-violet-3) 16%, transparent), color-mix(in srgb, var(--ramp-violet-2) 7.2%, transparent) 45%, transparent), linear-gradient(color-mix(in srgb, var(--surface-0) var(--leather-shade,35%), transparent), color-mix(in srgb, var(--surface-0) var(--leather-shade,35%), transparent)), url(/grimoire-site/leather-violet-tile.webp) center / 480px 480px repeat, var(--gr-leather-deep);background-blend-mode:normal, normal, screen, normal, normal}}.auth-seal .mark{--mark-s:calc(var(--mark-l) * .8475);width:var(--mark-l);height:var(--mark-s);margin:0 auto;position:relative}.auth-seal .mark.phone{--mark-l:min(59vw, 254px)}.auth-seal .mark.brand{--mark-l:min(470px, 36vw)}.auth-seal .mark .lockup{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.auth-seal .seal{--seal-after:1.22s;--seal-reveal:.5s;--ring:url(/grimoire-site/seal-ring-mask.webp);--ring-d:calc(var(--mark-s) * .935);--lip:clamp(1px, calc(var(--mark-s) * .004), 1.5px);--cut:clamp(2px, calc(var(--ring-d) * .0126), 4.5px);--catch-off:clamp(1.5px, calc(var(--ring-d) * .01), 3.5px);--rim-off:clamp(1px, calc(var(--ring-d) * .0053), 2px);--ring-R:calc(var(--ring-d) / 2);--ring-at:49.921% 48.306%;--ring-r:42.869% 43.871%;animation:seal-arrive var(--seal-reveal) ease-out var(--seal-after) both;width:calc(var(--ring-d) * 1.16636);aspect-ratio:1269/1240;left:calc(50% - var(--ring-d) * .58226);top:calc(50% - var(--ring-d) * .55055);pointer-events:none;position:absolute}.auth-seal .seal>i,.auth-seal .seal .arc,.auth-seal .seal .even{-webkit-mask:var(--ring) 0 0 / 100% 100% no-repeat;-webkit-mask:var(--ring) 0 0 / 100% 100% no-repeat;mask:var(--ring) 0 0 / 100% 100% no-repeat;position:absolute;inset:0}.auth-seal .seal .bed{background:var(--gr-leather-deep);opacity:.95;--soft:radial-gradient(circle at var(--ring-at), #000 calc(var(--ring-R) * .6648), #000000bf calc(var(--ring-R) * .6832), #000000bf calc(var(--ring-R) * .7311), #000 calc(var(--ring-R) * .7495), #000 calc(var(--ring-R) * .8195), #000000bf calc(var(--ring-R) * .8379), #000000bf calc(var(--ring-R) * .9227), #000 calc(var(--ring-R) * .9411));-webkit-mask:var(--ring) 0 0 / 100% 100% no-repeat, var(--soft);-webkit-mask-composite:source-in;-webkit-mask:var(--ring) 0 0 / 100% 100% no-repeat intersect, var(--soft);mask:var(--ring) 0 0 / 100% 100% no-repeat intersect, var(--soft);transition:opacity .6s ease-out}.auth-seal .seal .shade,.auth-seal .seal .catch,.auth-seal .seal .rim{-webkit-mask:var(--ring) 0 0 / 100% 100% no-repeat, var(--ring) 0 var(--lip) / 100% 100% no-repeat;-webkit-mask-composite:source-out;-webkit-mask:var(--ring) 0 0 / 100% 100% no-repeat subtract, var(--ring) 0 var(--lip) / 100% 100% no-repeat;mask:var(--ring) 0 0 / 100% 100% no-repeat subtract, var(--ring) 0 var(--lip) / 100% 100% no-repeat}.auth-seal .seal .shade{-webkit-mask-position:0 0, 0 var(--cut);-webkit-mask-position:0 0, 0 var(--cut);mask-position:0 0, 0 var(--cut);background:var(--gr-leather-deep);opacity:.97;transition:opacity .6s ease-out}.auth-seal .seal .catch{-webkit-mask-position:0 0, 0 calc(var(--catch-off) * -1);-webkit-mask-position:0 0, 0 calc(var(--catch-off) * -1);mask-position:0 0, 0 calc(var(--catch-off) * -1);background:linear-gradient(var(--ramp-violet-3), color-mix(in oklab, var(--ramp-violet-3) 40%, transparent));opacity:.42}.auth-seal .seal .rim{-webkit-mask-position:0 calc(var(--rim-off) * -1), 0 0;-webkit-mask-position:0 calc(var(--rim-off) * -1), 0 0;mask-position:0 calc(var(--rim-off) * -1), 0 0;background:var(--ramp-violet-3);opacity:.22}.auth-seal .seal .rest{mix-blend-mode:plus-lighter;width:100%;height:100%;filter:drop-shadow(0 0 calc(var(--ring-d) * .012) color-mix(in oklab, var(--arcane-violet) 45%, transparent));transition:opacity .7s ease-out;position:absolute;inset:0}.auth-seal:is([data-mana=active],:has(main [aria-busy=true],main .code.checking)) .seal .rest{opacity:.25}.auth-seal .seal .mana{opacity:0;transition:opacity .7s ease-out, display .7s allow-discrete;display:none;position:absolute;inset:0}.auth-seal .seal .arcs{position:absolute;inset:0}.auth-seal .seal .arc{-webkit-mask:var(--ring) 0 0 / 100% 100% no-repeat, radial-gradient(ellipse var(--ring-r) at var(--ring-at), transparent var(--band-in), var(--gr-leather-deep) calc(var(--band-in) + 1.5%), var(--gr-leather-deep) calc(var(--band-out) - 1.5%), transparent var(--band-out));-webkit-mask-composite:source-in;-webkit-mask:var(--ring) 0 0 / 100% 100% no-repeat intersect, radial-gradient(ellipse var(--ring-r) at var(--ring-at), transparent var(--band-in), var(--gr-leather-deep) calc(var(--band-in) + 1.5%), var(--gr-leather-deep) calc(var(--band-out) - 1.5%), transparent var(--band-out));mask:var(--ring) 0 0 / 100% 100% no-repeat intersect, radial-gradient(ellipse var(--ring-r) at var(--ring-at), transparent var(--band-in), var(--gr-leather-deep) calc(var(--band-in) + 1.5%), var(--gr-leather-deep) calc(var(--band-out) - 1.5%), transparent var(--band-out));overflow:hidden}.auth-seal .seal .arc.a{--band-in:91.5%;--band-out:112%}.auth-seal .seal .arc.b{--band-in:78.5%;--band-out:92.5%}.auth-seal .seal .arc.c{--band-in:54%;--band-out:79%}.auth-seal .seal .arc b{aspect-ratio:1;--ramp-cw:transparent 0deg, color-mix(in oklch, var(--ramp-violet-1) 55%, transparent) 9deg, var(--gem-purple) 21deg, var(--arcane-violet) 27deg, var(--ramp-violet-3) 30deg, transparent 31.5deg;--ramp-ccw:transparent 0deg, var(--ramp-violet-3) 1.5deg, var(--arcane-violet) 4.5deg, var(--gem-purple) 10.5deg, color-mix(in oklch, var(--ramp-violet-1) 55%, transparent) 22.5deg, transparent 31.5deg;width:120%;animation:seal-run var(--run) linear infinite;position:absolute;top:-13.097%;left:-10.079%}.auth-seal .seal .arc.a b{--run:2.9s;background:conic-gradient(from 20deg, var(--ramp-cw))}.auth-seal .seal .arc.b b{--run:4.7s;background:conic-gradient(from 200deg, var(--ramp-ccw));animation-direction:reverse}.auth-seal .seal .arc.c b{--run:3.7s;background:conic-gradient(from 115deg, var(--ramp-cw))}.auth-seal .seal .spill{filter:blur(calc(var(--mark-s) * .011));mix-blend-mode:plus-lighter;opacity:.55}.auth-seal .seal .even{background:var(--arcane-violet);opacity:0;display:none}.auth-seal:is([data-mana=active],:has(main [aria-busy=true],main .code.checking)) .seal .mana{opacity:1;transition:opacity .42s cubic-bezier(.5,0,1,1) .12s,display;display:block}@starting-style{.auth-seal:is([data-mana=active],:has(main [aria-busy=true],main .code.checking)) .seal .mana{opacity:0}}.auth-seal:is([data-mana=active],:has(main [aria-busy=true],main .code.checking)) .seal .bed,.auth-seal:is([data-mana=active],:has(main [aria-busy=true],main .code.checking)) .seal .shade{opacity:1;transition:opacity .12s ease-in}.auth-seal:has(main .code.ok,main .notice.done):not([data-mana=active],:has(main [aria-busy=true],main .code.checking)) .seal .mana{animation:1.5s ease-out both seal-pass;display:block}@keyframes seal-run{to{transform:rotate(1turn)}}@keyframes seal-pass{0%{opacity:0}22%{opacity:1}to{opacity:0;visibility:hidden}}@keyframes seal-even{0%{opacity:0}35%{opacity:.45}to{opacity:.12}}@keyframes seal-arrive{0%{opacity:0}to{opacity:1}}.auth-seal .lockup{display:block;position:relative}.auth-seal .lockup img{width:100%;height:auto;display:block}.auth-seal .lockup .gem{aspect-ratio:1;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(closest-side, color-mix(in oklch, var(--ramp-violet-3) 70%, transparent) 0%, color-mix(in oklch, var(--gem-purple) 55%, transparent) 30%, color-mix(in oklch, var(--gem-purple) 18%, transparent) 62%, transparent 100%);width:22%;animation:gem-breath var(--gr-dur-breath) ease-in-out infinite;position:absolute;top:42.2%;left:60.4%;transform:translate(-50%,-50%)}.auth-seal .lockup .spark{aspect-ratio:1;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(90deg, transparent 0%, color-mix(in oklch, var(--ramp-violet-3) 80%, transparent) 50%, transparent 100%) center / 100% 1.5px no-repeat, linear-gradient(0deg, transparent 0%, color-mix(in oklch, var(--ramp-violet-3) 80%, transparent) 50%, transparent 100%) center / 1.5px 100% no-repeat;width:13%;animation:gem-spark var(--gr-dur-breath) ease-in-out infinite;position:absolute;top:42.2%;left:60.4%;transform:translate(-50%,-50%)}@keyframes gem-breath{0%,to{opacity:.28;transform:translate(-50%,-50%)scale(.86)}50%{opacity:.85;transform:translate(-50%,-50%)scale(1.12)}}@keyframes gem-spark{0%,38%,62%,to{opacity:0;transform:translate(-50%,-50%)scale(.6)}50%{opacity:.9;transform:translate(-50%,-50%)scale(1.15)}}.auth-seal .promise li{font:400 1.125rem/1.625rem var(--seal-reading);color:var(--text-primary);align-items:center;gap:10px;display:flex}.auth-seal .promise li:before{content:"";background:var(--ramp-gold-2);flex:0 0 7px;height:7px;transform:rotate(45deg)}.auth-seal .words{gap:3px;margin-bottom:24px}@media (max-width:1023.98px){.auth-seal .words{margin-top:24px}}.auth-seal .kicker,.auth-seal .sub{text-shadow:0 1px 6px var(--surface-0)}.auth-seal .kicker{font:600 1.125rem/1.2 var(--seal-arcane);letter-spacing:.08em;text-transform:uppercase;color:var(--grimoire-gold)}.auth-seal .sub{font:italic 400 1.375rem/1.75rem var(--seal-reading);color:var(--text-primary)}.auth-seal .note{font:400 .875rem/1.25rem var(--seal-sans);color:var(--text-muted);text-align:center}.auth-seal .af{flex-direction:column;gap:6px;display:flex}.auth-seal .af-lab{font:500 .75rem/1rem var(--seal-arcane);letter-spacing:.12em;text-transform:uppercase;color:var(--brand)}.auth-seal .af-box{border:1px solid var(--border);background-color:var(--surface-0);background-image:linear-gradient(to bottom, color-mix(in oklch, var(--background) 95%, transparent), transparent 5px), linear-gradient(to top, color-mix(in oklch, var(--brand) 16%, transparent), transparent 4px);height:44px;transition:box-shadow var(--gr-dur-state), border-color var(--gr-dur-state);border-radius:7px;align-items:center;display:flex;position:relative;overflow:hidden}.auth-seal .af-box:focus-within{border-color:var(--ring);box-shadow:0 0 8px color-mix(in oklch, var(--ring) 55%, transparent)}.auth-seal .af-box.bad{border-color:color-mix(in oklch, var(--activation-amber) 70%, transparent)}.auth-seal .af-box input{min-width:0;height:100%;font:400 16px var(--seal-sans);color:var(--foreground);background:0 0;border:0;outline:0;flex:1;padding:0 14px}.auth-seal .af-box input::placeholder{color:var(--muted-foreground);opacity:1}.auth-seal .af-box input:disabled{opacity:.6}.auth-seal .reveal{cursor:pointer;height:42px;color:var(--brand);transition:background var(--gr-dur-press);background:0 0;border:0;border-radius:4px;flex:0 0 44px;justify-content:center;align-items:center;margin-right:2px;display:flex}.auth-seal .reveal:active{background:color-mix(in oklch, var(--ramp-gold-2) 10%, transparent)}.auth-seal .reveal:focus-visible{outline:2px solid var(--arcane-violet);outline-offset:-2px}.auth-seal .reveal svg{width:20px;height:20px}.auth-seal .af-err{font:400 .75rem/1rem var(--seal-sans);color:var(--activation-amber);align-items:baseline;gap:6px;display:flex}.auth-seal .af-err:before{content:"";background:var(--activation-amber);flex:0 0 6px;height:6px;transform:rotate(45deg)translateY(-1px)}.auth-seal .check{flex-wrap:wrap;gap:16px;margin:2px 0 0;padding:0;list-style:none;display:flex}.auth-seal .check li{font:400 .875rem/1.25rem var(--seal-sans);color:var(--text-muted);transition:color var(--gr-dur-state);align-items:center;gap:7px;display:flex}.auth-seal .check li i{border:1px solid var(--ramp-gold-1);width:8px;height:8px;transition:background var(--gr-dur-state), box-shadow var(--gr-dur-state), border-color var(--gr-dur-state);transform:rotate(45deg)}.auth-seal .check li.met{color:var(--text-primary)}.auth-seal .check li.met i{background:var(--ramp-gold-2);border-color:var(--ramp-gold-3);box-shadow:0 0 8px -1px var(--ramp-violet-2)}.auth-seal .check li.miss{color:var(--activation-amber)}.auth-seal .check li.miss i{border-color:var(--activation-amber)}.auth-seal .notice{clip-path:polygon(var(--gr-cut-sm) 0, calc(100% - var(--gr-cut-sm)) 0, 100% var(--gr-cut-sm), 100% calc(100% - var(--gr-cut-sm)), calc(100% - var(--gr-cut-sm)) 100%, var(--gr-cut-sm) 100%, 0 calc(100% - var(--gr-cut-sm)), 0 var(--gr-cut-sm));background:linear-gradient(180deg, color-mix(in oklch, var(--ramp-violet-3) 60%, transparent), color-mix(in oklch, var(--ramp-violet-2) 45%, transparent));padding:1px;position:relative}.auth-seal .notice>div{clip-path:inherit;background:linear-gradient(180deg, color-mix(in oklch, var(--ramp-violet-1) 92%, transparent), color-mix(in oklch, var(--ramp-violet-0) 96%, transparent));padding:11px 14px 12px 36px;position:relative}.auth-seal .notice>div:before{content:"";background:var(--ramp-violet-3);width:8px;height:8px;box-shadow:0 0 10px var(--ramp-violet-2);position:absolute;top:16px;left:14px;transform:rotate(45deg)}.auth-seal .notice .nk{font:500 .75rem/1rem var(--seal-arcane);letter-spacing:.12em;text-transform:uppercase;color:var(--ramp-violet-3);margin-bottom:3px}.auth-seal .notice .nt{font:400 1.125rem/1.625rem var(--seal-reading);color:var(--text-primary)}.auth-seal .notice .na{flex-wrap:wrap;gap:4px;margin:6px 0 -8px -8px;display:flex}.auth-seal .notice .na>*{cursor:pointer;min-height:44px;font:600 .875rem/1.125rem var(--seal-arcane);letter-spacing:.12em;text-transform:uppercase;color:var(--grimoire-gold);background:0 0;border:0;border-radius:4px;align-items:center;padding:0 8px;transition:opacity 75ms;display:inline-flex}.auth-seal .notice .na>:active{opacity:.6}.auth-seal .notice .na>:focus-visible{outline:2px solid var(--arcane-violet);outline-offset:-2px}.auth-seal .notice.error>div:before{background:var(--activation-amber);box-shadow:0 0 10px color-mix(in oklch, var(--activation-amber) 60%, transparent)}.auth-seal .notice.error .nk{color:var(--activation-amber)}.auth-seal .notice.done>div:before{background:var(--ramp-gold-2);box-shadow:0 0 10px var(--ramp-gold-1)}.auth-seal .notice.done .nk{color:var(--ramp-gold-2)}.auth-seal .legal{text-align:center;font:400 .875rem/1.25rem var(--seal-sans);color:var(--text-muted)}.auth-seal .legal a{min-height:44px;color:var(--text-primary);text-decoration:underline;-webkit-text-decoration-color:var(--gr-line-strong);text-decoration-color:var(--gr-line-strong);text-underline-offset:3px;border-radius:4px;align-items:center;margin:-12px 0;padding:0 2px;display:inline-flex}.auth-seal .legal a:active{color:var(--ramp-violet-3)}.auth-seal .legal a:focus-visible{outline:2px solid var(--arcane-violet);outline-offset:-6px}.auth-seal .switch{font:400 .875rem/1.25rem var(--seal-sans);color:var(--text-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.auth-seal .obtn{cursor:pointer;border:1px solid var(--gr-line-strong);min-height:44px;font:500 .75rem/1 var(--seal-arcane);letter-spacing:.12em;text-transform:uppercase;color:var(--grimoire-gold);transition:background var(--gr-dur-press), transform var(--gr-dur-press);background:0 0;border-radius:4px;padding:0 14px}.auth-seal .obtn:hover{background:color-mix(in oklch, var(--ramp-gold-2) 6%, transparent)}.auth-seal .obtn:active{background:color-mix(in oklch, var(--ramp-gold-2) 12%, transparent);transform:translateY(1px)}.auth-seal .obtn:focus-visible{outline:2px solid var(--arcane-violet);outline-offset:2px}.auth-seal .rlink{min-height:44px;font:400 .875rem/1.25rem var(--seal-sans);color:var(--ring);border-radius:4px;align-items:center;margin:-13px 0;padding:0 2px;display:inline-flex}.auth-seal .rlink:focus-visible{outline:2px solid var(--ring);outline-offset:-4px}.auth-seal .rlink.forgot{text-align:right;align-self:flex-end}.auth-seal .rlink.switch-line{text-align:center;color:var(--muted-foreground);justify-content:center;align-self:center}.auth-seal .rlink.switch-line span{color:var(--ring);text-underline-offset:2px;text-decoration:underline}.auth-seal .tlink{cursor:pointer;min-height:44px;font:500 .75rem/1 var(--seal-arcane);letter-spacing:.12em;text-transform:uppercase;color:var(--grimoire-gold);background:0 0;border:0;border-radius:4px;align-items:center;padding:0 6px;transition:opacity 75ms;display:inline-flex}.auth-seal .tlink:active{opacity:.6}.auth-seal .tlink:focus-visible{outline:2px solid var(--arcane-violet);outline-offset:-2px}.auth-seal .tlink:disabled{cursor:default;color:var(--text-muted)}.auth-seal .hbtn{cursor:pointer;min-width:44px;height:44px;color:var(--grimoire-gold);font:500 .75rem var(--seal-arcane);letter-spacing:.12em;text-transform:uppercase;transition:background var(--gr-dur-press);background:0 0;border:0;border-radius:4px;align-items:center;gap:4px;margin-left:-8px;padding:0 8px;display:inline-flex}.auth-seal .hbtn:active{background:color-mix(in oklch, var(--ramp-gold-2) 10%, transparent)}.auth-seal .hbtn:focus-visible{outline:2px solid var(--arcane-violet);outline-offset:-2px}.auth-seal .code{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.auth-seal .code input{text-align:center;background:var(--gr-panel);border:1px solid var(--gr-line);width:100%;min-width:0;height:58px;box-shadow:var(--gr-inset);font:500 1.25rem var(--seal-reading);color:var(--text-primary);caret-color:var(--arcane-violet);transition:border-color var(--gr-dur-state), box-shadow var(--gr-dur-state), color var(--gr-dur-state);border-radius:4px;outline:0}.auth-seal .code input:focus{border-color:color-mix(in oklch, var(--arcane-violet) 70%, transparent);box-shadow:var(--gr-inset), var(--gr-glow-arcane-focus)}.auth-seal .code.bad input{border-color:color-mix(in oklch, var(--activation-amber) 70%, transparent)}.auth-seal .code.checking input{border-color:color-mix(in oklch, var(--arcane-violet) 70%, transparent);animation:.9s ease-in-out infinite codeglow}.auth-seal .code.checking input:nth-child(2){animation-delay:80ms}.auth-seal .code.checking input:nth-child(3){animation-delay:.16s}.auth-seal .code.checking input:nth-child(4){animation-delay:.24s}.auth-seal .code.checking input:nth-child(5){animation-delay:.32s}.auth-seal .code.checking input:nth-child(6){animation-delay:.4s}@keyframes codeglow{0%,to{box-shadow:var(--gr-inset)}50%{box-shadow:var(--gr-inset), var(--gr-glow-arcane)}}.auth-seal .code.ok input{border-color:var(--ramp-gold-2);color:var(--ramp-gold-3);box-shadow:var(--gr-inset), 0 0 12px -3px var(--ramp-gold-1)}.auth-seal .checking-line{font:400 .875rem var(--seal-sans);color:var(--ramp-violet-3);text-align:center;min-height:20px}@media (prefers-reduced-motion:reduce){.auth-seal .seal .arcs{display:none}.auth-seal .seal .even{opacity:.22;display:block}.auth-seal:is([data-mana=active],:has(main [aria-busy=true],main .code.checking)) .seal .even{animation:1.2s ease-out both seal-even}.auth-seal .seal{animation:.3s linear .3s both seal-arrive}.auth-seal .lockup .gem{opacity:.55;animation:none}.auth-seal .lockup .spark{opacity:0;animation:none}.auth-seal .code.checking input{box-shadow:var(--gr-inset), var(--gr-glow-arcane);animation:none}.auth-seal .obtn:active{transform:none}}
