#captcha-button{z-index:99;width:150px;border-radius:4px;border:1px solid transparent;cursor:pointer;background-color:#00bd7e;color:#fff;padding:8px 0;font-size:14px;line-height:22px;text-align:center}#captcha-button,*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}#app,body,html{height:100%;overflow:hidden}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans SC,sans-serif;-webkit-font-smoothing:antialiased}.login-page{min-height:100vh}.login-page .container{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}@media (max-width:1024px){.login-page .container{grid-template-columns:1fr}}.leftPanel{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:48px;background:linear-gradient(145deg,#0f172a,#1e3a8a 50%,#1e40af);overflow:hidden}@media (max-width:1024px){.leftPanel{display:none}}.leftTop{position:relative;z-index:20;gap:10px;font-size:20px;font-weight:700;color:#fff;letter-spacing:.5px}.brandMark,.leftTop{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.brandMark{width:40px;height:40px;border-radius:10px;background:hsla(0,0%,100%,.12);border:1px solid hsla(0,0%,100%,.2);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brandName{color:#fff;font-size:20px;font-weight:700;letter-spacing:1px}.charactersArea{position:relative;z-index:20;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:500px}.charactersContainer{position:relative;width:550px;height:400px}.character{position:absolute;bottom:0;-webkit-transform-origin:bottom center;transform-origin:bottom center;will-change:transform;overflow:hidden}.purpleChar{left:70px;width:180px;height:400px;background:#6c3ff5;border-radius:10px 10px 0 0;z-index:1}.blackChar{left:240px;width:120px;height:310px;background:#2d2d2d;border-radius:8px 8px 0 0;z-index:2}.orangeChar{left:0;width:240px;height:200px;background:#ff9b6b;border-radius:120px 120px 0 0;z-index:3}.yellowChar{left:310px;width:140px;height:230px;background:#e8d754;border-radius:70px 70px 0 0;z-index:4}.face{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex}.purpleFace{gap:32px;left:45px;top:40px}.blackFace{gap:24px;left:26px;top:32px}.orangeFace{gap:32px;left:82px;top:90px}.yellowFace{gap:24px;left:52px;top:40px}.eyeball{width:18px;height:18px;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;will-change:height;background:#fff}.eyeballSmall{width:16px;height:16px}.eyeball-pupil{width:7px;height:7px;border-radius:50%;background:#2d2d2d;will-change:transform}.eyeball-pupil-small{width:6px;height:6px}.pupil{width:12px;height:12px;border-radius:50%;background:#2d2d2d;will-change:transform}.yellowMouth{position:absolute;width:80px;height:4px;background:#2d2d2d;border-radius:9999px;left:40px;top:88px}.decorBlur1{top:15%;right:10%;width:300px;height:300px;background:rgba(59,130,246,.25);-webkit-filter:blur(80px);filter:blur(80px)}.decorBlur1,.decorBlur2{position:absolute;border-radius:50%;pointer-events:none;z-index:0}.decorBlur2{bottom:10%;left:5%;width:400px;height:400px;background:rgba(30,64,175,.3);-webkit-filter:blur(100px);filter:blur(100px)}.decorGrid{position:absolute;inset:0;background-image:linear-gradient(hsla(0,0%,100%,.03) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.03) 1px,transparent 0);background-size:40px 40px;pointer-events:none;z-index:1}.rightPanel{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:48px;background:radial-gradient(circle at 20% 0,rgba(241,245,255,.9),transparent 35%),radial-gradient(circle at 90% 80%,rgba(221,255,246,.9),transparent 40%),linear-gradient(160deg,#f8fafc,#eef2ff 52%,#ecfeff)}.formWrapper{width:100%;max-width:430px;border-radius:24px;background:hsla(0,0%,100%,.86);border:1px solid rgba(148,163,184,.24);-webkit-box-shadow:0 24px 50px rgba(30,41,59,.12);box-shadow:0 24px 50px rgba(30,41,59,.12);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:36px 32px 30px}.panelTag{margin:0 0 16px;text-align:center;font-size:11px;font-weight:700;letter-spacing:.14em;color:#0f766e}.mobileLogo{display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:8px;font-size:18px;font-weight:700;color:#0f172a;margin-bottom:24px}@media (max-width:1024px){.mobileLogo{display:-webkit-box;display:-ms-flexbox;display:flex}}.mobileLogoIcon{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#dbeafe,#ccfbf1);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.formHeader{text-align:center;margin-bottom:28px}.formTitle{font-size:28px;font-weight:700;letter-spacing:-.03em;color:#0b1220;margin:0 0 8px;line-height:1.3}.formSubtitle{font-size:14px;color:#64748b;margin:0;line-height:1.6}.form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4px}.fieldLabel{font-size:13px;font-weight:600;color:#334155;margin-bottom:6px;letter-spacing:.3px;text-transform:uppercase}.inputGroup{margin-bottom:20px}.inputWrapper{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:50px;background:rgba(248,250,252,.95);border:1px solid #d8dee8;border-radius:14px;-webkit-transition:border-color .2s,background .2s,-webkit-box-shadow .2s;transition:border-color .2s,background .2s,-webkit-box-shadow .2s;transition:border-color .2s,box-shadow .2s,background .2s;transition:border-color .2s,box-shadow .2s,background .2s,-webkit-box-shadow .2s}.inputWrapper:hover{border-color:#14b8a6;background:#fff}.inputWrapper:focus-within{border-color:#0f766e;-webkit-box-shadow:0 0 0 4px rgba(20,184,166,.15);box-shadow:0 0 0 4px rgba(20,184,166,.15);background:#fff}.prefixIcon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:14px;color:#94a3b8}.inputWrapper input{-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%;border:none;outline:none;background:transparent;font-size:14px;color:#111827;padding:0 12px;font-family:inherit}.inputWrapper input::-webkit-input-placeholder{color:#9aa4b2}.inputWrapper input::-moz-placeholder{color:#9aa4b2}.inputWrapper input:-ms-input-placeholder{color:#9aa4b2}.inputWrapper input::-ms-input-placeholder{color:#9aa4b2}.inputWrapper input::placeholder{color:#9aa4b2}.eyeToggle{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-right:14px;color:#64748b;cursor:pointer;font-size:16px;-webkit-transition:color .2s;transition:color .2s;background:none;border:none}.eyeToggle:hover{color:#0f766e}.fieldError{margin-top:6px;font-size:13px;color:#b91c1c}.submitBtn{width:100%;height:52px;font-size:15px;font-weight:600;border-radius:14px;background:linear-gradient(135deg,#0f766e,#14b8a6 55%,#22d3ee);border:none;color:#fff;letter-spacing:.5px;cursor:pointer;-webkit-box-shadow:0 14px 26px rgba(15,118,110,.24);box-shadow:0 14px 26px rgba(15,118,110,.24);-webkit-transition:opacity .2s,-webkit-transform .2s,-webkit-box-shadow .2s;transition:opacity .2s,-webkit-transform .2s,-webkit-box-shadow .2s;transition:transform .2s,box-shadow .2s,opacity .2s;transition:transform .2s,box-shadow .2s,opacity .2s,-webkit-transform .2s,-webkit-box-shadow .2s;font-family:inherit}.submitBtn:hover{-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 16px 28px rgba(15,118,110,.32);box-shadow:0 16px 28px rgba(15,118,110,.32)}.submitBtn:active{-webkit-transform:translateY(1px);transform:translateY(1px);opacity:.85}.submitBtn:disabled{opacity:.6;cursor:not-allowed;-webkit-transform:none;transform:none}.footerHint{text-align:center;font-size:12px;color:#64748b;margin:20px 6px 0;line-height:1.6}.captchaTrigger{display:none}