[data-page=login]{background:var(--color-surface-950);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}[data-page=login] [data-layer=rings]{pointer-events:none;position:absolute;inset:0}[data-page=login] [data-element=ring-lg]{border:1px solid #6366f112;border-radius:50%;width:600px;height:600px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}[data-page=login] [data-element=ring-md]{border:1px solid #6366f10d;border-radius:50%;width:400px;height:400px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}[data-page=login] [data-element=dot-1]{background:#6366f14d;border-radius:50%;width:8px;height:8px;position:absolute;top:18%;left:22%}[data-page=login] [data-element=dot-2]{background:#38bdf840;border-radius:50%;width:4px;height:4px;position:absolute;bottom:22%;right:24%}[data-page=login] [data-element=dot-3]{background:#6366f133;border-radius:50%;width:5px;height:5px;position:absolute;bottom:28%;left:18%}[data-page=login] [data-layer=card]{z-index:1;background:#ffffff05;border:.5px solid #ffffff12;border-radius:16px;flex-direction:column;gap:0;width:100%;max-width:380px;padding:40px 36px;display:flex;position:relative}[data-page=login] [data-element=brand]{text-align:center;flex-direction:column;align-items:center;gap:4px;margin-bottom:28px;display:flex}[data-page=login] [data-element=logo]{color:var(--color-surface-50);letter-spacing:-.3px;font-size:22px;font-weight:300}[data-page=login] [data-element=logo] strong{color:var(--color-primary-400);font-weight:700}[data-page=login] [data-element=tagline]{color:var(--color-surface-500);font-size:12px}[data-page=login] [data-element=divider]{background:#ffffff0f;height:.5px;margin-bottom:28px}[data-page=login] [data-element=header]{margin-bottom:24px}[data-page=login] [data-element=header] h1{color:var(--color-surface-50);margin-bottom:4px;font-size:18px;font-weight:600}[data-page=login] [data-element=header] p{color:var(--color-surface-400);font-size:13px}[data-page=login] [data-element=form]{flex-direction:column;gap:14px;display:flex}[data-page=login] [data-element=field]{flex-direction:column;gap:6px;display:flex}[data-page=login] [data-element=field] label{color:var(--color-surface-400);text-transform:uppercase;letter-spacing:.7px;font-size:11px;font-weight:600}[data-page=login] [data-element=field] input{border-radius:var(--radius-base);color:var(--color-surface-50);background:#ffffff08;border:1px solid #ffffff14;outline:none;width:100%;padding:10px 14px;font-size:14px;transition:border-color .15s,box-shadow .15s}[data-page=login] [data-element=field] input:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #6366f11f}[data-page=login] [data-element=field] input::placeholder{color:var(--color-surface-600)}[data-page=login] [data-element=error]{border-radius:var(--radius-base);color:var(--color-error-400);background:#ef444414;border:1px solid #ef44442e;padding:10px 14px;font-size:13px}[data-page=login] [data-element=submit]{background:var(--color-primary-500);color:#fff;border-radius:var(--radius-base);cursor:pointer;letter-spacing:.2px;border:none;width:100%;margin-top:4px;padding:11px;font-size:14px;font-weight:600;transition:background .15s,transform .1s}[data-page=login] [data-element=submit]:hover{background:var(--color-primary-400)}[data-page=login] [data-element=submit]:active{transform:scale(.99)}