.auth-page{--auth-ink:#101c32;--auth-muted:#63738a;--auth-blue:#2f6fed;min-height:100dvh;background:#fcfdff;color:var(--auth-ink);font-family:var(--font-inter),Arial,sans-serif;isolation:isolate;position:relative;overflow-x:clip;padding:0 40px}.auth-page *{box-sizing:border-box}.auth-page a{color:inherit;text-decoration:none}.auth-page button,.auth-page input{font:inherit}.auth-page button{cursor:pointer}.auth-page button:disabled{cursor:wait}.auth-page svg{flex-shrink:0;stroke-width:1.7}.auth-page :is(a,button,input):focus-visible{outline:3px solid #83b0ff;outline-offset:4px}.auth-header{max-width:1330px;margin:auto;height:100px;display:flex;align-items:center;justify-content:space-between;gap:20px}.auth-brand{font-size:var(--type-card)}.auth-back,.auth-brand{display:inline-flex;align-items:center}.auth-back{gap:9px;font-size:var(--type-ui);color:#60728b!important;padding:10px 0}.auth-back:hover{color:var(--auth-blue)!important}.auth-layout{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:stretch;max-width:1330px;min-height:calc(100dvh - 173px);margin:auto}.auth-story{position:relative;isolation:isolate;background:radial-gradient(ellipse at 15% 90%,#e2edff 0,transparent 60%),linear-gradient(145deg,#f1f6ff,#eaf2ff);border:1px solid #dce6f4;border-radius:28px;overflow:hidden;box-shadow:inset 0 1px 1px #fff,0 12px 35px -32px #426498;display:flex;align-items:center}.auth-story-content{position:relative;width:100%;padding:60px 48px 36px;z-index:1}.auth-eyebrow{display:flex;align-items:center;gap:8px;font-size:var(--type-ui);line-height:1.7;letter-spacing:.1em;font-weight:600;color:#386bb6;margin-bottom:22px}.auth-eyebrow>span{width:5px;height:5px;border-radius:50%;background:#3b7af1;box-shadow:0 0 0 4px #dce9fd}.auth-story h2{font-weight:500;font-size:var(--type-hero);letter-spacing:-.06em;line-height:1.09;margin-bottom:22px}.auth-story h2 em{color:var(--auth-blue);font-style:normal}.auth-story-content>p{color:#627792;max-width:330px;font-size:var(--type-ui);line-height:1.85}.auth-ribbon{position:absolute;z-index:-1;border-radius:50%;border:45px solid transparent;background:linear-gradient(140deg,#b6dfff,#85b8fa 35%,#3674d7 70%,#102e64) border-box;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none}.auth-ribbon-top{width:390px;height:290px;right:-220px;top:-120px;transform:rotate(-40deg);opacity:.75}.auth-ribbon-bottom{width:370px;height:520px;bottom:-220px;right:-190px;transform:rotate(40deg);opacity:.48;border-width:48px}.auth-example{margin-top:35px;border-radius:20px;background:linear-gradient(140deg,#ffffffde,#f5f9ffd6);backdrop-filter:blur(24px) saturate(130%);-webkit-backdrop-filter:blur(24px) saturate(130%);border:1px solid #fff;box-shadow:inset 0 1px 0 #fff,0 0 0 1px #cbdcf466,0 18px 35px -23px #31598855;padding:22px;transform:rotate(-1.5deg)}.auth-example-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:22px}.auth-example-header>span{display:flex;gap:9px;align-items:center;color:#355983;font-size:var(--type-ui);font-weight:500}.auth-example-header>small{color:#7187a3;font-size:var(--type-ui);letter-spacing:.07em;padding:4px 6px;border-radius:4px;border:1px solid #dce7f6;background:#eef4fb}.auth-after>span,.auth-before>span{font-size:var(--type-ui);letter-spacing:.08em;color:#6b83a3;font-weight:600}.auth-before>p{font-size:var(--type-ui);line-height:1.8;color:#8290a3;margin-top:8px}.auth-example-arrow{color:#7699ca;padding-block:12px}.auth-after{padding:15px;border:1px solid #c6d9f6;background:linear-gradient(145deg,#eff6ff,#e2eeff);border-radius:12px;box-shadow:inset 0 1px 0 #fff}.auth-after>span{color:#386cb5}.auth-after>p{font-size:var(--type-ui);line-height:1.6;letter-spacing:-.025em;color:#214677;margin-top:8px}.auth-example-note{display:flex;align-items:center;gap:7px;color:#6c83a1;font-size:var(--type-ui);margin-top:17px;line-height:1.7}.auth-story-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-top:36px;color:#7b8da7;font-size:var(--type-ui);line-height:1.8}.auth-story-footer strong{font-weight:500;color:#456ea6}.auth-platforms{display:inline-flex;align-items:center;gap:8px;font-size:var(--type-ui);color:#58739b;white-space:nowrap}.auth-platforms i{width:2px;height:2px;border-radius:50%;background:#a0b7d6}.auth-form-side{display:flex;align-items:center;justify-content:center;padding:48px 30px}.auth-form-card{width:100%;max-width:390px;animation:auth-enter .65s cubic-bezier(.16,1,.3,1) both}.auth-mode-switch{display:flex;padding:4px;gap:4px;background:#f0f4fa;border:1px solid #e2e9f3;border-radius:12px;margin-bottom:36px}.auth-mode-switch button{flex:1;border:1px solid transparent;border-radius:9px;padding:10px 14px;color:#718097;background:transparent;font-size:var(--type-ui);font-weight:500;transition:color .18s,background .18s,box-shadow .18s}.auth-mode-switch button[aria-pressed=true]{color:#326ac0;border-color:#dce6f6;background:linear-gradient(#fff,#f9fbff);box-shadow:0 2px 5px #213d6710,inset 0 1px 0 #fff}.auth-form-heading .auth-eyebrow{font-size:var(--type-ui);margin-bottom:12px}.auth-form-heading h1{font-size:var(--type-title);font-weight:500;letter-spacing:-.055em;line-height:1.12;margin-bottom:14px}.auth-form-heading>p{font-size:var(--type-ui);line-height:1.85;color:#78869b;margin-bottom:30px}.auth-page fieldset{border:0;padding:0;margin:0;min-width:0}.auth-field{margin-bottom:22px;min-width:0}.auth-field label{font-weight:500;color:#465a76;margin-bottom:9px}.auth-field input,.auth-field label{display:block;font-size:var(--type-ui)}.auth-field input{width:100%;height:49px;border-radius:11px;border:1px solid #dce5f1;color:#273b59;background:#fff;padding:12px 14px;box-shadow:inset 0 1px 3px #2e518305,0 1px 2px #14395e03;transition:border-color .18s,box-shadow .18s}.auth-field input::placeholder{color:#92a0b3}.auth-field input:focus{border-color:#75a3ee;box-shadow:0 0 0 3px #eaf2ff;outline:none}.auth-field input:disabled{background:#f2f6fc;color:#7b8ba1}.auth-field input:-webkit-autofill{-webkit-text-fill-color:#273b59;-webkit-box-shadow:inset 0 0 0 50px #f3f8ff}.auth-name-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.auth-email-input,.auth-password-input{position:relative}.auth-email-input>svg{position:absolute;left:15px;top:16px;color:#91a4bd;pointer-events:none}.auth-email-input>input{padding-left:43px}.auth-password-label{display:flex;align-items:center;justify-content:space-between;gap:12px}.auth-password-label>a{color:#4879bd;font-size:var(--type-ui);margin-bottom:9px}.auth-password-label>a:hover{color:#2459ad;text-decoration:underline}.auth-password-input>input{padding-right:49px}.auth-password-input>button{position:absolute;top:4px;right:4px;display:grid;place-items:center;width:41px;height:41px;color:#889ab3;background:transparent;border:0;border-radius:8px}.auth-password-input>button:hover{background:#edf4ff;color:#2f6fed}.auth-input-hint{font-size:var(--type-ui);margin-top:8px;color:#7b8ca4}.auth-google-button{width:100%;min-height:46px;padding:11px 16px;display:flex;justify-content:center;align-items:center;gap:10px;border-radius:12px;border:1px solid #dadce0;background:#fff;color:#3c4043;font-size:var(--type-ui)!important;font-weight:500!important;cursor:pointer;box-shadow:0 1px 2px rgba(60,64,67,.12);transition:box-shadow .15s,background .15s}.auth-google-button:hover:not(:disabled){box-shadow:0 1px 3px rgba(60,64,67,.22);background:#f8f9fa}.auth-google-button:disabled{opacity:.7;cursor:not-allowed}.auth-divider{display:flex;align-items:center;gap:12px;margin:18px 0;color:#9aa6b8;font-size:var(--type-ui)}.auth-divider:after,.auth-divider:before{content:"";flex:1;height:1px;background:#e4ebf4}.auth-submit{width:100%;min-height:49px;padding:14px 20px;margin-top:4px;display:flex;justify-content:center;align-items:center;gap:12px;border-radius:12px;border:1px solid #397cf1;background:linear-gradient(165deg,#3c82fa,#2563df);color:#fff;font-size:var(--type-ui)!important;font-weight:500!important;box-shadow:inset 0 1px 1px #ffffff59,0 6px 16px -7px #2f6fed77;transition:transform .2s,box-shadow .2s}.auth-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:inset 0 1px 1px #ffffff59,0 9px 18px -7px #2f6fed99}.auth-submit:disabled{opacity:.7}.auth-switch-prompt{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px;margin-top:26px;font-size:var(--type-ui);color:#7b8ca3}.auth-switch-prompt a,.auth-switch-prompt button{color:#346dc2;border:0;padding:5px 0;background:transparent;font-weight:500;font-size:var(--type-ui)}.auth-switch-prompt a:hover,.auth-switch-prompt button:hover{text-decoration:underline}.auth-terms{padding-top:25px;margin-top:25px;border-top:1px solid #e4ebf4;font-size:var(--type-ui);color:#8594a9;line-height:1.9;text-align:center}.auth-terms a{color:#667f9f;text-decoration:underline;text-underline-offset:3px}.auth-message{display:flex;gap:10px;align-items:flex-start;padding:13px 14px;border:1px solid;border-radius:11px;margin-bottom:20px;font-size:var(--type-ui);line-height:1.65;overflow-wrap:anywhere}.auth-error{color:#a33843;background:#fff4f5;border-color:#f2d1d7}.auth-success{color:#276247;background:#effaf4;border-color:#c7e5d5}.auth-message svg{margin-top:2px}.auth-message a{color:inherit;font-weight:600;text-decoration:underline;text-underline-offset:3px;transition:color .16s}.auth-message a:focus-visible,.auth-message a:hover{color:#2f6fed}.auth-footer{max-width:1330px;min-height:73px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:var(--type-ui);color:#8192aa}.auth-footer nav{display:flex;gap:24px}.auth-footer a:hover{color:#2f6fed}.auth-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.auth-spinner{animation:auth-spin .8s linear infinite}@keyframes auth-spin{to{transform:rotate(1turn)}}@keyframes auth-enter{0%{opacity:0;transform:translateY(18px);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}@media (max-width:1100px){.auth-page{padding-inline:28px}.auth-layout{gap:20px;grid-template-columns:1fr 1fr}.auth-story-content{padding:40px 30px 30px}.auth-form-side{padding:36px 24px}.auth-story h2{font-size:var(--type-title)}.auth-story-footer{flex-wrap:wrap;gap:13px}.auth-example{padding:19px}.auth-after>p{font-size:var(--type-ui)}}@media (max-width:800px){.auth-page{padding-inline:24px;background:radial-gradient(ellipse at 90% 10%,#eaf2ff88,transparent 60%),#fcfdff}.auth-header{height:90px}.auth-layout{grid-template-columns:1fr;min-height:calc(100dvh - 160px)}.auth-story{display:none}.auth-form-side{padding:35px 0 45px}.auth-form-card{max-width:410px}.auth-form-heading h1{font-size:var(--type-title)}.auth-field input{font-size:var(--type-ui)}.auth-footer{min-height:70px}.auth-brand{font-size:var(--type-card)}}@media (max-width:420px){.auth-page{padding-inline:22px}.auth-header{height:85px}.auth-brand{font-size:var(--type-body)}.auth-brand img{width:31px!important;height:31px!important}.auth-back{font-size:var(--type-ui);gap:5px}.auth-mode-switch{margin-bottom:30px}.auth-form-side{padding-top:25px}.auth-form-heading h1{font-size:var(--type-title)}.auth-form-heading>p{font-size:var(--type-ui)}.auth-field{margin-bottom:20px}.auth-footer{align-items:center;flex-wrap:wrap;padding:18px 0;gap:14px}.auth-footer nav{gap:18px}.auth-terms{font-size:var(--type-ui)}.auth-form-card{width:100%}.auth-name-fields{gap:10px}}@media (prefers-reduced-motion:reduce){.auth-page *{animation:none!important;transition:none!important}.auth-example{transform:none}}@media (prefers-reduced-transparency:reduce){.auth-example{background:#f8fbff;backdrop-filter:none;-webkit-backdrop-filter:none}}