.auth-shell{--auth-shell-padding: clamp(16px, 3vw, 36px);--auth-radius: 30px;--auth-panel-radius: 24px;--auth-card-max-width: 100%;--auth-card-max-height: 860px;--auth-card-border: rgba(255, 255, 255, .36);--auth-card-bg: transparent;--auth-right-bg: #ffffff;position:relative;height:100vh;min-height:100vh;height:100dvh;min-height:100dvh;box-sizing:border-box;display:grid;place-items:center;padding:var(--auth-shell-padding);overflow:hidden;isolation:isolate;background-color:#102a53}.auth-shell__background{position:absolute;inset:0;z-index:0;background:url(/assets/backgrounds/main-background.png) center / cover no-repeat;transform:scale(1.03);pointer-events:none}.auth-shell__background:after{content:"";position:absolute;inset:0}.auth-shell__card{position:relative;z-index:1;width:min(var(--auth-card-max-width),100%);height:min(var(--auth-card-max-height),calc(100dvh - (var(--auth-shell-padding) * 2)));min-height:0;display:grid;grid-template-columns:minmax(420px,47%) minmax(520px,53%);border-radius:var(--auth-radius);border:1px solid var(--auth-card-border);background:var(--auth-card-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 28px 80px #061a3b70;overflow:hidden}.auth-shell__left{position:relative;padding:clamp(24px,3.4vw,40px);z-index:2;display:flex;flex-direction:column;justify-content:space-between;border-radius:var(--auth-panel-radius);background:linear-gradient(145deg,#3c8cec42,#50a5fa1f 55%,#b5deff33),#ffffff14;overflow:hidden}.auth-shell__left:before{content:"";position:absolute;z-index:0;bottom:-160px;right:-120px;width:clamp(300px,35vw,560px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#278dffb3,#278dff00 72%);filter:blur(5px);pointer-events:none}.auth-shell__left:after{content:"";position:absolute;inset:16px;border-radius:calc(var(--auth-panel-radius) - 2px);border:2px solid #ffffff;background:transparent;pointer-events:none}.auth-shell__back{position:relative;z-index:1;align-self:flex-start;color:#edf8ff;text-decoration:none;font-weight:700;font-size:.95rem}.auth-shell__left-inner{position:relative;z-index:1;flex:1;width:100%;max-width:560px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;color:#f4faff;font-size:clamp(1.85rem,3.05vw,2.95rem);font-weight:700;line-height:1.12;letter-spacing:.01em}.auth-shell__left-inner p{margin:0}.auth-shell__slogan{margin:0;display:grid;gap:4px;justify-items:center}.auth-shell__slogan span{display:block;white-space:nowrap}.auth-shell__right{position:relative;min-height:0;display:flex;flex-direction:column;padding:clamp(24px,3.8vw,42px) clamp(26px,4vw,52px) clamp(20px,3vw,34px);background:var(--auth-right-bg);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.auth-shell__right>*{position:relative;z-index:1}.auth-shell__right-inner{width:100%;margin:0;height:100%;display:flex;flex-direction:column}.auth-shell__hint{width:100%;margin:18px auto 0;text-align:center;color:#112e59b3;font-size:.82rem;line-height:1.36}.auth-shell__hint a{color:#2468ea;font-weight:600;text-decoration:underline}@media(max-width:1180px){.auth-shell__card{grid-template-columns:minmax(320px,50%) minmax(380px,50%)}.auth-shell__left-inner{font-size:clamp(1.8rem,3.6vw,3rem)}}@media(max-height:900px)and (min-width:981px){.auth-shell__left{padding:clamp(18px,2.4vw,30px)}.auth-shell__left:after{inset:12px}.auth-shell__left-inner{font-size:clamp(1.45rem,2.35vw,2.35rem)}.auth-shell__right{padding:20px clamp(20px,3vw,36px) 16px}.auth-shell__hint{margin-top:12px}}@media(max-width:980px){.auth-shell{--auth-shell-padding: 12px}.auth-shell__card{width:min(700px,100%);height:min(100%,calc(100dvh - (var(--auth-shell-padding) * 2)));min-height:0;grid-template-columns:1fr;grid-template-rows:minmax(220px,34dvh) 1fr;border-radius:22px}.auth-shell__left{padding:20px;border-right:none;border-bottom:1px solid rgba(255,255,255,.26);border-radius:20px 20px 0 0}.auth-shell__left:after{inset:10px;border-radius:16px}.auth-shell__left-inner{gap:8px;font-size:clamp(1.55rem,7vw,2.35rem)}.auth-shell__right{padding:24px 18px 20px}.auth-shell__right-inner{width:100%}.auth-shell__hint{margin-top:20px;font-size:.76rem}}.auth-page{margin:0 auto;width:100%;display:flex;flex-direction:column}.auth-page h1{margin:0 0 14px;color:#082d66;font-size:clamp(2.9rem,4.5vw,4rem);line-height:1;text-align:center}.auth-page--login{width:100%}.auth-login__signup{margin:0 0 10px;text-align:right;color:#1a3154d6;font-size:.9rem;font-weight:600}.auth-login__signup a{color:#2f75de;font-weight:700}.auth-login__title-wrap{display:grid;justify-items:center;gap:8px;margin-bottom:14px}.auth-login__title-wrap h1{margin:0;font-size:clamp(2.6rem,3.8vw,3.7rem)}.auth-page--login .auth-login__title-wrap h1{color:#001d46}.auth-login__title-wrap img{width:74px;height:auto}.auth-page--login .auth-form input{border-color:#001d46;color:#001d46;background:#fff;box-shadow:none}.auth-page--login .auth-form input:focus{border-color:#001d46;background:#fff}.auth-page--login .auth-field__label{color:#001d46;background:#fff;border-radius:2px}.auth-page--login .auth-field__eye svg path,.auth-page--login .auth-field__eye svg circle{stroke:#001d46}.auth-page--login .auth-btn{border-radius:20px;border-width:2px;border-color:#1573ff}.auth-page--login .auth-btn--primary{background:#1573ff;color:#fff;box-shadow:none}.auth-page--login .auth-btn--primary:hover{background:#1573ff}.auth-page--login .auth-btn--ghost{background:#fff;color:#1573ff}.auth-page--start{width:min(700px,100%);margin:0 auto;gap:12px}.auth-start__signin{margin:0 0 10px;text-align:right;color:#001d46db;font-size:.9rem}.auth-start__signin a{color:#1573ff}.auth-start__title-wrap{display:grid;justify-items:center;gap:8px;margin-bottom:18px}.auth-start__title-wrap img{width:74px;height:auto}.auth-start__title-wrap h1{margin:0;color:#001d46;font-size:clamp(2.6rem,3.8vw,3.7rem)}.auth-page--start .auth-grid{gap:14px;margin-bottom:18px}.auth-page--start .option-card{min-height:176px;padding:18px 16px 16px;border-radius:18px}.auth-page--start .option-card__title{font-size:1.6rem}.auth-page--start .option-card__icon img{width:108px}.auth-page--start .auth-btn{min-height:70px;font-size:clamp(1.3rem,1.9vw,1.95rem);border-radius:18px;border-width:2px}.auth-page--start .auth-btn--primary{margin-top:0;background:#1573ff;border-color:#1573ff;color:#fff;box-shadow:none}.auth-page--start .auth-btn--primary:hover{background:#1573ff}.auth-page--register h1{color:#001d46}.auth-register__signin{margin:0 0 10px;text-align:right;color:#001d46db;font-size:.9rem}.auth-register__signin a{color:#1573ff}.auth-register__title-wrap{display:grid;justify-items:center;gap:8px;margin-bottom:14px}.auth-register__title-wrap img{width:74px;height:auto}.auth-register__title-wrap h1{margin:0;font-size:clamp(2.6rem,3.8vw,3.7rem)}.auth-page--register .auth-register__form{gap:14px}.auth-page--register .auth-grid{margin-bottom:0}.auth-page--register-person .auth-register__form{gap:12px}.auth-page--register .auth-form input,.auth-page--register .auth-form select{border:2px solid #001d46;color:#001d46;background:#fff;box-shadow:none}.auth-page--register .auth-form input:focus,.auth-page--register .auth-form select:focus{border-color:#001d46;background:#fff}.auth-page--register .auth-field__label{color:#001d46;background:#fff;border-radius:2px}.auth-page--register .auth-field__eye svg path,.auth-page--register .auth-field__eye svg circle{stroke:#001d46}.auth-field--select select{width:100%;height:54px;border-radius:20px;padding:0 46px 0 18px;font-size:1rem;font-family:inherit;outline:none;appearance:none;-webkit-appearance:none}.auth-field__chevron{position:absolute;right:18px;top:50%;width:9px;height:9px;border-right:2px solid #001d46;border-bottom:2px solid #001d46;transform:translateY(-60%) rotate(45deg);pointer-events:none}.auth-page--register .auth-btn{border-radius:20px;border-width:2px}.auth-page--register .auth-btn--primary{margin-top:8px;background:#1573ff;border-color:#1573ff;color:#fff;box-shadow:none}.auth-page--register .auth-btn--primary:hover{background:#1573ff}.auth-page--role h1{color:#001d46;margin:0}.auth-page--role{width:min(620px,100%);margin:auto;gap:15px}.auth-role__title-wrap{display:grid;justify-items:center;gap:8px;margin-bottom:30px}.auth-role__title-wrap img{width:74px;height:auto}.auth-page--role .auth-grid{gap:12px;margin-bottom:28px}.auth-page--role .option-card{min-height:210px;padding:18px 18px 16px;border:1px solid #9fc2fa;border-radius:16px;background:#fff6;box-shadow:none}.auth-page--role .option-card:hover{transform:none;border-color:#8db4f4;background:#fff6;box-shadow:none}.auth-page--role .option-card--selected{border-color:#86afea;box-shadow:none}.auth-page--role .option-card--person,.auth-page--role .option-card--person:hover,.auth-page--role .option-card--person.option-card--selected{background:#1573ff33}.auth-page--role .option-card--company,.auth-page--role .option-card--company:hover,.auth-page--role .option-card--company.option-card--selected{background:#a7d7ff33}.auth-page--role .option-card--company .option-card__title{color:#0d2b58}.auth-page--role .option-card--company .option-card__radio{border-color:#5f95f0}.auth-page--role .option-card--company .option-card__radio--selected{border-color:#1f74ff;background:radial-gradient(circle at center,#1f74ff 42%,transparent 45%);box-shadow:none}.auth-page--role .option-card__title{color:#102f63;font-size:2rem;font-weight:700}.auth-page--role .option-card__radio{top:12px;right:12px;width:18px;height:18px;border-width:2px;border-color:#7eaaf2}.auth-page--role .option-card__radio--selected{border-color:#1f74ff;background:radial-gradient(circle at center,#1f74ff 42%,transparent 45%)}.auth-page--role .option-card__icon{right:14px;bottom:10px;opacity:1}.auth-page--role .option-card__icon img{width:112px;height:auto;display:block}.auth-page--role .auth-btn{border-radius:20px;border-width:2px}.auth-page--role .auth-btn--primary{margin-top:0;background:#1573ff;border-color:#1573ff;color:#fff;box-shadow:none}.auth-page--role .auth-btn--primary:hover{background:#1573ff}.auth-form{display:grid;gap:12px}.auth-form input{width:100%;height:54px;border:2px solid rgba(26,73,145,.45);border-radius:20px;padding:0 18px;color:#112f61;font-size:1rem;outline:none;background:#ffffffb3;box-shadow:inset 0 1px #ffffff9e,0 8px 20px #1a468c14;transition:border-color .2s ease,background-color .2s ease}.auth-form input:focus{border-color:#245ec7;background:#ffffffd6}.auth-field{position:relative}.auth-field__label{position:absolute;left:22px;top:-9px;padding:0 8px;color:#26416b;background:#f5fafff2;border-radius:999px;font-size:.84rem;line-height:1.1}.auth-field--password input{padding-right:58px}.auth-field__eye{position:absolute;right:16px;top:50%;transform:translateY(-50%);border:none;background:transparent;display:inline-flex;cursor:pointer;padding:0}.auth-field__eye svg{width:24px;height:24px}.auth-login__forgot{margin:-2px 2px 6px 0;justify-self:end;color:#3d87ff;font-size:.9rem;font-weight:600;text-decoration:none}.auth-login__forgot:hover{text-decoration:underline}.auth-grid{display:grid;gap:10px;margin-bottom:10px}.auth-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-btn{width:100%;min-height:58px;border-radius:20px;border:1px solid rgba(45,123,255,.46);display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:700;text-decoration:none;cursor:pointer;font-size:clamp(1.05rem,1.7vw,1.5rem);line-height:1;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}.auth-btn:hover{transform:translateY(-1px)}.auth-btn--primary{margin-top:4px;background:linear-gradient(136deg,#1f70f2,#339dff);color:#fff;box-shadow:0 14px 30px #1b62d34d}.auth-btn--primary:hover{background:linear-gradient(136deg,#1b67e0,#2d8cef)}.auth-btn--ghost{background:#ffffff80;color:#2d7bff;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.auth-btn--ecp svg,.auth-btn--ecp img{width:24px;height:24px}.auth-login__signup a:focus-visible,.auth-login__forgot:focus-visible,.auth-field__eye:focus-visible,.auth-form select:focus-visible,.auth-form input:focus-visible,.auth-btn:focus-visible{outline:2px solid #2d7bff;outline-offset:2px}@media(max-width:1180px){.auth-page h1{font-size:clamp(2.5rem,4.2vw,3.4rem)}.auth-btn{min-height:60px;font-size:clamp(1rem,1.8vw,1.3rem)}}@media(max-height:900px)and (min-width:981px){.auth-page h1{margin-bottom:8px;font-size:clamp(2.2rem,3.4vw,3.05rem)}.auth-login__title-wrap,.auth-start__title-wrap,.auth-register__title-wrap,.auth-role__title-wrap{gap:6px;margin-bottom:10px}.auth-login__title-wrap img,.auth-start__title-wrap img,.auth-register__title-wrap img,.auth-role__title-wrap img{width:64px}.auth-page--role .option-card{min-height:184px;padding:14px}.auth-page--role .option-card__title{font-size:1.75rem}.auth-page--role .option-card__icon img{width:98px}.auth-page--start .option-card{min-height:154px;padding:14px}.auth-page--start .option-card__title{font-size:1.35rem}.auth-page--start .option-card__icon img{width:92px}.auth-page--start .auth-btn{min-height:60px;font-size:clamp(1.15rem,1.7vw,1.55rem)}.auth-page--register .auth-register__form{gap:10px}.auth-form input,.auth-field--select select{height:50px;font-size:.95rem}.auth-btn{min-height:52px}}@media(max-width:580px){.auth-login__signup,.auth-start__signin{font-size:.88rem}.auth-page h1{font-size:clamp(2.4rem,11vw,3.1rem)}.auth-grid--two{grid-template-columns:1fr}.auth-page--role .option-card{min-height:170px}.auth-page--role .option-card__title{font-size:1.35rem}.auth-page--role .option-card__icon img{width:90px}.auth-page--start .option-card{min-height:148px;padding:12px}.auth-page--start .option-card__title{font-size:1.2rem}.auth-page--start .option-card__icon img{width:82px}.auth-form input,.auth-field--select select{height:52px;font-size:.95rem}.auth-btn{min-height:56px;border-radius:16px;font-size:1.08rem}}.option-card{position:relative;width:100%;min-height:140px;border:1px solid rgba(47,114,216,.28);border-radius:16px;background:#ffffff8f;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:14px 14px 12px;text-align:left;cursor:pointer;box-shadow:0 10px 24px #10356b14;transition:transform .18s ease,border-color .18s ease,background-color .18s ease,box-shadow .18s ease}.option-card:hover{transform:translateY(-1px);border-color:#2d7bff8f;background:#ffffffad;box-shadow:0 14px 26px #10356b1f}.option-card:focus-visible{outline:2px solid #2d7bff;outline-offset:2px}.option-card--selected{background:#dcecffe0;border-color:#5b95ff;box-shadow:0 12px 28px #2a6cdc29}.option-card__title{color:#14356a;font-weight:700;font-size:1.05rem}.option-card__radio{position:absolute;top:12px;right:12px;width:16px;height:16px;border-radius:999px;border:2px solid #79a6ff;box-sizing:border-box}.option-card__radio--selected{border-color:#2667f6;background:radial-gradient(circle at center,#2667f6 45%,transparent 50%)}.option-card__icon{position:absolute;right:10px;bottom:6px;opacity:.92}.option-card__icon img{width:92px;height:auto;display:block}:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#132d5b}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0}button,input{font:inherit}
