.auth-modal{width:100%;max-width:850px;overflow:hidden;padding:0!important}.auth-modal-split{flex-direction:row;min-height:550px;display:flex}.auth-modal-visual{background-color:var(--fx-primary-600);color:var(--fx-color-text-inverse);padding:var(--fx-space-10);text-align:left;background-image:linear-gradient(135deg, var(--fx-primary-600), var(--fx-primary-800));flex-direction:column;flex:1;justify-content:flex-start;display:flex}.auth-modal-visual-content h2{font-family:var(--fx-font-heading);font-size:var(--fx-text-hero);margin-bottom:var(--fx-space-10);font-weight:var(--fx-font-weight-bold);letter-spacing:-.03em;line-height:var(--fx-leading-tight)}.auth-modal-visual-content ul{margin:0;padding:0;list-style:none}.auth-modal-visual-content li{align-items:flex-start;gap:var(--fx-space-3);margin-bottom:var(--fx-space-4);font-size:var(--fx-text-body-lg);display:flex}.auth-modal-visual-content .material-symbols-outlined{margin-top:2px;font-size:1.2rem}.auth-modal-form-container{padding:var(--fx-space-10);background-color:var(--fx-color-surface);flex-direction:column;flex:1;justify-content:center;display:flex}.auth-modal-form-container h3{font-family:var(--fx-font-heading);font-size:var(--fx-text-section-title);font-weight:var(--fx-font-weight-bold);letter-spacing:-.02em;margin-bottom:var(--fx-space-2)}.auth-subtitle{color:var(--fx-color-text-muted);margin-bottom:var(--fx-space-8);font-size:var(--fx-text-body)}.auth-subtitle a,.auth-terms a{color:var(--fx-primary-600);text-decoration:underline}.auth-buttons{gap:var(--fx-space-3);flex-direction:column;display:flex}.auth-btn{width:100%;padding:var(--fx-space-3) var(--fx-space-5);border-radius:var(--fx-radius-full);font-size:var(--fx-text-body-lg);font-weight:var(--fx-font-weight-bold);letter-spacing:-.01em;cursor:pointer;border:1.5px solid #0000;justify-content:center;align-items:center;transition:transform .14s,background .14s,box-shadow .14s,color .14s;display:flex;position:relative}.auth-btn:active{transform:translateY(1px)}.auth-btn-social{background-color:var(--fx-color-surface);border-color:var(--fx-color-border-subtle);color:var(--fx-color-text)}.auth-btn-social:hover{background-color:var(--fx-color-surface-muted);transform:translateY(-2px)}.auth-icon{left:var(--fx-space-4);justify-content:center;align-items:center;display:flex;position:absolute}.auth-divider{text-align:center;margin:var(--fx-space-6) 0;font-size:var(--fx-text-body);color:var(--fx-color-text-subtle);justify-content:center;align-items:center;gap:var(--fx-space-2);display:flex}.auth-link-btn{color:var(--fx-primary-600);cursor:pointer;font-size:var(--fx-text-body);font-weight:var(--fx-font-weight-medium);background:0 0;border:none;padding:0;text-decoration:underline}.auth-email-form{gap:var(--fx-space-3);flex-direction:column;display:flex}.auth-input{border:1px solid var(--fx-color-border-subtle);border-radius:var(--fx-radius-xl);background:var(--fx-color-surface);font-family:var(--fx-font-body);font-size:var(--fx-text-body-lg);color:var(--fx-color-text);outline:none;width:100%;padding:.85rem 1rem;transition:border-color .14s,box-shadow .14s}.auth-input::placeholder{color:var(--fx-color-text-subtle)}.auth-input:focus{border-color:var(--fx-primary-400);box-shadow:0 0 0 4px #6366f126}.auth-btn-primary{background-color:var(--fx-primary-600);color:var(--fx-color-text-inverse);box-shadow:0 10px 24px -8px #4f46e5a6}.auth-btn-primary:hover{background-color:var(--fx-primary-500);transform:translateY(-2px)}.auth-btn-primary-vendor{background-color:var(--fx-secondary-600);box-shadow:0 10px 24px -8px #0d948880}.auth-btn-primary-vendor:hover{background-color:var(--fx-secondary-500)}.auth-terms{margin-top:var(--fx-space-8);font-size:var(--fx-text-meta);color:var(--fx-color-text-subtle);line-height:var(--fx-leading-normal)}.auth-error{background-color:var(--fx-error-light);color:var(--fx-error-dark);padding:var(--fx-space-3);border-radius:var(--fx-radius-md);margin-bottom:var(--fx-space-4);font-size:var(--fx-text-body)}@media (max-width:768px){.auth-modal-split{flex-direction:column;min-height:auto}.auth-modal-visual{display:none}.auth-modal-form-container{padding:var(--fx-space-6) var(--fx-space-4)}}.auth-role-selection{flex-direction:column;justify-content:center;height:100%;display:flex}.auth-role-buttons{gap:var(--fx-space-4);margin-top:var(--fx-space-6);flex-direction:column;display:flex}.auth-role-btn{padding:var(--fx-space-6);border:2px solid var(--fx-color-border-subtle);border-radius:var(--fx-radius-lg);background-color:var(--fx-color-surface);cursor:pointer;color:var(--fx-color-text);flex-direction:column;align-items:center;transition:all .2s;display:flex}.auth-role-btn:hover{border-color:var(--fx-primary-600);background-color:var(--fx-primary-50)}.auth-role-btn .role-icon{color:var(--fx-primary-600);margin-bottom:var(--fx-space-2);font-size:3rem}.auth-role-btn strong{font-size:var(--fx-text-body-lg);margin-bottom:var(--fx-space-1)}.auth-role-btn span{font-size:var(--fx-text-body);color:var(--fx-color-text-subtle)}.auth-role-btn:disabled{opacity:.6;cursor:not-allowed}.auth-download-step{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.download-icon-large{color:var(--fx-primary-600);margin-bottom:var(--fx-space-4);font-size:4rem}.auth-download-step h3{font-family:var(--fx-font-heading);font-size:var(--fx-text-title);font-weight:var(--fx-font-weight-bold);letter-spacing:-.02em;margin-bottom:var(--fx-space-2)}.auth-download-buttons{gap:var(--fx-space-4);margin:var(--fx-space-6) 0;justify-content:center;display:flex}.store-badge img{width:auto;height:48px;transition:transform .2s}.store-badge:hover img{transform:translateY(-2px)}.skip-btn{margin-top:var(--fx-space-4);color:var(--fx-color-text-subtle)}.skip-btn:hover{color:var(--fx-color-text)}