.auth{isolation:isolate;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:clamp(10px,2vh,20px);height:100dvh;padding:clamp(10px,2vh,20px);display:grid;position:relative;overflow:hidden}.auth-glass-mark{z-index:0;top:50%;opacity:.55;pointer-events:none;-webkit-user-select:none;user-select:none;width:min(56vw,120vh);max-width:none;position:absolute;inset-inline-start:-6%;translate:0 -50%;rotate:-10deg}[dir=rtl] .auth-glass-mark{rotate:10deg;scale:-1 1}.auth-side{z-index:1;border:1px solid var(--glass-rim);-webkit-backdrop-filter:blur(16px)saturate(1.9)brightness(1.05);backdrop-filter:blur(16px)saturate(1.9)brightness(1.05);box-shadow:var(--glass-shade), 0 40px 80px -44px #017b6a73;color:var(--ink);background:linear-gradient(160deg,#ffffff8c 0%,#fff3 55%,#ffffff52 100%),#ffffff24;border-radius:28px;flex-direction:column;justify-content:space-between;gap:clamp(16px,3vh,40px);padding:clamp(20px,4.2vh,46px) clamp(22px,3.2vw,46px);display:flex;position:relative;overflow:hidden}.auth-side:after{content:"";mix-blend-mode:soft-light;pointer-events:none;background:linear-gradient(115deg,#0000 0%,#ffffff52 22%,#0000 40% 70%,#ffffff29 88%,#0000 100%);position:absolute;inset:0}.auth-side>*{z-index:1;position:relative}.auth-pitch h2{color:var(--brand-ink);font-size:clamp(22px,min(2.8vw,4.4vh),40px);font-weight:800;line-height:1.35}.auth-pitch h2+p{max-width:28em;color:var(--ink-2);margin-top:clamp(6px,1.2vh,12px);font-size:clamp(14.5px,2vh,17px)}.auth-pitch ul{gap:clamp(6px,1.2vh,12px);margin:clamp(10px,2.4vh,24px) 0 0;padding:0;list-style:none;display:grid}.auth-pitch li{align-items:center;gap:10px;font-size:clamp(14px,1.9vh,16px);font-weight:600;display:flex}.auth-check{background:var(--ribbon);color:#fff;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;display:grid;box-shadow:inset 0 1px #fff6,0 4px 10px -4px #017b6a99}.auth-main{z-index:1;flex-direction:column;justify-content:safe center;align-items:center;gap:clamp(8px,1.8vh,20px);min-height:0;display:flex;position:relative}.auth-logo-mobile{display:none}.auth-form{background:var(--glass-bg-strong);border:1px solid var(--glass-rim);width:100%;max-width:480px;-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter);box-shadow:var(--glass-shade), 0 30px 70px -36px #017b6a73;border-radius:28px;gap:clamp(8px,1.6vh,18px);padding:clamp(16px,3.4vh,38px) clamp(18px,3vw,38px);display:grid}.auth-head h1{color:var(--brand-ink);font-size:clamp(20px,min(2.6vw,3.6vh),30px);font-weight:800;line-height:1.35}.auth-head p{color:var(--ink-2);margin-top:4px;font-size:clamp(14px,1.9vh,16px)}.auth-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;display:grid}.auth-form .field{gap:4px}.auth-form .input{border-radius:14px;min-height:clamp(40px,5.6vh,52px);padding-block:6px;font-size:16px}.auth-form .field>span{color:var(--ink);font-size:clamp(13.5px,1.8vh,14.5px);font-weight:600}.auth-password{display:block;position:relative}.auth-password .input{padding-right:54px}.auth-eye{width:38px;height:38px;color:var(--ink-3);background:0 0;border:0;border-radius:12px;place-items:center;transition:color .16s,background-color .16s;display:grid;position:absolute;top:50%;right:6px;translate:0 -50%}.auth-eye:hover{color:var(--brand);background:var(--teal-soft)}.auth-eye:focus-visible{outline:2px solid var(--brand);outline-offset:0}.auth-eye-slash{stroke-dasharray:23;stroke-dashoffset:0;transition:stroke-dashoffset .28s cubic-bezier(.2,.8,.2,1)}.auth-eye[data-shown=true]{color:var(--brand)}.auth-eye[data-shown=true] .auth-eye-slash{stroke-dashoffset:23px}.auth-strength{gap:6px;margin-top:4px;display:grid}.auth-meter{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.auth-meter span{background:#017b6a24;border-radius:3px;height:5px;transition:background .26s}.auth-meter[data-score="1"] span:nth-child(-n+1){background:#e05a47}.auth-meter[data-score="2"] span:nth-child(-n+2){background:#e8a33a}.auth-meter[data-score="3"] span:nth-child(-n+3){background:var(--brand-ribbon)}.auth-meter[data-score="4"] span{background:linear-gradient(90deg, var(--brand-emerald), var(--brand))}.auth-strength small{color:var(--ink-3);font-size:13px}.auth-strength small b{color:var(--ink)}.auth-rules{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px;margin:0;padding:0;list-style:none;display:grid}.auth-rules li{color:var(--ink-3);align-items:center;gap:7px;font-size:12.5px;line-height:1.5;transition:color .2s;display:flex}.auth-rules li:before{content:"";background:50%/9px no-repeat;border:1.5px solid #017b6a4d;border-radius:50%;flex:none;width:15px;height:15px;transition:background-color .2s,border-color .2s}.auth-rules li[data-ok=true]{color:var(--brand);font-weight:600}.auth-rules li[data-ok=true]:before{border-color:var(--brand);background-color:var(--brand);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5 10 17l9-10'/%3E%3C/svg%3E")}.auth-submit{justify-content:space-between;width:100%;margin-top:2px;padding-inline-start:28px;min-height:clamp(46px,6.4vh,58px)!important}.auth-terms{color:var(--ink-3);text-align:center;font-size:12.5px}.auth-switch{color:var(--ink-2);text-align:center;font-size:15px}.auth-switch a{color:var(--brand);font-weight:700}.auth-student{color:var(--ink-2);background:var(--glass-bg);border:1px solid var(--glass-rim);-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter);box-shadow:var(--glass-shade);border-radius:999px;padding:7px 16px;font-size:14px;text-decoration:none}.auth-student:hover{color:var(--brand)}@media (max-height:820px){.auth-terms{display:none}}@media (max-height:760px){.auth-head p,.auth-pitch h2+p{display:none}}@media (max-height:700px){.auth-student,.auth-strength small{display:none}}@media (max-height:640px){.auth-pitch ul{display:none}.auth-rules{gap:2px 10px}.auth-rules li{font-size:11.5px}}@media (max-height:520px){.auth{height:auto;min-height:100dvh;overflow:visible}}@media (max-width:900px){.auth{grid-template-columns:minmax(0,1fr)}.auth-side{display:none}.auth-glass-mark{opacity:.3;width:130vw;inset-inline-start:50%;translate:-50% -50%}[dir=rtl] .auth-glass-mark{translate:50% -50%}.auth-logo-mobile{display:block}.auth-logo-mobile img{height:26px!important}.auth-main{justify-content:safe center;gap:10px}.auth-form{border-radius:22px}}@media (max-width:359px){.auth-row,.auth-rules{grid-template-columns:minmax(0,1fr)}}
