.auth-page{min-height:100vh;position:relative;overflow:hidden;color:#0F172A;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,PingFang SC,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(ellipse 50% 40% at 15% 80%,rgba(180,200,255,.55) 0,rgba(180,200,255,0) 70%),radial-gradient(ellipse 60% 50% at 40% 0,rgba(200,195,245,.4) 0,rgba(200,195,245,0) 70%),radial-gradient(ellipse 100% 70% at 100% 60%,rgba(200,175,255,.55) 0,rgba(200,175,255,0) 65%),radial-gradient(ellipse 80% 70% at 10% 10%,rgba(228,238,255,.85) 0,rgba(228,238,255,0) 70%),radial-gradient(ellipse 60% 80% at 50% 100%,rgba(210,200,255,.5) 0,rgba(210,200,255,0) 65%),linear-gradient(125deg,#D5E0FF,#CBD4FF 25%,#C6C8F5 55%,#D2C8F5 80%,#DBCEF5)}.auth-page:after,.auth-page:before{content:"";position:absolute;border-radius:50%;filter:blur(120px);pointer-events:none;z-index:0}.auth-page:before{width:620px;height:620px;top:-160px;right:-120px;background:radial-gradient(circle at 35% 35%,rgba(255,255,255,1) 0,rgba(255,255,255,0) 55%),radial-gradient(circle at 60% 60%,rgba(180,195,255,.7) 0,rgba(180,195,255,0) 65%)}.auth-page:after{width:520px;height:520px;bottom:-180px;right:-80px;background:radial-gradient(circle,rgba(195,155,255,.6) 0,rgba(195,155,255,0) 70%)}.auth-page>.auth-grid{inset:0;background-image:radial-gradient(circle at 86% 12%,rgba(255,255,255,.95) 0,transparent 2.5px),radial-gradient(circle at 92% 28%,rgba(255,255,255,.75) 0,transparent 1.8px),radial-gradient(circle at 78% 6%,rgba(255,255,255,.65) 0,transparent 2px),radial-gradient(circle at 96% 48%,rgba(255,255,255,.85) 0,transparent 2.2px),radial-gradient(circle at 88% 70%,rgba(255,255,255,.7) 0,transparent 2.5px),radial-gradient(circle at 70% 92%,rgba(255,255,255,.6) 0,transparent 2px),radial-gradient(circle at 96% 86%,rgba(255,255,255,.7) 0,transparent 2px),radial-gradient(circle at 14% 78%,rgba(255,255,255,.55) 0,transparent 1.8px),radial-gradient(circle at 8% 22%,rgba(255,255,255,.65) 0,transparent 1.8px),radial-gradient(circle at 22% 45%,rgba(255,255,255,.5) 0,transparent 1.5px),radial-gradient(circle at 38% 88%,rgba(255,255,255,.55) 0,transparent 2px),linear-gradient(90deg,rgba(80,110,220,.06) 1px,transparent 0),linear-gradient(180deg,rgba(80,110,220,.06) 1px,transparent 0);background-size:100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,72px 72px,72px 72px;mask-image:radial-gradient(ellipse at 50% 50%,#000 50%,transparent 95%);-webkit-mask-image:radial-gradient(ellipse at 50% 50%,#000 50%,transparent 95%)}.auth-page>.auth-grid,.auth-right-mock{position:absolute;pointer-events:none;z-index:0}.auth-right-mock{right:0;top:50%;transform:translateY(-50%);width:50%;max-width:720px;height:70vh;max-height:640px;filter:blur(2px)}@media (max-width:1023px){.auth-right-mock{display:none}}.auth-right-mock-circle{position:absolute;top:26%;right:24%;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.95) 0,rgba(255,255,255,.4) 35%,rgba(200,210,245,.3) 60%,transparent 100%);filter:blur(6px)}.auth-right-mock-card-a{position:absolute;top:18%;right:6%;width:240px;height:130px;border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.62),rgba(232,238,255,.4));border:1px solid rgba(255,255,255,.55);box-shadow:0 12px 30px -10px rgba(80,100,200,.18);filter:blur(3px)}.auth-right-mock-card-b{position:absolute;bottom:20%;left:8%;width:220px;height:90px;border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.5),rgba(220,230,255,.35));border:1px solid rgba(255,255,255,.45);box-shadow:0 10px 24px -8px rgba(80,100,200,.15);filter:blur(3px)}.auth-right-mock-card-c{position:absolute;bottom:12%;right:8%;width:200px;height:110px;border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.55),rgba(225,230,255,.35));border:1px solid rgba(255,255,255,.5);box-shadow:0 10px 28px -10px rgba(80,100,200,.18);filter:blur(3px)}.auth-container{position:relative;z-index:1;min-height:100vh;margin:0 auto;padding:48px 24px;display:flex;align-items:center;justify-content:center}.auth-brand{display:none}@media (min-width:1024px){.auth-brand{display:flex;flex-direction:column;position:absolute;left:max(64px,6vw);top:48px;bottom:48px;width:min(480px,36vw);padding:0;z-index:0;pointer-events:none}.auth-brand .auth-brand-main{filter:blur(.6px);opacity:.95}.auth-brand .auth-brand-logo{filter:none;opacity:1;pointer-events:auto}}.auth-brand-logo{display:flex;align-items:center;gap:10px;flex-shrink:0}.auth-brand-main{flex:1;display:flex;flex-direction:column;justify-content:center;min-height:0}.auth-brand-logo-mark{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#165DFF,#4080FF);display:flex;align-items:center;justify-content:center;color:#FFFFFF;font-weight:700;font-size:17px;letter-spacing:-.02em;box-shadow:0 6px 16px -4px rgba(22,93,255,.45),inset 0 1px 0 rgba(255,255,255,.35)}.auth-brand-logo-text{font-size:16px;font-weight:600;color:#0F172A;letter-spacing:-.01em}.auth-brand-headline{margin:0 0 18px;font-size:clamp(32px,3.2vw,44px);font-weight:700;line-height:1.18;letter-spacing:-.025em;color:#1E293B}.auth-brand-headline em{font-style:normal;background:linear-gradient(135deg,#2D70FF,#7C5CFF);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.auth-brand-sub{margin:0 0 28px;font-size:14.5px;line-height:1.7;color:#475569}.auth-brand-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:36px}.auth-brand-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:rgba(255,255,255,.55);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.8);border-radius:999px;font-size:12.5px;font-weight:500;color:#334155;letter-spacing:-.005em;box-shadow:0 1px 2px rgba(80,100,200,.06),inset 0 1px 0 rgba(255,255,255,.7)}.auth-brand-chip-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.auth-brand-stack{position:relative;height:260px;max-width:320px}.auth-brand-card{position:absolute;background:rgba(255,255,255,.7);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.85);border-radius:18px;padding:14px 16px;display:flex;align-items:center;gap:12px;box-shadow:0 1px 2px rgba(80,100,200,.05),0 20px 40px -12px rgba(80,100,200,.18),inset 0 1px 0 rgba(255,255,255,.7);width:260px;transition:transform .3s ease}.auth-brand-card-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.auth-brand-card-title{font-size:13.5px;font-weight:600;color:#0F172A;line-height:1.2;letter-spacing:-.005em}.auth-brand-card-desc{font-size:11.5px;color:#64748B;margin-top:3px;line-height:1.35}.auth-brand-card-1{top:0;left:0;transform:rotate(-3deg)}.auth-brand-card-2{top:90px;left:64px;transform:rotate(1.5deg);z-index:2}.auth-brand-card-3{top:178px;left:14px;transform:rotate(-1.2deg)}.auth-form-wrapper{flex:0 0 auto;width:100%;max-width:520px;position:relative;z-index:2}@media (min-width:1024px){.auth-form-wrapper{width:500px}}@media (min-width:1440px){.auth-form-wrapper{width:520px}}.auth-card{width:100%;background:rgba(255,255,255,.32);backdrop-filter:blur(36px) saturate(180%);-webkit-backdrop-filter:blur(36px) saturate(180%);border:1px solid rgba(255,255,255,.65);border-radius:28px;padding:40px 40px 32px;box-shadow:inset 0 1px 0 rgba(255,255,255,.85),inset 0 -1px 0 rgba(255,255,255,.2),0 30px 80px -20px rgba(80,90,180,.28),0 15px 35px -15px rgba(80,90,180,.2);position:relative}.auth-card:before{content:"";position:absolute;inset:0;border-radius:28px;padding:1px;background:linear-gradient(135deg,rgba(255,255,255,1),rgba(255,255,255,.25) 35%,rgba(255,255,255,0) 60%,rgba(255,255,255,.6));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.auth-mobile-logo{display:flex;align-items:center;gap:10px;margin-bottom:20px}@media (min-width:1024px){.auth-mobile-logo{display:none}}.auth-top-tabs{display:flex;justify-content:center;gap:72px;margin-bottom:28px;position:relative}.auth-top-tab{background:none;border:none;padding:6px 4px 10px;font-size:18px;font-weight:500;color:#94A3B8;cursor:pointer;position:relative;transition:color .18s ease;letter-spacing:-.01em;text-decoration:none}.auth-top-tab:hover{color:#475569}.auth-top-tab.active{color:#2563EB;font-weight:600}.auth-top-tab.active:after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:36px;height:3px;background:#2563EB;border-radius:2px}.auth-card-header{margin-bottom:22px}.auth-card-title{margin:0 0 6px;font-size:22px;font-weight:600;color:#0F172A;letter-spacing:-.01em}.auth-card-subtitle{margin:0;font-size:14px;color:#64748B}.auth-mode-switch{display:flex;padding:5px;background:rgba(241,244,252,.45);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.55);border-radius:14px;margin-bottom:24px;gap:4px}.auth-mode-btn{flex:1;padding:11px 14px;text-align:center;border-radius:10px;cursor:pointer;font-size:14px;font-weight:500;transition:color .18s ease,background .18s ease,box-shadow .18s ease;color:#64748B;background:transparent;border:none;outline:none;user-select:none;letter-spacing:-.005em;display:inline-flex;align-items:center;justify-content:center;gap:6px}.auth-mode-btn svg{flex-shrink:0}.auth-mode-btn.active{background:#FFFFFF;color:#2563EB;box-shadow:0 1px 2px rgba(15,23,42,.05),0 2px 6px rgba(22,93,255,.08)}.auth-mode-btn:not(.active):hover{color:#334155}.auth-card .arco-form-item{margin-bottom:14px}.auth-card .arco-form-label-item{margin-bottom:6px}.auth-card .arco-form-label-item>label{font-size:13px;font-weight:500;color:#334155;letter-spacing:-.005em}.auth-card .arco-form-item-symbol{display:inline-block;vertical-align:middle;line-height:1;margin-left:3px;margin-right:0;color:#F53F3F;font-size:13px;font-weight:500;order:2}.auth-card .arco-form-item-symbol svg{display:none}.auth-card .arco-form-item-symbol:before{content:"*"}.auth-card .arco-form-label-item{display:inline-flex;align-items:center}.auth-card .arco-input,.auth-card .arco-input-inner-wrapper{background-color:rgba(255,255,255,.55)!important;border:1px solid transparent!important;border-radius:10px!important;height:42px!important;padding:0 14px!important;box-shadow:inset 0 0 0 1px rgba(148,163,184,.22)!important;transition:background .15s,box-shadow .15s,border-color .15s!important;font-size:14px!important;color:#0F172A!important}.auth-card .arco-input-inner-wrapper:hover,.auth-card .arco-input:hover{background-color:rgba(255,255,255,.85)!important;box-shadow:inset 0 0 0 1px rgba(37,99,235,.35)!important}.auth-card .arco-input-inner-wrapper.arco-input-inner-wrapper-focus,.auth-card .arco-input:focus{background-color:#FFFFFF!important;border-color:#2563EB!important;box-shadow:inset 0 0 0 1px #2563EB,0 0 0 3px rgba(37,99,235,.12)!important}.auth-card .arco-input-inner-wrapper .arco-input{background:transparent!important;border:none!important;box-shadow:none!important;height:auto!important;padding:0!important}.auth-card .arco-input-inner-wrapper .arco-input:focus{box-shadow:none!important}.auth-card .arco-input::placeholder{color:#94A3B8!important}.auth-inline-btn.arco-btn{height:42px!important;border-radius:10px!important;font-size:13px!important;font-weight:500!important;padding:0 14px!important;background:transparent!important;border:1px solid transparent!important;color:#2563EB!important;box-shadow:inset 0 0 0 1px rgba(37,99,235,.25)!important;transition:all .15s!important}.auth-inline-btn.arco-btn:hover{background:rgba(37,99,235,.06)!important;box-shadow:inset 0 0 0 1px rgba(37,99,235,.45)!important}.auth-inline-btn.arco-btn[disabled]{color:#94A3B8!important;background:transparent!important;box-shadow:inset 0 0 0 1px rgba(148,163,184,.22)!important}.auth-submit-btn.arco-btn{margin-top:12px!important;height:48px!important;border-radius:12px!important;background:linear-gradient(180deg,#4F8DFF,#2563EB)!important;border:none!important;font-size:15px!important;font-weight:600!important;letter-spacing:.02em!important;color:#FFFFFF!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 0 -1px 0 rgba(0,0,0,.08),0 4px 12px rgba(37,99,235,.32),0 12px 28px -8px rgba(37,99,235,.5)!important;transition:transform .12s ease,box-shadow .18s ease,filter .18s ease!important}.auth-submit-btn.arco-btn:hover{filter:brightness(1.05)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -1px 0 rgba(0,0,0,.08),0 5px 14px rgba(37,99,235,.38),0 16px 32px -8px rgba(37,99,235,.55)!important}.auth-submit-btn.arco-btn:active{transform:translateY(1px)!important}.auth-secondary-btn.arco-btn{margin-top:12px!important;height:48px!important;border-radius:12px!important;background:rgba(255,255,255,.6)!important;border:1px solid rgba(255,255,255,.85)!important;font-size:15px!important;font-weight:600!important;letter-spacing:.01em!important;color:#475569!important;box-shadow:0 1px 2px rgba(15,23,42,.04)!important;transition:all .15s!important}.auth-secondary-btn.arco-btn:hover{background:rgba(255,255,255,.85)!important;border-color:rgba(255,255,255,1)!important;color:#1E293B!important}.auth-secondary-btn.arco-btn:active{transform:translateY(1px)!important}.auth-footer-link{text-align:center;margin-top:20px;font-size:14px;color:#64748B}.auth-footer-link a{color:#2563EB;margin-left:4px;font-weight:500;text-decoration:none}.auth-footer-link a:hover{text-decoration:underline;text-underline-offset:3px}.auth-captcha-img{height:42px;width:auto;border-radius:10px;cursor:pointer;border:1px solid rgba(226,232,240,.9);background:#FFFFFF;transition:border-color .15s,box-shadow .15s}.auth-captcha-img:hover{border-color:#2563EB;box-shadow:0 0 0 3px rgba(37,99,235,.08)}.auth-privacy-row{margin:6px 0 4px;font-size:13px;color:#475569}.auth-privacy-row a{color:#2563EB;cursor:pointer}.auth-card.is-compact{padding:36px 36px 28px}.auth-card.is-compact .arco-form-item{margin-bottom:12px}.auth-form-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:16px}.auth-form-grid .auth-form-full{grid-column:1/-1}.auth-forgot-row{display:flex;justify-content:flex-end;margin:-6px 0 14px;font-size:13px}.auth-forgot-row a{color:#64748B;text-decoration:none;transition:color .15s}.auth-forgot-row a:hover{color:#2563EB}.auth-stepper{justify-content:space-between;margin-bottom:24px;gap:4px}.auth-step,.auth-stepper{display:flex;align-items:center}.auth-step{flex-direction:column;flex:1;gap:6px}.auth-step-dot{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;background:rgba(241,245,249,.8);color:#94A3B8;border:1px solid transparent;transition:all .2s}.auth-step.is-active .auth-step-dot{background:linear-gradient(135deg,#4F8DFF,#2563EB);color:#FFFFFF;box-shadow:0 4px 12px -2px rgba(37,99,235,.4)}.auth-step.is-done .auth-step-dot{background:rgba(232,240,255,.9);color:#2563EB}.auth-step-label{font-size:12px;color:#94A3B8;letter-spacing:-.005em}.auth-step.is-active .auth-step-label,.auth-step.is-done .auth-step-label{color:#334155}.auth-step-line{height:1px;flex:0 1 28px;background:rgba(226,232,240,.9);align-self:center;margin:0 -4px 22px}.auth-step-line.is-done{background:rgba(199,218,255,.9)}.auth-step-hint{background:rgba(241,245,249,.7);border:1px solid rgba(255,255,255,.5);border-radius:10px;padding:10px 14px;font-size:13px;color:#475569;margin-bottom:14px;line-height:1.55}.auth-step-hint strong{color:#0F172A;font-weight:600}@media (max-width:640px){.auth-form-grid{grid-template-columns:1fr;column-gap:0}.auth-card,.auth-card.is-compact{padding:28px 24px 24px}.auth-top-tabs{gap:48px}}