.auth-page{min-height:100vh;padding:120px var(--pd-x) var(--pd-y) var(--pd-x);flex-direction:column;justify-content:flex-start;align-items:center;padding-top:20vh;display:flex}.auth-flow-page{justify-content:center;padding-top:120px;padding-bottom:64px}.auth-container{width:100%;max-width:480px;margin:0 auto}.auth-status-container{justify-content:center;align-items:center;display:flex}.auth-tabs{border-radius:var(--br-2) var(--br-2) 0 0;z-index:1;background:#fff;border:1px solid #eee;border-bottom:none;width:100%;max-width:480px;margin:0 auto;display:flex;position:relative;overflow:hidden}.auth-tab{cursor:pointer;color:#666;background:#f8f9fa;border:none;border-bottom:2px solid #0000;flex:1;padding:14px 20px;font-size:1rem;font-weight:500;transition:all .2s}.auth-tab:hover:not(.active){color:#333;background:#f0f1f2}.auth-tab.active{color:var(--primary-color);border-bottom:2px solid var(--primary-color);background:#fff;font-weight:600}.auth-tab:first-child{border-radius:var(--br-2) 0 0 0}.auth-tab:last-child{border-radius:0 var(--br-2) 0 0}.auth-card{border-radius:0 0 var(--br-2) var(--br-2);z-index:0;background:#fff;border:1px solid #eee;width:100%;max-width:480px;margin-top:-1px;margin-left:auto;margin-right:auto;padding:32px;position:relative;box-shadow:0 20px 40px #0000000f}.auth-status-card{border-radius:var(--br-2);text-align:center}.auth-title{font-size:var(--fs-3);margin-bottom:24px}.auth-flow-page .auth-title{text-align:center}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-field-group{flex-direction:column;gap:6px;display:flex}.auth-label{color:#333;font-size:.95rem;font-weight:500}.auth-input{border-radius:var(--br-1);border:1px solid #ddd;outline:none;width:100%;padding:12px 14px;font-size:1rem;transition:all .2s}.auth-input[type=date]{color:#111;appearance:none;background:#fff;min-height:48px}.auth-input[type=date]::-webkit-date-and-time-value{text-align:left}.auth-hint{color:#6b7280;margin:2px 0 0;font-size:.8rem}.auth-input:focus{border-color:var(--secondary-color);box-shadow:0 0 0 3px #4f61ff26}.name-fields-container{flex-direction:column;gap:16px;width:100%;display:flex}.name-field{flex-direction:column;flex:1;gap:12px;display:flex}.password-fields-container{flex-direction:column;gap:6px;width:100%;display:flex}.password-field{flex-direction:column;flex:1;gap:12px;display:flex}.password-input-container{width:100%;position:relative}.password-input{width:100%!important;padding-right:50px!important}.password-toggle-btn{color:#666;cursor:pointer;z-index:1;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.password-toggle-btn:hover{color:#333}.password-toggle-btn:focus{outline:2px solid var(--secondary-color);outline-offset:2px}.auth-btn{background:var(--primary-color);border-radius:var(--br-1);cursor:pointer;border:none;margin-top:8px;padding:12px 16px;font-size:1rem;font-weight:500;transition:all .2s}.auth-btn:hover:not(:disabled){background:var(--primary-color);transform:translateY(-1px)}.auth-btn:disabled{opacity:.7;cursor:not-allowed}.auth-error{color:#b00020;border-radius:var(--br-1);text-align:center;background:#ffe5e5;border:1px solid #ffb3b3;margin-top:8px;padding:10px 12px;font-size:.9rem}.auth-success{color:#0a8f43;border-radius:var(--br-1);text-align:center;background:#e6ffea;border:1px solid #b3f3c6;margin-top:8px;padding:10px 12px;font-size:.9rem}.auth-status-message{text-align:center}.auth-checkbox-container{margin:8px 0}.auth-checkbox-label{cursor:pointer;align-items:flex-start;gap:8px;font-size:.9rem;line-height:1.4;display:flex}.auth-checkbox{cursor:pointer;margin-top:2px}.auth-checkbox-text{color:#666}.auth-link{color:var(--secondary-color);font-weight:500;text-decoration:none}.auth-link:hover{text-decoration:underline}.auth-reset-link{text-align:right;margin:-8px 0 8px}.auth-reset-btn{color:var(--secondary-color);cursor:pointer;border-radius:var(--br-1);background:0 0;border:none;padding:4px 8px;font-size:.9rem;transition:all .2s}.auth-reset-btn:hover:not(:disabled){background:#4f61ff1a;text-decoration:underline}.auth-reset-btn:disabled{opacity:.5;cursor:not-allowed}.auth-secondary-actions{justify-content:center;margin-top:12px;display:flex}.auth-secondary-action{color:var(--secondary-color);border-radius:var(--br-1);padding:4px 8px;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s}.auth-secondary-action:hover{background:#4f61ff1a;text-decoration:underline}@media (min-width:768px){.name-fields-container,.password-fields-container{flex-direction:row;gap:1rem}}@media (max-width:767px){.auth-page{padding-top:100px}.auth-flow-page{justify-content:center;padding-top:100px;padding-bottom:40px}.name-fields-container,.password-fields-container{flex-direction:column;gap:16px}.password-input{padding-right:45px!important}.password-toggle-btn{right:10px}.auth-card{padding:24px}.auth-title{font-size:1.5rem}}@media (max-width:480px){.auth-page{padding-top:90px}.auth-flow-page{padding-top:90px;padding-bottom:32px}.auth-card{padding:20px}.auth-title{margin-bottom:20px;font-size:1.3rem}}main.auth-main{max-width:none;margin:0}.auth-visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}