.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);background:radial-gradient(ellipse at 50% 0%,rgba(0,212,255,.05) 0%,transparent 50%),var(--color-bg-primary)}.auth-container{width:100%;max-width:420px}.auth-header{text-align:center;margin-bottom:var(--spacing-2xl)}.auth-logo{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);text-decoration:none;position:relative}.auth-logo img{width:48px;height:48px;border-radius:var(--radius-md);position:absolute;left:0;opacity:.6}.auth-logo span{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 auto}.auth-title{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-sm)}.auth-subtitle{color:var(--color-text-secondary)}.auth-card{padding:var(--spacing-2xl)}.auth-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.auth-input{width:100%;padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-bg-secondary);border:1px solid var(--color-bg-tertiary);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-base);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.auth-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-muted)}.auth-input::placeholder{color:var(--color-text-muted)}.auth-input.error{border-color:var(--color-error)}.auth-error{color:var(--color-error);font-size:var(--font-size-sm);margin-top:calc(var(--spacing-sm) * -1)}.auth-submit{width:100%;padding:var(--spacing-md) var(--spacing-lg);margin-top:var(--spacing-sm)}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-forgot{text-align:right;margin-top:calc(var(--spacing-md) * -1)}.auth-forgot a{font-size:var(--font-size-sm);color:var(--color-text-muted)}.auth-forgot a:hover{color:var(--color-accent)}.auth-social{display:flex;flex-direction:column;gap:var(--spacing-md)}.btn-google{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-bg-secondary);border:1px solid var(--color-bg-tertiary);color:var(--color-text-primary);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);transition:all var(--transition-fast)}.btn-google:hover{background-color:var(--color-bg-tertiary);border-color:var(--color-text-muted)}.btn-google svg{width:20px;height:20px}.auth-toggle{margin-top:var(--spacing-xl);text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.auth-toggle a{font-weight:var(--font-weight-medium)}.auth-modal{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);z-index:200;opacity:0;visibility:hidden;transition:all var(--transition-base)}.auth-modal.open{opacity:1;visibility:visible}.auth-modal-content{width:100%;max-width:400px;background-color:var(--color-bg-card);border-radius:var(--radius-lg);padding:var(--spacing-2xl)}.auth-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.auth-modal-header h3{font-size:var(--font-size-xl)}.auth-modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);color:var(--color-text-muted);transition:all var(--transition-fast)}.auth-modal-close:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.auth-success{background-color:#34c7591a;border:1px solid var(--color-success);color:var(--color-success);padding:var(--spacing-md);border-radius:var(--radius-md);text-align:center;margin-bottom:var(--spacing-lg)}.auth-loading{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}