.modal-backdrop{position:fixed;inset:0;background-color:rgba(0,0,0,.5);z-index:100}.modal-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:101;max-width:450px;width:90%;background-color:white;border-radius:1rem;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);overflow:hidden;margin:0 auto}.modal-content{padding:1.5rem}.modal-header{display:flex;align-items:center;margin-bottom:1.25rem}.modal-icon-container{width:50px;height:50px;border-radius:50%;background-color:rgba(79,70,229,.1);display:flex;align-items:center;justify-content:center;margin-right:1rem}.modal-icon{font-size:1.75rem;color:#7C3AED}.modal-title{font-size:1.25rem;font-weight:700;color:#1F2937}.modal-message{color:#4B5563;font-size:1rem;margin-bottom:1.25rem;line-height:1.5}.modal-email{font-weight:600;color:#4F46E5;margin-bottom:1.5rem}.modal-buttons{display:flex;justify-content:flex-end;margin-top:1.5rem}.modal-button{padding:.75rem 1.5rem;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.modal-button:focus{outline:2px solid transparent;outline-offset:2px}.modal-button:disabled{opacity:.5;cursor:not-allowed}.modal-button-primary{background-color:#7C3AED;color:white;border:none}.modal-button-primary:hover:not(:disabled){background-color:#6D28D9}.modal-button-primary:focus{box-shadow:0 0 0 3px rgba(124,58,237,.5)}.steps-container{margin:1.5rem 0;padding:1rem;background-color:#F9FAFB;border-radius:.5rem}.step{display:flex;align-items:flex-start;margin-bottom:.75rem}.step:last-child{margin-bottom:0}.step-number{width:24px;height:24px;border-radius:50%;background-color:#7C3AED;color:white;font-weight:600;font-size:.875rem;display:flex;align-items:center;justify-content:center;margin-right:.75rem;flex-shrink:0}.step-content{flex:1;color:#4B5563}.auth-page-root{width:100%;position:relative}.auth-beta-row{width:90%;max-width:900px;margin:40px auto;display:flex;flex-direction:row;align-items:flex-start;justify-content:center;gap:40px}.auth-beta-info{flex:1;max-width:400px;background:white;border-radius:1rem;box-shadow:0 4px 16px 0 rgba(124,58,237,.07);border:1px solid #e2e8f0;padding:1.5rem 2rem;text-align:center}.beta-badge{display:inline-block;background:linear-gradient(135deg,#F97316,#EA580C);color:white;padding:.35rem 1.2rem;border-radius:2rem;font-weight:600;font-size:.95rem;margin-bottom:12px;letter-spacing:1px;box-shadow:0 2px 8px 0 rgba(249,115,22,.13)}.auth-title{font-size:1.3rem;font-weight:700;margin:12px 0 8px;background:linear-gradient(135deg,#7C3AED,#EC4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.beta-description{color:#64748B;font-size:1rem;margin-bottom:10px}.beta-features{color:#64748B;font-size:.97rem;text-align:left;margin:0 auto 10px;max-width:320px;padding-left:18px}.beta-cta{color:#7C3AED;font-weight:500;font-size:.98rem;margin-top:8px}.auth-form-container{flex:1;max-width:400px;width:100%;background:white;border-radius:1rem;box-shadow:0 4px 16px 0 rgba(124,58,237,.07);border:1px solid #e2e8f0;padding:1.5rem 2rem}.auth-form-title{font-size:2rem;font-weight:800;background:linear-gradient(135deg,#7C3AED,#EC4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;margin-bottom:2rem}.auth-toggle{text-align:center;margin-top:16px}.auth-footer{text-align:center;margin-top:32px;color:#64748B;font-size:.9rem}.auth-footer p{margin-bottom:8px}.error-message{font-size:.875rem;margin-bottom:1rem;border-left:3px solid #ef4444}.btn{font-weight:500}.btn-primary{background:linear-gradient(135deg,#7C3AED,#9333EA);box-shadow:0 4px 12px rgba(124,58,237,.15)}.btn-primary:hover{background:linear-gradient(135deg,#6D28D9,#8B5CF6);box-shadow:0 6px 16px rgba(124,58,237,.2);transform:translateY(-1px)}.btn-primary:disabled{background:#A5B4FC;cursor:not-allowed;box-shadow:none;transform:none}.btn-ghost{background:transparent;color:#7C3AED}.btn-ghost:hover{background:rgba(124,58,237,.05)}@media (max-width:768px){.auth-beta-row{flex-direction:column;align-items:center;gap:20px}.auth-beta-info,.auth-form-container{max-width:100%;width:100%}}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#374151}.input{width:100%;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:.5rem;font-size:1rem;transition:border-color .3s ease,box-shadow .3s ease;background-color:white;outline:none;color:#1E293B}.input:hover{border-color:#CBD5E0}.input:focus{outline:none;border-color:#7C3AED;box-shadow:0 0 0 3px rgba(124,58,237,.1)}.input::-moz-placeholder{color:#94A3B8}.input::placeholder{color:#94A3B8}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;font-size:1rem;transition:all .2s ease;cursor:pointer;border:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#7C3AED,#8B5CF6);color:white;box-shadow:0 2px 10px rgba(124,58,237,.2)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#6D28D9,#7C3AED);box-shadow:0 4px 12px rgba(124,58,237,.3)}.btn-full{width:100%}.btn-ghost{background:none;border:none;font-weight:600;cursor:pointer;padding:.5rem 1rem;font-size:.9rem;transition:color .2s ease}.btn-ghost:hover{color:#6D28D9;text-decoration:underline}.error-message{color:#EF4444;font-size:.95rem;margin-bottom:12px;padding:.5rem;background-color:rgba(239,68,68,.05);border-radius:.25rem}@media (max-width:768px){.auth-beta-row{flex-direction:column;align-items:center}}