.of-login{position:relative;isolation:isolate;min-height:100svh;overflow:hidden;background:#141119;color:#f7f4ff;font-family:var(--font-community-sans),"Hanken Grotesk",sans-serif;padding:32px clamp(24px,6vw,96px);display:flex;flex-direction:column}.of-login>.hero-plasma{width:100%;height:100%;z-index:-3;image-rendering:pixelated}.of-login>.hero-glass,.of-login>.hero-plasma{position:absolute;inset:0;pointer-events:none}.of-login>.hero-glass{z-index:-2;background:linear-gradient(110deg,rgba(17,10,28,.34),rgba(12,9,18,.7))}.of-login>.hero-sheen{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 18% 35%,#a780ff18,transparent 60%),linear-gradient(180deg,#ffffff08,transparent 30%);pointer-events:none}.of-login-header{display:flex;align-items:center;justify-content:space-between;gap:24px}.of-login-header>a:last-child{color:#d5cce3;font-size:14px;text-decoration:none}.of-login-header>a:last-child:hover{color:white}.of-login-layout{flex:1 1;display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,440px);grid-gap:clamp(40px,7vw,110px);gap:clamp(40px,7vw,110px);align-items:center;width:100%;max-width:1180px;margin:64px auto}.of-login-symbol{font-size:76px;font-weight:300;line-height:1;color:#bca2ff;display:block;margin-bottom:30px}.of-login-intro h1{font-family:var(--font-kicker),"Bricolage Grotesque",sans-serif;font-size:clamp(38px,4.3vw,66px);font-weight:800;line-height:1.06;letter-spacing:-.04em;margin:0 0 24px;color:#faf8ff}.of-login-intro p{font-size:19px;line-height:1.6;color:#c4bacf;margin:0}.of-login-panel{padding:clamp(28px,3.4vw,48px);border:1px solid #d4bdff30;border-radius:28px;background:linear-gradient(145deg,#30273bba,#19141fe8);box-shadow:0 28px 80px #07030e50,inset 0 1px 0 #ffffff09;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.of-login-panel h2{font-family:var(--font-kicker),"Bricolage Grotesque",sans-serif;font-size:32px;line-height:1.1;letter-spacing:-.025em;font-weight:800;margin:0 0 12px;color:#faf8ff}.of-login-panel>p{color:#c4bacf;font-size:16px;line-height:1.5;margin:0 0 32px}.of-login .form{gap:22px}.of-login .field,.of-login .form{display:flex;flex-direction:column;margin:0}.of-login .field{gap:9px}.of-login .field label{font-size:14px;font-weight:600;color:#e5dfee}.of-login .field input{width:100%;min-width:0;height:54px;border-radius:12px;border:1px solid #d9c5ff30;background:#110d1880;color:#fff;padding:0 16px;font:inherit;outline:none;box-shadow:none}.of-login .field input::placeholder{color:#a397b3;opacity:1}.of-login .field input:focus{border-color:#b294ff;box-shadow:0 0 0 3px #ac80ff20}.of-login .btn{width:100%;min-height:54px;border:1px solid #bc90ff;border-radius:12px;background:linear-gradient(110deg,#7941ea,#a24df0);color:#fff;font-family:var(--font-community-nav),Archivo,sans-serif;font-size:15px;font-weight:600;box-shadow:0 6px 28px #8946e53d;margin:4px 0 0;cursor:pointer;transition:box-shadow .2s,filter .2s}.of-login .btn:hover{filter:brightness(1.1);box-shadow:0 6px 35px #8946e568}.of-login .btn:disabled{opacity:.65;cursor:wait}.of-login :focus-visible{outline:2px solid #c5acff;outline-offset:5px}.of-login .form-error{color:#ffd1da;background:#932d4930;border:1px solid #fa8eaa60;border-radius:10px;padding:12px 14px;font-size:14px;line-height:1.5}.of-login-footer{font-size:13px;color:#a89bb9;padding:8px 0;text-align:center}@media(max-width:760px){.of-login{padding:24px;min-height:100svh}.of-login-layout{grid-template-columns:1fr;gap:32px;max-width:440px;margin:48px auto 36px}.of-login-symbol{display:none}.of-login-intro h1{font-size:38px;line-height:1.08;margin-bottom:16px}.of-login-intro p{font-size:16px}.of-login-panel{padding:28px 24px;border-radius:22px}.of-login-panel h2{font-size:28px}.of-login-footer,.of-login-header>a:last-child{font-size:12px}}@media(prefers-reduced-motion:reduce){.of-login .btn{transition:none}}