.looma-auth{--bg:var(--looma-bg);--card:var(--looma-card);--card2:var(--looma-card-2);--border:var(--looma-border);--border2:var(--looma-border-2);--text:var(--looma-text);--text2:var(--looma-text-3);--text3:var(--looma-text-4);--emerald:var(--looma-emerald);--emerald-d:var(--looma-emerald-d);--display:var(--font-bricolage), "Bricolage Grotesque", system-ui, sans-serif;--body:var(--font-hanken), "Hanken Grotesk", system-ui, sans-serif;background:var(--bg);min-height:100vh;color:var(--text);font-family:var(--body);-webkit-font-smoothing:antialiased;flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex;position:relative;overflow:hidden}.looma-auth:before{content:"";filter:blur(22px);pointer-events:none;background:radial-gradient(#34d39924,#10b9810a 42%,#0000 72%);width:900px;height:560px;position:absolute;top:-240px;left:50%;transform:translate(-50%)}.looma-auth:after{content:"";background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);opacity:.18;pointer-events:none;background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 55% at 50% 0,#000 25%,#0000 72%);mask-image:radial-gradient(80% 55% at 50% 0,#000 25%,#0000 72%)}.looma-auth .auth-shell{z-index:1;flex-direction:column;gap:18px;width:100%;max-width:408px;display:flex;position:relative}.looma-auth .auth-brand{justify-content:center;align-items:center;gap:11px;display:flex}.looma-auth .auth-brand .name{font-family:var(--display);letter-spacing:-.02em;color:var(--text);font-size:21px;font-weight:700}.looma-auth .auth-card{background:linear-gradient(180deg, var(--card2), var(--card));border:1px solid var(--border2);border-radius:20px;padding:34px 32px;position:relative;overflow:hidden;box-shadow:0 40px 100px -40px #000000d9,inset 0 0 0 1px #ffffff05}.looma-auth .auth-card:before{content:"";background:linear-gradient(90deg,#0000,#34d39980,#0000);height:1px;position:absolute;top:0;left:0;right:0}.looma-auth .auth-head{text-align:center;margin-bottom:24px}.looma-auth .auth-h{font-family:var(--display);letter-spacing:-.02em;color:var(--text);font-size:26px;font-weight:700}.looma-auth .auth-sub{color:var(--text2);margin-top:6px;font-size:14.5px}.looma-auth form{flex-direction:column;gap:16px;display:flex}.looma-auth .auth-field{flex-direction:column;gap:7px;display:flex}.looma-auth .auth-field label{color:var(--text2);font-size:13px;font-weight:500}.looma-auth .auth-field input{width:100%;color:var(--text);border:1px solid var(--border2);font-family:var(--body);background:#ffffff0a;border-radius:12px;padding:13px 15px;font-size:15px;transition:border-color .2s,background .2s,box-shadow .2s}.looma-auth .auth-field input::placeholder{color:var(--text3)}.looma-auth .auth-field input:focus{background:#ffffff0f;border-color:#34d39999;outline:none;box-shadow:0 0 0 3px #34d39924}.looma-auth .auth-btn{width:100%;font-family:var(--body);color:#04130c;background:var(--emerald);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:4px;padding:13px 18px;font-size:15px;font-weight:600;transition:background .2s,transform .15s,box-shadow .2s;display:inline-flex;box-shadow:inset 0 1px #fff3,0 8px 24px #34d39938}.looma-auth .auth-btn:hover:not(:disabled){background:#46e0a8;transform:translateY(-1px);box-shadow:inset 0 1px #ffffff40,0 12px 30px #34d3994d}.looma-auth .auth-btn:disabled{opacity:.6;cursor:default}.looma-auth .auth-err{color:#fca5a5;background:#ef444414;border:1px solid #ef444438;border-radius:10px;padding:10px 13px;font-size:13.5px}.looma-auth .auth-foot{text-align:center;color:var(--text3);margin-top:20px;font-size:14px}.looma-auth .auth-foot a{color:var(--emerald);font-weight:500;text-decoration:none}.looma-auth .auth-foot a:hover{text-decoration:underline}.looma-auth .auth-back{z-index:1;color:var(--text3);margin-top:22px;font-size:13.5px;text-decoration:none;transition:color .2s;position:relative}.looma-auth .auth-back:hover{color:var(--text2)}