*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#0b0814}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,p,ul{margin:0}.auth-page{position:relative;min-height:100vh;min-height:100dvh;overflow:hidden;isolation:isolate;background:#0b0814;color:#ece6ff;color-scheme:dark}.auth-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.auth-glow{position:absolute;border-radius:50%;filter:blur(90px);animation:auth-drift 26s ease-in-out infinite alternate}.auth-glow--violet{width:62vmax;height:62vmax;top:-26vmax;right:-14vmax;background:radial-gradient(circle,rgba(143,24,255,.42),transparent 65%)}.auth-glow--blue{width:44vmax;height:44vmax;top:-18vmax;left:-16vmax;background:radial-gradient(circle,rgba(54,179,246,.22),transparent 65%);animation-duration:32s;animation-delay:-8s}.auth-glow--green{width:50vmax;height:30vmax;bottom:-14vmax;left:10vw;background:radial-gradient(ellipse,rgba(48,204,154,.16),transparent 65%);animation-duration:38s;animation-delay:-14s}@keyframes auth-drift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(-4vw,3vh,0) scale(1.08)}}.auth-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 80% 70% at 60% 30%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse 80% 70% at 60% 30%,#000 20%,transparent 75%)}.auth-stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;opacity:0;transition:opacity 1.2s ease}.auth-stage[data-ready=true]{opacity:1}.auth-stage canvas{display:block;width:100%;height:100%;touch-action:pan-y}.auth-promo{display:none;position:absolute;z-index:2;top:clamp(40px,9vh,112px);right:clamp(32px,6vw,112px);width:min(720px,48vw);pointer-events:none;animation:auth-promo-in 1.1s cubic-bezier(.16,1,.3,1) .15s both}@media (min-width: 1100px) and (min-height: 640px){.auth-promo{display:block}}@keyframes auth-promo-in{0%{opacity:0;transform:translateY(18px)}}.auth-promo__eyebrow{display:inline-flex;align-items:center;gap:12px;margin-bottom:28px;font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#ece6ff9e}.auth-promo__eyebrow svg{width:14px;height:14px;color:#a585ff}.auth-promo__headline{display:flex;flex-direction:column;font-size:clamp(40px,4.2vw,72px);font-weight:700;line-height:.98;letter-spacing:-.045em;color:#fff;text-wrap:balance}.auth-promo__line{display:flex;align-items:center;gap:.28em}.auth-promo__zigzag{width:2.1em;height:.5em;flex:none;color:#ece6ff80}.auth-promo__orbit{width:.62em;height:.62em;flex:none;color:#ece6ff80}.auth-promo__accent{width:fit-content;padding-bottom:.08em;background:linear-gradient(115deg,#36b3f6,#6f52fc 30%,#8f18ff 58%,#7c3de8 78%,#30cc9a 115%);background-clip:text;-webkit-background-clip:text;color:transparent}.auth-promo__benefits{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px;padding:0;list-style:none}.auth-promo__benefit{display:inline-flex;align-items:center;gap:8px;padding:8px 14px 8px 11px;border-radius:999px;font-size:13.5px;font-weight:500;letter-spacing:-.005em;color:#ffffffe0;background:#140e26b8;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.auth-promo__benefit svg{width:18px;height:18px;flex:none;color:#b9a1ff}.auth-content{position:relative;z-index:3;min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:20px 16px;pointer-events:none}.auth-content>*{pointer-events:auto}@media (min-width: 640px){.auth-content{padding:40px 32px}}@media (min-width: 1100px){.auth-content{justify-content:flex-start;padding-left:clamp(32px,6vw,112px)}}.auth-logo{--h: 26px;display:inline-flex;align-items:flex-start;gap:calc(var(--h) * .18);line-height:1;text-decoration:none}.auth-logo__e,.auth-logo__d{width:var(--h);height:var(--h);background:conic-gradient(from 0deg at 0% 50%,#36b3f6,#567cfa 24deg,#6f52fc 42deg,#7e34fd 53deg,#8f19fd 67deg,#7c3de8 90deg,#6c5bd9 107deg,#5f72cb 122deg,#508ebb 141deg,#40abab 156deg,#30cc9a 180deg,#30cc9a 360deg)}.auth-logo__e{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 58.5%,50% 58.5%,50% 41.5%,0 41.5%)}.auth-logo__d{border-radius:0 999px 999px 0}.auth-logo__ai{margin-left:calc(var(--h) * .1);margin-top:calc(var(--h) * -.06);font-size:calc(var(--h) * .52);font-weight:800;letter-spacing:.01em;color:#a585ff}.auth-card{position:relative;width:100%;max-width:440px;padding:24px 20px 22px;border-radius:24px;background:radial-gradient(120% 60% at 0% 0%,rgba(122,63,253,.16),transparent 60%),linear-gradient(180deg,#1c1530db,#0f0b1ceb);backdrop-filter:blur(28px) saturate(150%);-webkit-backdrop-filter:blur(28px) saturate(150%);box-shadow:0 40px 90px -30px #000000bf,0 0 0 1px #ffffff0f,inset 0 1px #ffffff14;animation:auth-card-in .9s cubic-bezier(.16,1,.3,1) both}.auth-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:1px;border-radius:inherit;background:linear-gradient(145deg,#36b3f68c,#8f18ff59 30%,#ffffff05 55%,#30cc9a4d);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;-webkit-mask-composite:xor;pointer-events:none}.auth-card>*{animation:auth-rise-in .8s cubic-bezier(.16,1,.3,1) both}.auth-card>:nth-child(1){animation-delay:.14s}.auth-card>:nth-child(2){animation-delay:.2s}.auth-card>:nth-child(3){animation-delay:.26s}.auth-card>:nth-child(4){animation-delay:.32s}.auth-card>:nth-child(5){animation-delay:.38s}@media (min-width: 640px){.auth-card{max-width:460px;padding:36px 36px 30px;border-radius:28px}}@keyframes auth-card-in{0%{opacity:0;transform:translateY(24px) scale(.985)}}@keyframes auth-rise-in{0%{opacity:0;transform:translateY(10px)}}.auth-card__top{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:34px;margin-bottom:36px}@media (min-width: 640px){.auth-card__top{margin-bottom:44px}}.auth-card__badge{padding:6px 12px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#ece6ffb3;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.auth-card__header{margin-bottom:28px}.auth-card__eyebrow{margin-bottom:12px;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#a585ff}.auth-card__title{font-size:30px;font-weight:700;line-height:1.08;letter-spacing:-.035em;color:#fff;text-wrap:balance}@media (min-width: 640px){.auth-card__title{font-size:36px}}.auth-card__description{margin-top:12px;max-width:40ch;font-size:15px;line-height:1.55;color:#ece6ff9e;text-wrap:pretty}.auth-alert{margin-bottom:16px;padding:12px 14px;border-radius:14px;font-size:13.5px;line-height:1.45}.auth-alert--error{color:#ffb4bd;background:#ef44441f;border:1px solid rgba(239,68,68,.25)}.auth-alert--success{color:#a7f3d0;background:#30cc9a1f;border:1px solid rgba(48,204,154,.28)}.auth-card__footer{margin-top:28px;padding-top:20px;border-top:1px solid rgba(255,255,255,.07);font-size:13px;line-height:1.5;color:#ece6ff80}.auth-form{display:flex;flex-direction:column;gap:18px}.auth-field{display:flex;flex-direction:column;gap:8px}.auth-field__label{font-size:13px;font-weight:500;color:#ece6ffb8}.auth-field__wrapper{position:relative}.auth-field__input{width:100%;height:54px;padding:0 18px;font:inherit;font-size:16px;color:#fff;caret-color:#a585ff;background-color:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:14px;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border-color .15s ease,background-color .15s ease,box-shadow .25s ease}.auth-field__input::placeholder{color:#ffffff4d}.auth-field__input:hover{border-color:#ffffff2e;background-color:#ffffff0f}.auth-field__input:focus{outline:none;border-color:#8f5cff;background-color:#ffffff12;box-shadow:0 0 0 4px #7a3ffd47}.auth-field__input:-webkit-autofill{-webkit-text-fill-color:#fff;box-shadow:0 0 0 1000px #1d1633 inset;transition:background-color 9999s ease-out}.auth-field__input:-webkit-autofill:focus{box-shadow:0 0 0 1000px #1d1633 inset,0 0 0 4px #7a3ffd47}.auth-field__input[aria-invalid=true]{border-color:#ef44448c}.auth-field__input--adornment{padding-right:54px}.auth-password-toggle{display:flex;align-items:center;justify-content:center;position:absolute;top:50%;right:8px;width:38px;height:38px;padding:0;border:0;border-radius:10px;background:transparent;color:#ffffff80;cursor:pointer;transform:translateY(-50%);transition:color .15s ease,background-color .15s ease}.auth-password-toggle svg{width:20px;height:20px}.auth-password-toggle .auth-icon-eye-off,.auth-password-toggle[aria-pressed=true] .auth-icon-eye{display:none}.auth-password-toggle[aria-pressed=true] .auth-icon-eye-off{display:block}.auth-password-toggle:hover{color:#fff;background-color:#ffffff14}.auth-password-toggle:focus-visible{outline:2px solid #a585ff;outline-offset:0}.auth-link{align-self:flex-end;margin-top:-6px;font-size:14px;font-weight:500;color:#b9a1ff;text-decoration:none;border-radius:6px;transition:color .15s ease}.auth-link:hover{color:#fff}.auth-link:focus-visible{outline:2px solid #a585ff;outline-offset:3px}.auth-submit{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:56px;margin-top:8px;padding:0 24px;overflow:hidden;font:inherit;font-size:16px;font-weight:600;letter-spacing:-.01em;color:#fff;border:0;border-radius:16px;cursor:pointer;background:linear-gradient(110deg,#36b3f6,#6f52fc 28%,#8f18ff 52%,#7c3de8 72%,#30cc9a);background-size:220% 100%;background-position:0% 50%;box-shadow:0 14px 34px -14px #8f18ffcc,inset 0 1px #ffffff40;transition:background-position .7s cubic-bezier(.16,1,.3,1),transform .15s ease,box-shadow .25s ease}.auth-submit:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:translate(-100%);transition:transform .9s cubic-bezier(.16,1,.3,1)}.auth-submit svg{width:18px;height:18px;transition:transform .3s cubic-bezier(.16,1,.3,1)}.auth-submit:hover{transform:translateY(-1px);background-position:70% 50%;box-shadow:0 18px 40px -14px #8f18fff2,inset 0 1px #ffffff40}.auth-submit:hover:before{transform:translate(100%)}.auth-submit:hover svg{transform:translate(3px)}.auth-submit:focus-visible{outline:2px solid #c4b0ff;outline-offset:3px}.auth-submit:active{transform:translateY(0) scale(.985)}.auth-submit__loading{display:none;align-items:center;gap:8px}.auth-submit[data-loading=true]{pointer-events:none;opacity:.7;box-shadow:none}.auth-submit[data-loading=true] .auth-submit__idle{display:none}.auth-submit[data-loading=true] .auth-submit__loading{display:inline-flex}.auth-submit__idle{display:inline-flex;align-items:center;gap:10px}.auth-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:auth-spin .8s linear infinite}@keyframes auth-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.auth-glow,.auth-promo,.auth-card,.auth-card>*{animation:none}}
