@property --ai-login-border-x{syntax: "<percentage>"; inherits: false; initial-value: 50%;}@property --ai-login-border-y{syntax: "<percentage>"; inherits: false; initial-value: 0%;}.mp-auth--hero button.ma-login-hover-border{position:relative;overflow:visible}@supports (((-webkit-mask-composite: xor) or (mask-composite: exclude)) or (-webkit-mask-composite: xor)){.mp-auth--hero button.ma-login-hover-border:before,.mp-auth--hero button.ma-login-hover-border:after{content:"";position:absolute;inset:-2px;border-radius:inherit;padding:2px;pointer-events:none;background:radial-gradient(32% 160% at var(--ai-login-border-x) var(--ai-login-border-y),#f3eaff 0%,#bd91ff 35%,transparent 72%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:ai-login-border-orbit 4s linear infinite;transition:opacity .25s ease}.mp-auth--hero button.ma-login-hover-border:before{opacity:.8}.mp-auth--hero button.ma-login-hover-border:after{filter:blur(5px);opacity:.45}.mp-auth--hero button.ma-login-hover-border:is(:hover,:focus-visible):not(:disabled):before,.mp-auth--hero button.ma-login-hover-border:is(:hover,:focus-visible):not(:disabled):after{background:radial-gradient(75% 181% at 50% 50%,#c49cff 0%,transparent 100%);animation:none;opacity:1}.mp-auth--hero button.ma-login-hover-border:disabled:before,.mp-auth--hero button.ma-login-hover-border:disabled:after{content:none}}@keyframes ai-login-border-orbit{0%,to{--ai-login-border-x: 50%;--ai-login-border-y: 0%}25%{--ai-login-border-x: 100%;--ai-login-border-y: 50%}50%{--ai-login-border-x: 50%;--ai-login-border-y: 100%}75%{--ai-login-border-x: 0%;--ai-login-border-y: 50%}}@media(prefers-reduced-motion:reduce){.mp-auth--hero button.ma-login-hover-border:before,.mp-auth--hero button.ma-login-hover-border:after{animation:none;transition:none}}.mp-auth.mp-auth--hero{position:relative;isolation:isolate;overflow:hidden;background:#0a0a0a}:root[data-theme=light] .mp-auth.mp-auth--hero{background:#fff}.mp-auth--hero>header,.mp-auth--hero>main,.mp-auth--hero>footer{position:relative;z-index:1}.mp-auth.mp-auth--hero>header{padding:28px clamp(24px,4vw,64px)}.mp-auth.mp-auth--hero>main,.mp-auth.mp-auth--hero:has(.ma-login-simple)>main{display:flex;align-items:center;justify-content:center;flex:1;width:100%;max-width:none;margin:0;padding:48px clamp(20px,5vw,80px) 76px}.mp-auth-shell{width:100%}.mp-auth--hero .mp-auth-shell{width:min(100%,465px);margin-right:clamp(0px,18vw,310px);animation:mp-auth-arrive .8s cubic-bezier(.22,1,.36,1) both}@keyframes mp-auth-arrive{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.mp-auth--hero .mp-auth-intro,.mp-auth--hero:has(.ma-login-simple) .mp-auth-intro{margin:0 0 23px}.mp-auth--hero .mp-auth-eyebrow{display:inline-flex;align-items:center;gap:9px;padding:7px 12px;border:1px solid color-mix(in srgb,var(--mp-accent) 27%,var(--mp-line));border-radius:999px;background:color-mix(in srgb,var(--mp-panel) 54%,transparent);color:var(--mp-muted);font-size:10px;font-weight:600;letter-spacing:.06em;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.mp-auth-eyebrow span{width:7px;height:7px;border-radius:50%;background:var(--mp-accent);box-shadow:0 0 12px color-mix(in srgb,var(--mp-accent) 65%,transparent)}.mp-auth--hero .mp-auth-intro h1,.mp-auth--hero:has(.ma-login-simple) .mp-auth-intro h1{max-width:none;margin:19px 0 6px;font-size:clamp(32px,3vw,42px);font-weight:600;line-height:1.13;letter-spacing:-.045em}.mp-auth--hero .mp-auth-intro p{max-width:33ch;margin:0;color:var(--mp-muted);font-size:13px;line-height:1.7}.mp-auth--hero .mp-panel,.mp-auth--hero:has(.ma-login-simple) .mp-panel{position:relative;margin:0;padding:clamp(22px,3vw,30px);border:1px solid color-mix(in srgb,var(--mp-accent) 34%,var(--mp-line));border-radius:var(--mp-radius-lg);background:var(--mp-surface-gradient);box-shadow:var(--mp-highlight),var(--mp-shadow);transition:border-color var(--mp-duration) var(--mp-ease)}.mp-auth--hero .mp-panel:focus-within{border-color:var(--mp-line-strong)}.mp-auth--hero .ma-demo-login label{margin-top:0}.mp-auth--hero .ma-demo-login select,.mp-auth--hero .mp-input{min-height:48px;border-color:var(--mp-line);border-radius:var(--mp-radius-md);background:color-mix(in srgb,var(--mp-bg) 62%,var(--mp-panel))}.mp-auth--hero .ma-demo-login select:focus,.mp-auth--hero .mp-input:focus{border-color:var(--mp-accent);box-shadow:var(--mp-focus)}.mp-auth--hero .ma-demo-submit{margin-top:22px}.mp-auth--hero .mp-primary{min-height:48px;border-radius:var(--mp-radius-md);box-shadow:0 8px 22px #57349333;transition:box-shadow .2s ease,transform .2s ease,filter .2s ease}.mp-auth--hero .mp-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 28px #7a4fca52}.mp-auth--hero .ma-manual-login{margin-top:20px;color:var(--mp-muted);font-size:12px;text-decoration:none}.mp-auth--hero .ma-manual-login:hover{color:var(--mp-accent)}.mp-auth--hero>footer{padding-inline:clamp(24px,4vw,64px)}:root[data-theme=light] .mp-auth--hero .mp-panel{background:var(--mp-surface-gradient);box-shadow:var(--mp-highlight),var(--mp-shadow)}@media(max-width:760px){.mp-auth.mp-auth--hero>header{padding:20px}.mp-auth.mp-auth--hero>main,.mp-auth.mp-auth--hero:has(.ma-login-simple)>main{padding:34px 20px 60px}.mp-auth--hero .mp-auth-shell{margin-right:0}}@media(prefers-reduced-motion:reduce){.mp-auth--hero .mp-auth-shell{animation:none!important}.mp-auth--hero .mp-primary,.mp-auth--hero .mp-panel{transition:none}}