main,.content,.app,#app,#root{position:relative;z-index:1}:root{--login-fx: 1;--login-glow-opacity: .28;--login-grain-opacity: .1;--login-vignette-opacity: .55}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.btn,.auth-btn{transition:none!important}.btn__shine{animation:none!important}}.bg{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:0;overflow:hidden;contain:layout paint}.bg__vignette{position:absolute;inset:-2px;opacity:var(--login-vignette-opacity);background:radial-gradient(circle at 50% 30%,transparent 35%,rgba(0,0,0,.6) 80%)}.bg__grain{position:absolute;inset:0;opacity:var(--login-grain-opacity);background:repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 2px),repeating-linear-gradient(90deg,rgba(255,255,255,.014) 0 1px,transparent 1px 3px)}.bg__glow{position:absolute;width:540px;height:540px;opacity:var(--login-glow-opacity);border-radius:999px;transform:translateZ(0);-webkit-transform:translateZ(0)}.bg__glow--a{left:-220px;top:-210px;background:radial-gradient(circle at 30% 30%,#ff2b5552,#ff2b5500 70%)}.bg__glow--b{right:-240px;bottom:-240px;background:radial-gradient(circle at 30% 30%,#ffcc6642,#fc60 70%)}@supports (filter: blur(1px)){.bg__glow{filter:blur(46px);opacity:.5}}@supports (mix-blend-mode: overlay){.bg__grain{mix-blend-mode:overlay;opacity:.16}}.topbar{position:sticky;top:0;z-index:10;background:#00000085;border-bottom:1px solid rgba(255,255,255,.1)}@supports ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){.topbar{background:#00000047;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}}.topbar__inner{max-width:1120px;margin:0 auto;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.topbar__actions{display:flex;align-items:center;gap:10px}.pill{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#ffffffd1;font-size:13px;white-space:nowrap}.pill__dot{width:10px;height:10px;border-radius:99px;background:var(--accent);box-shadow:0 0 0 3px #ff2b5533}.brand{display:flex;align-items:center;gap:12px}.brand__mark{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;font-weight:900;letter-spacing:.5px;background:linear-gradient(135deg,#ff2b55f2,#ffcc66bf);box-shadow:0 10px 24px #00000073;-webkit-user-select:none;user-select:none}.brand__name{font-weight:900;letter-spacing:.2px}.brand__tag{font-size:12.5px;color:var(--muted2);margin-top:2px}.brand--top .brand__text{display:block}@media(max-width:560px){.brand--top .brand__text{display:none}}.shell{max-width:1120px;margin:0 auto;padding:16px;display:grid;gap:14px;align-content:start}#loginShell{width:100%}.hero{order:2}.card{order:1}@media(min-width:980px){#loginShell{grid-template-columns:1.18fr .82fr;gap:22px;padding:22px 16px 32px;align-items:start}.hero{order:1}.card{order:2;position:sticky;top:78px}}.hero{width:100%;display:flex;flex-direction:column;gap:14px}.hero__card{border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#ffffff0f,#ffffff08);border-radius:var(--radius2);padding:18px;box-shadow:var(--shadow2)}.brand--hero{margin-bottom:12px}@media(max-width:560px){.brand--hero .brand__text{display:none}}.hero__title{margin:0;font-size:clamp(30px,3.5vw,50px);line-height:1.06;letter-spacing:-.8px}.hero__accent{color:transparent;background:linear-gradient(90deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text}.hero__sub{display:block;margin-top:10px;font-size:clamp(16px,1.6vw,20px);color:var(--muted);letter-spacing:-.2px}.hero__subtitle{margin:12px 0 0;font-size:16.5px;line-height:1.55;color:#ffffffdb;max-width:70ch}.hero__subtitleMuted{color:var(--muted2)}.trust{display:flex;flex-wrap:wrap;gap:10px 10px;margin-top:12px;color:var(--muted);font-size:13px;justify-content:flex-start}.trust__item{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#0000002e;color:#ffffffd6;font-size:13px}.trust__icon{opacity:.98}.grid{display:grid;gap:12px;grid-template-columns:1fr;width:100%}@media(min-width:640px){.grid{grid-template-columns:1fr 1fr}.shot--xl{grid-column:1 / -1}}@media(min-width:980px){.grid{max-width:560px}}.shot{position:relative;border-radius:var(--radius2);overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#ffffff08;box-shadow:var(--shadow2);min-height:210px;isolation:isolate;transform:translateZ(0);-webkit-transform:translateZ(0)}.shot--xl{min-height:300px}.shot img{width:100%;height:100%;object-fit:cover;display:block;transform:none}.shot:before{content:"";position:absolute;inset:0;background:linear-gradient(#0000001a,#00000094),repeating-linear-gradient(0deg,rgba(255,255,255,.03) 0 10px,transparent 10px 20px),repeating-linear-gradient(90deg,rgba(255,255,255,.024) 0 10px,transparent 10px 20px);opacity:.62;pointer-events:none}@supports (mix-blend-mode: overlay){.shot:before{mix-blend-mode:overlay;opacity:.72}}@media(hover:hover)and (pointer:fine){.shot img{transform:scale(1.06)}}.censor{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:10px;padding:14px;pointer-events:none}.censor__bar{align-self:center;width:min(520px,92%);padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.18);background:#000000b3;text-align:center;font-weight:900;letter-spacing:2px;color:#fff;text-transform:uppercase}@supports ((backdrop-filter: blur(8px)) or (-webkit-backdrop-filter: blur(8px))){.censor__bar{background:#0000008c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}}.shot__cap{position:absolute;left:14px;bottom:12px;right:14px;display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;color:#ffffffe6;text-shadow:0 10px 30px rgba(0,0,0,.55);font-weight:700;font-size:14px}.shot__capMuted{color:#ffffffb8;font-weight:650}.card{width:100%;border-radius:var(--radius2);border:1px solid rgba(255,255,255,.12);background:var(--panel);box-shadow:var(--shadow);padding:18px}.card__header{margin-bottom:12px}.card__title{margin:0;font-size:22px;letter-spacing:-.3px;text-align:left}.card__desc{margin:8px 0 0;color:var(--muted);font-size:15px;line-height:1.5;text-align:left}.miniTrust{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 6px}.miniTrust__item{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#00000038;color:#ffffffdb;font-size:13.5px;line-height:1.2}.divider{margin:14px 0;display:flex;align-items:center;gap:12px;color:#ffffff8c;font-size:12.5px}.divider:before,.divider:after{content:"";height:1px;flex:1;background:#ffffff1f}.divider span{padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#0000002e}.btn{width:100%;border-radius:18px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:var(--text);padding:14px;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;box-shadow:0 10px 22px #00000038;transition:transform .12s ease,background .12s ease,border-color .12s ease,filter .12s ease;font-size:16px;font-weight:800;letter-spacing:.1px}.btn:hover{background:#ffffff14;border-color:#fff3}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:none;box-shadow:var(--ring)}.btn--primary{position:relative;border-color:#ff2b554d;background:linear-gradient(135deg,#ff2b55f2,#ffcc66c7);color:#0f0a0cf2;font-weight:950;letter-spacing:.2px;overflow:hidden;padding:15px 14px}.btn--primary:hover{filter:saturate(1.06)}.btn__shine{position:absolute;inset:-40px;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.28),transparent 55%);transform:translate(-40%);animation:shine 4.5s ease-in-out infinite;pointer-events:none;opacity:.55}@keyframes shine{0%,to{transform:translate(-40%)}50%{transform:translate(40%)}}.form{display:none}.form.is-active{display:block}.field{display:block;margin:12px 0}.field__label{display:block;margin-bottom:8px;font-size:13.5px;color:var(--muted);font-weight:750;letter-spacing:.15px}.field__input{width:100%;height:56px;padding:0 14px;border-radius:16px;border:1px solid rgba(255,255,255,.14);background:#00000038;color:#ffffffeb;outline:none;font-size:17px;transition:box-shadow .12s ease,border-color .12s ease,background .12s ease}.field__input::placeholder{color:#ffffff5c}.field__input:focus{border-color:#ff2b5573;box-shadow:var(--ring);background:#0000004d}.field__hint{display:block;margin-top:8px;font-size:13px;color:#ffffff94;line-height:1.55}.field__error{display:block;min-height:16px;margin-top:6px;font-size:12.5px;color:#ff7878f2}.check{display:flex;gap:10px;align-items:flex-start;margin:10px 0 12px;color:#ffffffc7;font-size:14px;line-height:1.35}.check--compact{margin:0}.check input{margin-top:3px;width:20px;height:20px;accent-color:var(--accent)}.form__row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:6px 0 12px}.toast{margin-top:12px;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#00000047;color:#ffffffeb}.toast.is-error{border-color:#ff787859;background:#ff787814}.toast.is-success{border-color:#33d17a59;background:#33d17a14}.form .field--password{display:none}.form.is-password .field--password{display:block}.form.is-password .magic-only{display:none}.form:not(.is-password) .password-only{display:none}.auth-providers{display:grid;gap:12px;margin-top:12px}.auth-btn{width:100%;height:48px;padding:0 14px;border-radius:12px;border:1px solid rgba(255,255,255,.14);display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font-size:15px;font-weight:650;letter-spacing:0;line-height:1;transition:transform .08s ease,filter .12s ease,background .12s ease,border-color .12s ease,box-shadow .12s ease;box-shadow:0 8px 18px #0000002e}.auth-btn:active{transform:translateY(1px)}.auth-btn:focus-visible{outline:none;box-shadow:var(--ring),0 10px 22px #00000038}.auth-btn__icon{width:22px;height:22px;display:grid;place-items:center;flex:0 0 22px}.auth-btn__text{flex:1;text-align:center;padding-right:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.auth-btn--google{background:#fff;border:1px solid rgba(0,0,0,.14);color:#000000de}.auth-btn--google:hover{background:#fff;border-color:#0000002e;box-shadow:0 10px 22px #0000002e;filter:brightness(.99)}.auth-btn--google:active{background:#00000008}.auth-icon--google{width:18px;height:18px;display:block}.auth-btn--apple{background:#000;border:1px solid rgba(255,255,255,.18);color:#fff}.auth-btn--apple:hover{border-color:#ffffff42;filter:brightness(1.06);box-shadow:0 10px 22px #0000003d}.auth-btn--apple:active{filter:brightness(.98)}.auth-icon--apple{width:18px;height:18px;display:block;filter:invert(1)}.pageLoader{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:radial-gradient(1200px 700px at 50% 30%,rgba(255,43,85,.1),transparent 60%),radial-gradient(900px 600px at 30% 70%,rgba(255,204,102,.1),transparent 55%),#000000b8;pointer-events:all;opacity:1;transition:opacity .18s ease}.pageLoader[hidden]{display:none}@supports ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){.pageLoader{backdrop-filter:blur(14px) saturate(1.05);-webkit-backdrop-filter:blur(14px) saturate(1.05)}}.pageLoader__card{width:min(440px,calc(100vw - 36px));padding:14px 16px;border-radius:18px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,#161622d1,#0e0e16bd);box-shadow:0 28px 90px #0000008c,0 0 0 1px #ffffff0f inset;display:flex;align-items:center;gap:12px}.pageLoader__text{font-size:14.5px;color:#ffffffeb;letter-spacing:.1px}.pageLoader__spinner{width:18px;height:18px;border-radius:999px;border:2px solid rgba(255,255,255,.22);border-top-color:#ffffffeb;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.pageLoader__spinner{animation:none}}@media(max-width:979px){.card{border-radius:22px}}.grid .shot{min-height:260px}.grid .shot--xl{min-height:380px}@media(min-width:640px){.grid .shot{min-height:290px}.grid .shot--xl{min-height:420px}}@media(min-width:980px){.grid{max-width:680px}.grid .shot{min-height:320px}.grid .shot--xl{min-height:460px}}@media(min-width:1240px){.grid{grid-template-columns:repeat(3,1fr);max-width:920px}.grid .shot--xl{grid-column:1 / -1}.grid .shot{min-height:320px}.grid .shot--xl{min-height:480px}}@media(min-width:980px){#loginShell{grid-template-columns:1.28fr .72fr}.grid{max-width:760px;grid-template-columns:repeat(3,1fr)}.grid .shot--xl{grid-column:1 / -1}}@media(min-width:1240px){.grid{max-width:1040px;grid-template-columns:repeat(3,1fr)}.grid .shot--xl{grid-column:1 / -1}}@media(max-width:900px){.shot{isolation:isolate;transform:translateZ(0);-webkit-transform:translate3d(0,0,0);backface-visibility:hidden;-webkit-backface-visibility:hidden;contain:paint}.shot img{border-radius:inherit;transform:none!important;backface-visibility:hidden;-webkit-backface-visibility:hidden}.shot:before{opacity:.55;mix-blend-mode:normal!important}.censor__bar{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#000000b8!important}}@supports (-webkit-touch-callout: none){@media(max-width:900px){.topbar{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#0000008c!important}.bg__grain{display:none!important}.bg__glow{filter:none!important;opacity:.2!important}}}@media(max-width:900px){html{background-color:var(--bg2);background-attachment:scroll;min-height:100%}body{background:transparent!important;min-height:100%}body:before,body:after{content:none!important;display:none!important}.bg,.bg__vignette,.bg__grain,.bg__glow{display:none!important}}@media(min-width:980px){#loginShell{grid-template-columns:1.28fr .72fr}.grid{max-width:900px;grid-template-columns:1fr 1fr}.grid .shot--xl{grid-column:1 / -1}}@media(min-width:1240px){.grid{max-width:1040px;grid-template-columns:1fr 1fr}.grid .shot--xl{grid-column:1 / -1}}
