@font-face{font-family:Cormorant;src:url('./cormorant.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Source;src:url('./source.ttf') format('truetype');font-weight:400;font-display:swap}
:root{--ink:#302414;--muted:#655039;--bronze:#64451f;--gold:#c3a36c;--paper:#eddfc1;--line:#a98b5e;--serif:Cormorant,Georgia,serif;--sans:Source,Arial,sans-serif;color-scheme:light}
*{box-sizing:border-box}html{min-height:100%;background:#201a12;scrollbar-color:#8e7147 #201a12}body.netism-auth{margin:0;min-width:280px;color:var(--ink);font:16px/1.5 var(--sans);background:#201a12}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-underline-offset:4px}button{color:inherit}::selection{background:#745224;color:#fff5df}:focus-visible{outline:2px solid #775224;outline-offset:4px}.skip-link{position:fixed;left:16px;top:-100px;z-index:10;background:var(--paper);padding:12px 20px}.skip-link:focus{top:16px}
.world{position:fixed;inset:0;pointer-events:none;overflow:hidden;background:linear-gradient(#15120a1c,#15120a15),url('./landscape.webp') center bottom/cover no-repeat;isolation:isolate}.world:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 44%,transparent 35%,#100d0860 100%);pointer-events:none}#celestial-scene{position:absolute;inset:0}#celestial-scene canvas{display:block;width:100%;height:100%}.fallback-rings{position:absolute;width:105vh;height:105vh;border:1px solid #b9945370;border-radius:50%;top:49%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 25px #0000,0 0 0 26px #b994533d,0 0 0 70px #0000,0 0 0 71px #b9945329}.has-webgl .fallback-rings{display:none}
.auth-layout{position:relative;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:44px 24px 60px;isolation:isolate}.auth-panel{position:relative;flex:none;width:460px;max-width:100%;padding:27px 45px 36px;background:radial-gradient(ellipse at 45% 38%,#fbf3df9c,transparent 75%),url('./parchment.webp') center/cover,var(--paper);border:1px solid #927348;box-shadow:0 18px 60px #0007;color:var(--ink)}.auth-panel:before,.auth-panel:after{content:"";position:absolute;pointer-events:none;inset:5px;border:1px solid #9e805b99}.auth-panel:after{inset:9px;border-color:#b69b714a}.auth-header{text-align:center}.brand{display:inline-flex;vertical-align:top;align-items:center;justify-content:center;text-decoration:none}.brand img{display:block;width:136px;height:79px;object-fit:contain;filter:brightness(0) saturate(100%) invert(25%) sepia(33%) saturate(684%) hue-rotate(354deg) brightness(91%) contrast(88%)}.account-label{font:11px/1 var(--sans);letter-spacing:.42em;margin:5px 0 23px;padding-left:.42em;color:#624d32}h1{font:400 43px/1.05 var(--serif);letter-spacing:-.025em;text-wrap:balance;margin:0 0 8px}.auth-header p{margin:0 0 29px;color:var(--muted);font:18px/1.35 var(--serif)}.field{margin:0 0 19px}.field label{display:block;margin-bottom:5px;font:19px/1.2 var(--serif)}.field input{display:block;width:100%;min-height:46px;border:1px solid var(--line);border-radius:2px;background:#fffaf02e;padding:10px 13px;color:var(--ink);caret-color:var(--bronze);font:16px/1.4 var(--sans);box-shadow:inset 0 1px 3px #5b3d0c09;transition:border-color .2s,background .2s}.field input::placeholder{color:#78664f;opacity:1}.field input:hover{border-color:#775c35}.field input:focus{outline:2px solid #795a2c;outline-offset:2px;background:#fff9ec6b}.field input[aria-invalid=true]{border-color:#963e2b}.input-wrap{position:relative}.input-wrap input{padding-right:48px}.show-password{position:absolute;right:1px;top:1px;width:44px;height:44px;border:0;background:transparent;display:grid;place-items:center}.show-password:hover{background:#8c6a2420}.show-password svg{width:21px;height:21px;fill:none;stroke:var(--bronze);stroke-width:1.3}.eye-slash{display:none}.show-password[aria-pressed=true] .eye-slash{display:block}.password-field{margin-bottom:0}.recovery-row{text-align:right;margin:7px 0 23px}.text-link{display:inline;background:none;border:0;padding:0;font:inherit;text-decoration:underline;text-underline-offset:3px;color:#62431e}.text-link:hover,a:hover{color:#2b1b09;text-decoration-thickness:2px}.recovery-row .text-link{font:16px/1.4 var(--serif);padding:4px 0}.primary,.secondary{width:100%;min-height:48px;display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid var(--bronze);border-radius:2px;font:21px/1.2 var(--serif);text-decoration:none;padding:11px 12px;transition:background .2s,color .2s,border-color .2s}.primary{background:linear-gradient(100deg,#4b321b,#64451f 50%,#4d341b);color:#fff2d7;box-shadow:inset 0 0 0 2px #c4a66a33}.primary:hover{background:#3e2a16;color:#fff7e6;text-decoration:none}.primary svg,.secondary svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.3;flex:none}.secondary{background:#f7edd92e;border-color:#a98b5e;font-size:19px}.secondary:hover{background:#f9efddaa;border-color:#70502c}.divider{display:flex;align-items:center;gap:14px;font:17px/1 var(--serif);color:#6e573b;margin:20px 0}.divider:before,.divider:after{content:"";height:1px;flex:1;background:#ad936353}.registration{text-align:center;font:17px/1.5 var(--serif);margin:29px -12px 0}.registration .text-link{margin-left:4px}.field-error{color:#843422;font:14px/1.4 var(--sans);margin-top:5px}.field-error:not([hidden]){display:block}.notice{font:14px/1.5 var(--sans);border:1px solid #a98b5e;background:#fff7e86b;padding:13px;margin-top:22px}.notice a{color:#62431e}.view-copy{color:var(--muted);margin:0 0 22px}.view-copy.small{font-size:14px;margin:15px 0 22px}.back-to-login{display:block;margin:24px auto 0}.page-footer{position:absolute;bottom:20px;text-align:center;color:#d5ba87;font:15px/1.5 var(--serif)}.page-footer a:hover{color:#fff0d0}.footer-rule{display:block;width:92px;height:1px;margin:9px auto 0;background:linear-gradient(90deg,transparent,#ad8750,transparent);position:relative}.footer-rule:after{content:"";position:absolute;left:calc(50% - 2px);top:-2px;width:5px;height:5px;border-radius:50%;background:#c2a168}.motion-toggle{position:fixed;right:25px;bottom:19px;display:flex;gap:8px;align-items:center;padding:9px 4px;color:#dac399;border:0;background:#1a150c70;font:14px/1.3 var(--serif);z-index:3}.motion-toggle svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1}.motion-toggle .play-symbol{display:none}.motion-toggle[aria-pressed=true] .pause-symbol{display:none}.motion-toggle[aria-pressed=true] .play-symbol{display:block}.motion-toggle:hover{color:#fff0cc}.motion-toggle:focus-visible,.page-footer a:focus-visible{outline-color:#dec18a}.preview-label{position:fixed;left:24px;bottom:26px;color:#d2bc96;font:12px/1.3 var(--sans);z-index:3}.preview-label span{margin:0 5px}.corners i{position:absolute;width:14px;height:14px;border:1px solid #977548;transform:rotate(45deg);pointer-events:none}.corners i:before,.corners i:after{content:"";position:absolute;inset:3px;border:1px solid #977548}.corners i:after{inset:-4px 6px;border-width:0 1px;transform:rotate(45deg)}.corners i:nth-child(1){top:20px;left:20px}.corners i:nth-child(2){top:20px;right:20px}.corners i:nth-child(3){bottom:20px;left:20px}.corners i:nth-child(4){bottom:20px;right:20px}[hidden]{display:none!important}
@media(min-height:940px) and (min-width:700px){.auth-panel{padding-top:35px;padding-bottom:42px}.auth-layout{padding-bottom:80px}.auth-header p{margin-bottom:33px}.field{margin-bottom:23px}.password-field{margin-bottom:0}.registration{margin-top:32px}}
@media(max-width:650px){.auth-layout{padding:25px 18px 116px;min-height:100svh}.auth-panel{width:420px;padding:27px 28px 32px}.brand img{width:125px;height:73px}.account-label{margin-bottom:20px}h1{font-size:39px}.auth-header p{margin-bottom:25px}.page-footer{bottom:58px}.preview-label{position:absolute;bottom:15px;left:0;right:0;text-align:center;font-size:11px}.motion-toggle{bottom:47px;right:12px;font-size:12px;gap:5px}.motion-toggle svg{width:18px;height:18px}.world{background-position:center bottom}.corners i:nth-child(1),.corners i:nth-child(2){top:17px}.corners i:nth-child(1),.corners i:nth-child(3){left:17px}.corners i:nth-child(2),.corners i:nth-child(4){right:17px}}
@media(max-width:360px){.auth-panel{padding-left:23px;padding-right:23px}.registration{font-size:16px}.motion-toggle span{max-width:42px}.auth-layout{padding-left:12px;padding-right:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}
body.netism-auth{position:relative}
@media(max-width:650px){.motion-toggle{position:absolute}}