@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
#auth-page{font-family:Inter,Arial,sans-serif;color:#182438;background:#fff;border-radius:20px;overflow:hidden;text-align:left}
#auth-page *{box-sizing:border-box}
#auth-page .layout{display:grid;grid-template-columns:47% 53%;min-height:680px}
#auth-page .left{padding:34px 46px;display:flex;flex-direction:column}
#auth-page .logo{display:flex;align-items:center;gap:7px;font-size:30px;font-weight:700;letter-spacing:-1.5px;color:#10131a}
#auth-page .star{color:#0f73f6;font-size:43px;line-height:1;font-weight:700;letter-spacing:0}
#auth-page .form-wrap{width:100%;max-width:330px;margin:auto; padding:50px 0}
#auth-page h1{font-size:34px;font-weight:600;line-height:1.16;letter-spacing:-1.2px;margin:0 0 13px}
#auth-page .intro{color:#738096;font-size:14px;line-height:1.65;margin:0 0 30px}
#auth-page label{display:block;font-size:13px;font-weight:500;margin:18px 0 9px}
#auth-page input{width:100%;height:48px;border:1px solid #dce3ec;border-radius:10px;background:#fff;padding:0 14px;color:#182438;font:inherit;font-size:14px;outline-offset:3px}
#auth-page input::placeholder{color:#a0a9b9}
#auth-page .password{position:relative}
#auth-page .password input{padding-right:46px}
#auth-page .eye{position:absolute;right:9px;top:7px;border:0;background:transparent;color:#8490a3;padding:8px;display:flex}
#auth-page .eye svg{width:18px;height:18px}
#auth-page button,#auth-page a{cursor:pointer}
#auth-page a{color:#0f73f6;text-decoration:none}
#auth-page .forgot{text-align:right;font-size:12px;margin:12px 0 25px}
#auth-page .submit{width:100%;height:48px;border:0;border-radius:10px;background:#0f73f6;color:#fff;font-family:inherit;font-size:14px;font-weight:500;box-shadow:0 7px 18px #0f73f61a}
#auth-page .signup{text-align:center;font-size:13px;color:#738096;margin:24px 0 0;line-height:1.7}
#auth-page .legal{display:flex;flex-wrap:wrap;gap:10px 17px;font-size:10px;line-height:1.6}
#auth-page .legal a{color:#7e899b}
#auth-page .art{background:#eff6ff;position:relative;overflow:hidden;padding:42px 40px 30px;display:flex;flex-direction:column;justify-content:center}
#auth-page .art:before{content:'';position:absolute;width:540px;height:540px;border:1px solid #d9e9ff;border-radius:50%;top:70px;left:70px}
#auth-page .art:after{content:'';position:absolute;width:390px;height:390px;border:1px solid #d9e9ff;border-radius:50%;top:145px;left:145px}
#auth-page .kicker{font-size:10px;letter-spacing:2px;color:#5c80b4;margin:0 0 15px;z-index:1}
#auth-page h2{font-size:38px;font-weight:500;line-height:1.14;letter-spacing:-1.5px;margin:0;z-index:1;max-width:360px}
#auth-page h2 em{font-style:normal;color:#0f73f6}
#auth-page .composition{position:relative;height:285px;margin:30px 0 0;z-index:1}
#auth-page .voice{position:absolute;display:flex;align-items:center;gap:5px;left:0;top:24px;padding:17px 22px;background:#dceaff;border-radius:40px;transform:rotate(-7deg)}
#auth-page .voice span{display:block;width:4px;height:var(--h);background:#0f73f6;border-radius:4px}
#auth-page .spark{position:absolute;right:7px;top:20px;color:#0f73f6;font-size:87px;line-height:1;transform:rotate(12deg)}
#auth-page .transcript{position:absolute;left:36px;right:3px;top:102px;background:#fff;border:1px solid #e1ebf8;border-radius:17px;padding:23px;box-shadow:0 20px 45px #244e8910;transform:rotate(3deg)}
#auth-page .person{font-size:11px;color:#8390a4;display:flex;align-items:center;gap:7px;margin-bottom:8px}
#auth-page .dot{width:7px;height:7px;border-radius:50%;background:#9e70e5}
#auth-page .dot.orange{background:#fb9b48}
#auth-page .quote{font-size:14px;line-height:1.5;margin:0 0 18px;color:#31425c}
#auth-page .quote:last-child{margin-bottom:0}
#auth-page .art-note{font-size:12px;line-height:1.7;color:#6b84a5;max-width:290px;z-index:1;margin:5px 0 0}
#auth-page .message{font-size:12px;color:#738096;margin-top:12px;min-height:18px}
@media(max-width:720px){#auth-page .layout{grid-template-columns:1fr}#auth-page .left{padding:28px}#auth-page .art{display:none}#auth-page .form-wrap{padding:55px 0}#auth-page .legal{justify-content:center}}

body{margin:0;background:#fff}#auth-page{border-radius:0;min-height:100dvh}#auth-page .layout{min-height:calc(100dvh - 72px)}#auth-page .form-wrap{max-width:360px}#auth-page .left{padding:36px clamp(28px,5vw,90px)}#auth-page .art{padding:50px clamp(35px,5vw,90px)}#auth-page .brand-logo{width:136px;height:auto}#auth-page .input-wrapper{position:relative}#auth-page .input-icon{position:absolute;left:14px;top:15px;width:18px;height:18px}#auth-page .input-wrapper input{padding-left:44px}#auth-page .eye img{width:18px;height:18px}#auth-page .field-error,#auth-page .message{color:#d14343;font-size:12px;line-height:1.5}#auth-page .field-error:empty{display:none}#auth-page input[aria-invalid=true]{border-color:#d14343}#auth-page .submit:disabled{opacity:.6;cursor:wait}#auth-page .legal{font-size:12px;justify-content:center;width:100%;max-width:360px;margin:0 auto}#auth-page .legal a:hover{color:#0f73f6}
#auth-page .top-nav { position:relative; box-shadow:none; background:#f9fbff; border-bottom:1px solid #edf1f7; padding:0 36px; }
#auth-page .input-wrapper { display:block; padding:0; border:0; border-radius:10px; height:48px; background:transparent; }
#auth-page .input-wrapper input,
#auth-page .input-wrapper input:focus { display:block; min-width:0; margin:0; width:100%; height:48px; font-family:Inter,Arial,sans-serif; font-size:14px; font-weight:400; line-height:normal; }
#auth-page .input-wrapper input:focus { border-color:#0f73f6; outline:2px solid rgba(15,115,246,.12); outline-offset:0; }
#auth-page input:-webkit-autofill,
#auth-page input:-webkit-autofill:hover,
#auth-page input:-webkit-autofill:focus { -webkit-box-shadow:0 0 0 1000px #e8f0fe inset; -webkit-text-fill-color:#182438; caret-color:#182438; font-family:Inter,Arial,sans-serif; font-size:14px; }
#auth-page input::first-line { font-family:Inter,Arial,sans-serif; font-size:14px; font-weight:400; line-height:normal; }
#auth-page .input-wrapper input,
#auth-page .input-wrapper input:focus,
#auth-page input:-webkit-autofill,
#auth-page input:-webkit-autofill:hover,
#auth-page input:-webkit-autofill:focus,
#auth-page input::first-line { font-family:Arial,sans-serif; font-size:13.333333px; font-weight:400; letter-spacing:normal; }
#auth-page .input-wrapper input,
#auth-page .input-wrapper input:focus { zoom:1.2; width:100%; height:40px; padding-left:36.666667px; padding-right:11.666667px; border-radius:8.333333px; }
#auth-page .password.input-wrapper input { padding-right:38.333333px; }
html { scrollbar-gutter:stable; }
#auth-page { --auth-form-top:64px; }
#auth-page .form-wrap > h1 { margin-bottom:30px; }
#auth-page .left { padding-top:var(--auth-form-top); }
#auth-page .form-wrap { margin:0 auto; padding:0 0 36px; }
#auth-page .legal { margin: auto auto 0; padding-top:28px; }
#auth-page .auth-tabs { display:flex; width:100%; border-bottom:1px solid #e1e7f0; margin:0 0 32px; }
#auth-page .auth-tabs a { flex:1; min-width:0; display:flex; justify-content:center; align-items:center; padding:12px 8px 15px; margin-bottom:-1px; border-bottom:2px solid transparent; color:#738096; font-size:17px; font-weight:500; line-height:1.5; text-align:center; }
#auth-page .auth-tabs a[aria-current="page"] { color:#0f73f6; border-bottom-color:#0f73f6; }
#auth-page .auth-tabs a:hover { color:#0f73f6; }
#auth-page .signup-consent { margin:22px 0 24px; }
#auth-page .signup-consent label { display:flex; align-items:flex-start; gap:10px; margin:0; color:#738096; font-size:12px; font-weight:400; line-height:1.7; }
#auth-page .signup-consent input[type="checkbox"] { width:16px; height:16px; min-width:16px; padding:0; margin:3px 0 0; accent-color:#0f73f6; }
#auth-page .signup-consent .field-error { margin-top:6px; }
#auth-page #signupForm[hidden], #auth-page #signupSuccess[hidden] { display:none; }
#auth-page #signupSuccess h2 { font-size:24px; letter-spacing:-.5px; margin:0 0 16px; }
#auth-page #signupSuccess p { color:#738096; font-size:14px; line-height:1.7; margin:0 0 18px; overflow-wrap:anywhere; }
#auth-page .reset-hint, #auth-page #resetSuccess p { font-size:14px; line-height:1.7; color:#738096; margin:0 0 24px; overflow-wrap:anywhere; }
#auth-page #resetButton { margin-top:24px; }
#auth-page .back-signin { text-align:center; margin:24px 0 0; font-size:14px; }
#auth-page .back-signin[hidden] { display:none; }
#auth-page .field-error:not(:empty) { visibility:visible; height:auto; min-height:18px; margin-top:6px; }
#auth-page #newPasswordForm[hidden], #auth-page #recoverySuccess[hidden], #auth-page #recoveryInvalid[hidden] { display:none; }
#auth-page #saveNewPassword { margin-top:24px; }
#auth-page #recoverySuccess p, #auth-page #recoveryInvalid p { color:#738096; font-size:14px; line-height:1.7; margin:0 0 24px; }
#auth-page .recovery-continue { display:flex; align-items:center; justify-content:center; color:#fff; }
#auth-page #resetForm[hidden], #auth-page #resetSuccess[hidden] { display:none; }
#auth-page #resetSuccess h2 { font-size:24px; line-height:1.3; letter-spacing:-.5px; margin:0 0 18px; }
@media(max-width:720px){#auth-page { --auth-form-top:32px; }#auth-page .top-nav{padding:0 24px}#auth-page .brand-logo{width:118px}}