.auth-container{min-height:100dvh;font-family:var(--font-inter), system-ui, -apple-system, sans-serif;background-color:#f9fafb;flex-direction:column;display:flex;position:relative}.auth-top-right{z-index:10;position:absolute;top:24px;right:32px}.auth-lang-btn{color:#4b5563;cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:0;align-items:center;gap:8px;padding:8px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s;display:flex}.auth-lang-btn:hover{color:#111827;background-color:#f3f4f6}.auth-main{flex:1;justify-content:center;align-items:center;padding:60px 20px;display:flex}.auth-logo-wrapper{justify-content:center;margin-bottom:24px;display:flex}.auth-logo{object-fit:contain;width:auto;height:48px}.auth-card{box-shadow:none;background-color:#fff;border:1px solid #e5e7eb;border-radius:0;width:100%;margin:0 auto;padding:40px 32px 32px;transition:max-width .4s cubic-bezier(.4,0,.2,1);animation:.5s ease-out cardSlideUp;overflow:hidden}@keyframes cardSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-card.card-login{max-width:440px}.auth-card.card-signup{max-width:720px}.auth-header{text-align:center;margin-bottom:24px}.auth-header h2{color:#050505;letter-spacing:-.3px;margin-bottom:6px;font-size:22px;font-weight:800}.auth-header p{color:#65676b;max-width:320px;margin:0 auto;font-size:13px;line-height:1.5}.auth-tabs{border-bottom:2px solid #e5e7eb;margin-bottom:24px;display:flex}.plan-selection-row{gap:12px;display:flex}.auth-tab{color:#65676b;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-bottom:2.5px solid #0000;border-radius:0;flex:1;padding:12px 0;font-size:14px;font-weight:600;transition:all .2s}.auth-tab:hover{color:#050505;background-color:#f0f2f5}.auth-tab.active{color:#0068b5;border-bottom-color:#0068b5}.auth-forms-wrapper{position:relative}.auth-form{opacity:0;pointer-events:none;visibility:hidden;flex-direction:column;gap:16px;transition:opacity .3s,transform .35s cubic-bezier(.4,0,.2,1),visibility .35s;display:flex}.auth-form:not(.active){width:100%;position:absolute;top:0;left:0}.form-login{transform:translate(-16px)}.form-signup{transform:translate(16px)}.auth-form.active{opacity:1;pointer-events:auto;visibility:visible;transition-delay:50ms;position:relative;transform:translate(0)}.signup-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.signup-col{flex-direction:column;gap:16px;display:flex}.form-row{gap:12px;display:flex}.form-row .form-group{flex:1}.form-group.floating{flex-direction:column;display:flex;position:relative}.form-group.floating input,.form-group.floating textarea{box-sizing:border-box;color:#050505;background-color:#fafbfc;border:1.5px solid #ccd0d5;border-radius:0;outline:none;width:100%;padding:20px 14px 6px;font-family:inherit;font-size:15px;transition:border-color .2s,box-shadow .2s,background-color .2s}.form-group.floating input{height:52px}.form-group.floating textarea{resize:vertical;min-height:72px}.form-group.floating label{color:#8d949e;pointer-events:none;font-size:14px;font-weight:400;transition:all .2s;position:absolute;top:16px;left:14px}.form-group.floating input:focus~label,.form-group.floating input:not(:placeholder-shown)~label,.form-group.floating textarea:focus~label,.form-group.floating textarea:not(:placeholder-shown)~label{color:#0068b5;font-size:11px;font-weight:500;top:6px}.form-group.floating input:focus,.form-group.floating textarea:focus{background-color:#fff;border-color:#0068b5;box-shadow:0 0 0 3px #0068b51a}.form-options{justify-content:space-between;align-items:center;margin-top:-4px;font-size:13px;display:flex}.remember-me{color:#65676b;cursor:pointer;align-items:center;gap:6px;display:flex}.remember-me input[type=checkbox]{accent-color:#0068b5;width:16px;height:16px}.forgot-password{color:#0068b5;font-weight:600;text-decoration:none}.forgot-password:hover{text-decoration:underline}.btn-auth-submit{color:#fff;cursor:pointer;letter-spacing:.2px;background:#0b2b52;border:none;border-radius:0;min-height:48px;margin-top:4px;padding:14px;font-size:15px;font-weight:700;transition:all .2s}.btn-auth-submit:hover{background:#0d3a6f}.btn-auth-submit:active{transform:none}.auth-divider{text-align:center;color:#8d949e;align-items:center;margin:16px 0;font-size:12px;display:flex}.auth-divider:before,.auth-divider:after{content:"";border-bottom:1px solid #e4e6eb;flex:1}.auth-divider span{padding:0 12px}.btn-auth-google{color:#050505;cursor:pointer;background-color:#fff;border:1.5px solid #ccd0d5;border-radius:0;justify-content:center;align-items:center;gap:10px;width:100%;min-height:48px;padding:12px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.btn-auth-google:hover{background-color:#f0f2f5;border-color:#bec3c9}.auth-error-message{color:#991b1b;text-align:center;background-color:#fef2f2;border:1px solid #fca5a5;border-radius:0;margin-bottom:4px;padding:12px 16px;font-size:13px;font-weight:500}.animate-spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-auth-submit:disabled{cursor:not-allowed;box-shadow:none;background:#bec3c9;justify-content:center;align-items:center;display:flex;transform:none}@media (max-width:768px){.auth-container{background-color:#fff}.auth-main{align-items:flex-start;padding:0}.auth-top-right{top:16px;right:16px}.auth-card{box-shadow:none;border:none;border-radius:0;width:100%;max-width:100%;padding:60px 24px 40px}.auth-header{margin-bottom:20px}.auth-header h2{font-size:20px}.auth-header p{font-size:13px}.auth-logo-wrapper{margin-bottom:20px}.auth-logo{height:48px}.auth-tabs{margin-bottom:16px}.auth-tab{padding:10px 0;font-size:13px}.auth-form{gap:12px}.form-group.floating input{height:48px;padding:18px 12px 6px;font-size:14px}.form-group.floating textarea{padding:18px 12px 6px;font-size:14px}.form-group.floating label{font-size:13px;top:14px;left:12px}.form-group.floating input:focus~label,.form-group.floating input:not(:placeholder-shown)~label,.form-group.floating textarea:focus~label,.form-group.floating textarea:not(:placeholder-shown)~label{font-size:10px;top:5px}.form-group.floating input:focus,.form-group.floating textarea:focus{padding:17px 11px 5px}.btn-auth-submit{border-radius:0;padding:14px;font-size:15px}.btn-auth-google{padding:12px;font-size:13px}.auth-divider{margin:12px 0}.form-options{font-size:12px}.plan-selection-row{flex-direction:column;gap:8px}.signup-grid{grid-template-columns:1fr;gap:12px}.signup-col{gap:12px}.form-row{flex-direction:column;gap:8px}}@media (max-width:380px){.auth-card{padding:40px 16px 20px}.auth-header h2{font-size:20px!important}}
