:root{--auth-ink:#20332e;--auth-muted:#65766e;--auth-green:#087e65;--auth-line:#dce5e1;--auth-page:#f4f7f5;--auth-error:#b74954;--auth-error-bg:#fff2f3}
*{box-sizing:border-box;letter-spacing:0}.auth-shell{min-height:100vh;background:var(--auth-page);font-family:Inter,sans-serif;color:var(--auth-ink);padding:0 24px 44px}.auth-shell a{color:inherit;text-decoration:none}.auth-shell a:focus-visible,.auth-shell input:focus-visible,.auth-shell select:focus-visible,.auth-shell button:focus-visible{outline:3px solid #3aa889;outline-offset:3px}.auth-nav{max-width:1160px;min-height:80px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--auth-line)}.auth-brand{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:750;min-width:0}.auth-brand__icon{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;color:#fff;background:var(--auth-green);font-size:17px;flex-shrink:0}.auth-nav__back{display:inline-flex;align-items:center;gap:8px;color:#52655d;font-size:13px;font-weight:600}.auth-nav__back:hover{color:var(--auth-green)}.auth-main{width:min(100%,1120px);min-height:calc(100vh - 124px);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(380px,.9fr);align-items:center;gap:clamp(40px,8vw,130px);padding:48px 0}.auth-intro{padding:24px 0}.auth-eyebrow{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.04em;font-weight:700;color:#487363;margin-bottom:20px}.auth-eyebrow::before{content:'';width:6px;height:6px;background:var(--auth-green);border-radius:50%}.auth-intro h1{font-size:clamp(34px,4vw,52px);line-height:1.13;font-weight:750;margin:0;max-width:530px}.auth-intro p{max-width:430px;margin:20px 0 0;color:var(--auth-muted);font-size:15px;line-height:1.8}.auth-points{list-style:none;padding:0;margin:30px 0 0;display:grid;gap:14px}.auth-points li{display:flex;align-items:center;gap:11px;font-size:13px;color:#53655d}.auth-points i{width:21px;height:21px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#e4f2ec;color:var(--auth-green);font-size:10px}.auth-shell .login-container,.auth-shell .register-card{position:relative;z-index:1;width:100%;max-width:470px;justify-self:end;background:#fff;border:1px solid var(--auth-line);border-radius:8px;padding:34px;box-shadow:0 14px 42px rgba(32,51,46,.08);backdrop-filter:none}.auth-shell .register-card{max-width:510px}.auth-shell .login-header,.auth-shell .register-header{text-align:left;margin:0 0 26px}.auth-shell .login-header img{display:none}.auth-shell .login-header h1,.auth-shell .register-header h1{color:var(--auth-ink);font-size:25px;line-height:1.3;font-weight:700;margin:0 0 7px}.auth-shell .login-header h1 i,.auth-shell .register-header h1 i{color:var(--auth-green);font-size:19px;margin-right:7px}.auth-shell .login-header p,.auth-shell .register-header p{font-size:13px;color:var(--auth-muted);margin:0}.auth-shell .form-group{margin:0 0 17px}.auth-shell .form-group label{display:block;margin:0 0 7px;color:#4c6158;font-size:12px;font-weight:650}.auth-shell .form-group label i{color:#7f9389;width:17px}.auth-shell .input-group{position:relative}.auth-shell .input-group>i{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:#84958d;font-size:13px;z-index:1}.auth-shell .form-control,.auth-shell .form-group input,.auth-shell .form-group select{display:block;width:100%;min-height:43px;padding:10px 12px;border:1px solid #cbd8d1;border-radius:6px;background:#fff;color:var(--auth-ink);font:400 13px Inter,sans-serif;box-shadow:none;transition:border-color .15s,box-shadow .15s}.auth-shell .input-group .form-control{padding-left:39px}.auth-shell .form-control::placeholder,.auth-shell .form-group input::placeholder{color:#8a9791}.auth-shell .form-control:focus,.auth-shell .form-group input:focus,.auth-shell .form-group select:focus{outline:0;border-color:var(--auth-green);box-shadow:0 0 0 3px rgba(8,126,101,.12);background:#fff}.auth-shell .form-group small,.auth-hint{display:block;color:#718078!important;font-size:11px!important;line-height:1.45;margin:6px 0 0}.auth-shell .btn-login,.auth-shell .btn-register{width:100%;min-height:46px;padding:12px 16px;margin:7px 0 0;border:1px solid var(--auth-green);border-radius:6px;background:var(--auth-green);color:#fff;font:650 13px Inter,sans-serif;display:flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;box-shadow:none;transition:background .15s}.auth-shell .btn-login:hover,.auth-shell .btn-register:hover{background:#056550;transform:none;box-shadow:none}.auth-shell .alert,.auth-shell .alert-error{padding:12px 13px;margin:0 0 19px;border-radius:6px;display:flex;align-items:flex-start;gap:9px;font-size:12px;line-height:1.5}.auth-shell .alert-error{background:var(--auth-error-bg);border:1px solid #f0cbd0;color:var(--auth-error)}.auth-shell .alert-success{background:#e6f5ee;border:1px solid #cce6da;color:#187257}.auth-shell .divider{position:relative;margin:22px 0;text-align:center;color:#8a9791;font-size:11px}.auth-shell .divider:before,.auth-shell .divider:after{content:'';position:absolute;top:50%;width:43%;height:1px;background:var(--auth-line)}.auth-shell .divider:before{left:0}.auth-shell .divider:after{right:0}.auth-shell .btn-register:not(button){background:#fff;color:var(--auth-green);border-color:#9bcabb}.auth-shell .btn-register:not(button):hover{background:#e9f4ef;color:#056550}.auth-shell .login-link{text-align:center;margin:22px 0 0;color:var(--auth-muted);font-size:12px}.auth-shell .login-link a{color:var(--auth-green);font-weight:700}.auth-shell .login-link a:hover{text-decoration:underline}.auth-footer{max-width:1160px;margin:0 auto;border-top:1px solid var(--auth-line);padding:18px 0;color:#7b8982;font-size:11px;display:flex;justify-content:space-between;gap:16px}.auth-footer a{color:#5f746a}@media(max-width:820px){.auth-shell{padding:0 18px 28px}.auth-nav{min-height:70px}.auth-main{grid-template-columns:1fr;min-height:0;padding:34px 0 30px;gap:20px}.auth-intro{padding:0}.auth-intro h1{font-size:31px}.auth-intro p{font-size:13px;margin-top:14px}.auth-points{display:none}.auth-shell .login-container,.auth-shell .register-card{justify-self:stretch;max-width:none;padding:25px 20px}.auth-footer{font-size:10px}.auth-brand{font-size:16px}.auth-brand__icon{width:31px;height:31px;font-size:14px}}@media(max-width:430px){.auth-shell{padding-inline:14px}.auth-nav__back span{display:none}.auth-main{padding-top:25px}.auth-intro h1{font-size:28px}.auth-shell .login-container,.auth-shell .register-card{padding:22px 16px}}
